.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#7f5af02e,#0b0b12 65%)}.auth-card{background:var(--card-dark);padding:3rem;border-radius:26px;width:100%;max-width:460px;box-shadow:var(--shadow);position:relative;z-index:1}.auth-header h1{text-align:center;color:var(--accent-gold);letter-spacing:1px}.auth-header p{text-align:center;opacity:.75}.auth-tabs{display:flex;margin:2rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.auth-tabs a{flex:1;text-align:center;padding:12px;text-decoration:none;color:inherit;opacity:.6}.auth-tabs a.active{opacity:1;border-bottom:2px solid var(--accent-gold)}.auth-form input,.auth-form select,.auth-form textarea{width:100%;padding:14px;border-radius:12px;border:none;margin-bottom:14px;background:#1c1c2b;color:#fff}.auth-form input::-moz-placeholder,.auth-form textarea::-moz-placeholder{color:#aaa}.auth-form input::placeholder,.auth-form textarea::placeholder{color:#aaa}.auth-form button{width:100%;padding:14px;border-radius:12px;background:linear-gradient(135deg,#6b4ce6,#7f5af0);border:none;color:#fff;font-weight:700;cursor:pointer}.auth-form button:hover{filter:brightness(1.05)}.auth-error{color:#f87171}.auth-muted{text-align:center;font-size:.85rem;opacity:.7}[data-theme=light] .auth-page{background:linear-gradient(180deg,#e9e6f7,#f2effb,#faf9ff)}[data-theme=light] .auth-card{background:linear-gradient(180deg,#fff,#f4f1fb);box-shadow:0 28px 60px #3c288c2e;border:1px solid rgba(127,90,240,.25)}[data-theme=light] .auth-header h1{background:linear-gradient(90deg,#6b4ce6,var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .auth-tabs{border-bottom:1px solid rgba(0,0,0,.12)}[data-theme=light] .auth-tabs a{color:#4b4b6b}[data-theme=light] .auth-tabs a.active{color:#6b4ce6;border-bottom:2px solid var(--accent-gold)}[data-theme=light] .auth-form input,[data-theme=light] .auth-form select,[data-theme=light] .auth-form textarea{background:#ebe7f7;border:1px solid rgba(107,76,230,.35);color:#1b1b2f}[data-theme=light] .auth-form input::-moz-placeholder,[data-theme=light] .auth-form textarea::-moz-placeholder{color:#666}[data-theme=light] .auth-form input::placeholder,[data-theme=light] .auth-form textarea::placeholder{color:#666}[data-theme=light] .auth-form input:focus,[data-theme=light] .auth-form select:focus,[data-theme=light] .auth-form textarea:focus{outline:none;border-color:#6b4ce6;box-shadow:0 0 0 3px #6b4ce640}[data-theme=light] .auth-form button{background:linear-gradient(135deg,#6b4ce6,#7f5af0);box-shadow:0 14px 30px #6b4ce673}[data-theme=light] .auth-muted{color:#555}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--bg);color:var(--text);transition:background-color .25s ease,color .25s ease}:root{--purple: #6f52ff;--purple-dark: #4b32d4;--gold: #f5c451;--bg: #f7f8fb;--card-bg: #ffffff;--border: #e4e6ee;--text: #111827;--muted: #6b7280;--outline-text: #111827;--outline-border: rgba(17, 24, 39, .25);--outline-hover: rgba(17, 24, 39, .05)}body.dark{--bg: #0e0f16;--card-bg: #161826;--border: #2a2e45;--text: #f4f5fb;--muted: #a1a6c3;--outline-text: #ffffff;--outline-border: rgba(255, 255, 255, .35);--outline-hover: rgba(255, 255, 255, .08)}.home-hero{min-height:100vh;background:radial-gradient(1200px 600px at 50% -200px,rgba(111,82,255,.25),transparent 60%),linear-gradient(180deg,#0c0d14,#12131d 40%,#151826);display:flex;align-items:center;justify-content:center;padding:48px}.auth-container{min-height:100vh;background:radial-gradient(900px 500px at 50% -150px,rgba(111,82,255,.22),transparent 60%),linear-gradient(180deg,#0c0d14,#141627);display:flex;align-items:center;justify-content:center;padding:32px}.card{width:100%;max-width:440px;background:linear-gradient(180deg,#ffffff0f,#fff0),var(--card-bg);border-radius:22px;padding:36px;border:1px solid var(--border);box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff0d;transition:background-color .25s ease,border-color .25s ease}h1{font-size:48px;font-weight:800;letter-spacing:-.03em}.auth-title{font-size:28px;margin-bottom:10px}.muted{color:var(--muted);font-size:15px;line-height:1.6}input,textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px;margin-bottom:14px;transition:border-color .2s ease,box-shadow .2s ease}textarea{resize:vertical;min-height:90px}input:focus,textarea:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 2px #6f52ff59}button{cursor:pointer;font-weight:600;border-radius:999px;padding:14px 26px;border:none;transition:all .2s ease}.button-gold{background:linear-gradient(135deg,#ffe08a,var(--gold));color:#111;box-shadow:0 12px 32px #f5c45159}.button-gold:hover{transform:translateY(-1px);box-shadow:0 18px 40px #f5c45173}.button-outline{background:transparent;color:var(--outline-text);border:1.5px solid var(--outline-border)}.button-outline:hover{background:var(--outline-hover);border-color:var(--outline-text)}.skill-pill{padding:10px 18px;border-radius:999px;border:1.5px solid var(--border);background:transparent;color:var(--text);font-size:14px;cursor:pointer;transition:all .15s ease}.skill-pill:hover{border-color:var(--purple)}.skill-pill.active{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 6px 18px #6f52ff66}.alert-error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:12px 14px;border-radius:12px;margin-bottom:14px;font-size:14px}.alert-success{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#86efac;padding:12px 14px;border-radius:12px;margin-bottom:14px;font-size:14px}a{color:var(--gold);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}hr{border:none;border-top:1px solid var(--border);margin:24px 0}