:root{--font-main:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--bg-color:#fff;--text-color:#050505;--text-sub:#555;--accent-color:#04c;--grid-line:#e5e5e5;--header-bg:#fffffffa;--card-bg:#fff;--highlight-bg:#f0f7ff;--shadow-hard:8px 8px 0px #0000001a;--input-border:#ccc}[data-theme=dark]{--bg-color:#0a0a0a;--text-color:#f0f0f0;--text-sub:#a0a0a0;--accent-color:#4d8aff;--grid-line:#2a2a2a;--header-bg:#0a0a0afa;--card-bg:#111;--highlight-bg:#0d1b2e;--shadow-hard:8px 8px 0px #ffffff1a;--input-border:#444}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s;display:flex}a{color:inherit;text-decoration:none;transition:all .2s}.header{z-index:100;background:var(--header-bg);border-bottom:1px solid var(--grid-line);justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 2rem;display:flex;position:fixed;top:0;left:0}.logo{letter-spacing:-.05em;color:var(--accent-color);font-size:1.5rem;font-weight:900}.controls{align-items:center;gap:1rem;display:flex}.icon-btn{cursor:pointer;color:var(--text-color);background:0 0;border:none;align-items:center;padding:8px;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.icon-btn:hover{color:var(--accent-color)}.icon-btn svg{fill:currentColor;width:20px;height:20px}[data-theme=light] .icon-moon{display:block}[data-theme=light] .icon-sun,[data-theme=dark] .icon-moon{display:none}[data-theme=dark] .icon-sun{display:block}.main-content{flex:1;justify-content:center;align-items:center;padding:80px 1.5rem 2rem;display:flex}.login-card{background:var(--card-bg);border:2px solid var(--text-color);width:100%;max-width:420px;box-shadow:var(--shadow-hard);padding:2.5rem;position:relative}.login-title{text-align:center;letter-spacing:-.03em;margin-bottom:.5rem;font-size:2rem;font-weight:800}.login-subtitle{text-align:center;color:var(--text-sub);margin-bottom:2rem;font-size:.95rem}.form-group{margin-bottom:1.5rem}label{margin-bottom:.5rem;font-size:.9rem;font-weight:700;display:block}input[type=email],input[type=password]{width:100%;font-size:1rem;font-family:var(--font-main);background:var(--bg-color);color:var(--text-color);border:2px solid var(--input-border);border-radius:0;padding:.8rem 1rem;transition:all .2s}input:focus{border-color:var(--accent-color);box-shadow:4px 4px 0px var(--accent-color);outline:none}.form-footer{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.85rem;display:flex}.remember-label{cursor:pointer;align-items:center;margin:0;font-weight:400;display:flex}.remember-label input{margin-right:8px}.btn{text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--text-color);cursor:pointer;width:100%;color:var(--text-color);background:0 0;justify-content:center;align-items:center;padding:.8rem 1.8rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.btn--primary{background-color:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.btn--primary:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:4px 4px 0px var(--shadow-hard);transform:translateY(-2px)}.btn--google{color:var(--text-color);background:0 0;margin-top:1rem}.btn--google:hover{background:var(--grid-line)}.google-icon{margin-right:10px}.link-accent{color:var(--accent-color);font-weight:600}.link-accent:hover{text-decoration:underline}.divider{text-align:center;margin:1.5rem 0;position:relative}.divider:before{content:"";background:var(--grid-line);z-index:1;width:100%;height:1px;position:absolute;top:50%;left:0}.divider span{background:var(--card-bg);z-index:2;color:var(--text-sub);padding:0 10px;font-size:.85rem;position:relative}.bottom-text{text-align:center;color:var(--text-sub);margin-top:1.5rem;font-size:.9rem}