:root{--bg-sand:#f4f2ed;--bg-sand-dark:#e8e5df;--text-primary:#1a1a1a;--surface-white:#fff;--accent-color:#3c5a4b;--accent-terracotta:#b56554;--font-serif:"Playfair Display", serif;--font-sans:"Inter", sans-serif;--radius-soft:24px;--radius-pill:9999px;--ease-fluid:cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--shadow-soft:0 20px 40px #1a1a1a0f;--shadow-deep:0 40px 80px #1a1a1a26;--shadow-glow:0 0 30px #fffc}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-sand);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.serif{font-family:var(--font-serif)}.display-huge{font-family:var(--font-serif);letter-spacing:-.03em;z-index:2;text-shadow:0 10px 30px #ffffff80;font-size:clamp(3.5rem,9vw,9rem);font-weight:400;line-height:.95;position:relative}.display-huge em{color:var(--text-primary);font-style:italic}.section-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-bottom:2rem;font-size:.85rem}.btn-pill{background:var(--text-primary);color:var(--bg-sand);border-radius:var(--radius-pill);font-family:var(--font-sans);cursor:pointer;transition:transform .6s var(--ease-fluid), background .6s var(--ease-fluid), box-shadow .6s var(--ease-fluid);border:none;justify-content:center;align-items:center;padding:1rem 2.5rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-pill:hover{background:var(--accent-color);transform:translateY(-4px);box-shadow:0 10px 20px #3c5a4b33}.btn-terracotta{background:var(--accent-terracotta);color:var(--surface-white)}.btn-terracotta:hover{background:var(--text-primary);box-shadow:0 10px 20px #b565544d}.view{width:100%;min-height:100vh;display:none!important}.view.active{animation:smoothReveal 1s var(--ease-fluid) forwards;display:block!important}.view.active.focus-arena{display:flex!important}@keyframes smoothReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing-grid{background:linear-gradient(120deg, var(--bg-sand) 0%, var(--surface-white) 50%, var(--bg-sand-dark) 100%);background-size:200% 200%;flex-direction:column;min-height:100vh;animation:15s infinite gradientShift;display:flex;position:relative}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.bg-network{z-index:0;pointer-events:none;opacity:.4;position:absolute;inset:0;overflow:hidden}.bg-network svg{width:110%;height:110%;animation:40s linear infinite alternate driftNetwork;position:absolute;top:-10%;left:-5%}@keyframes driftNetwork{0%{transform:translate(0)scale(1)}to{transform:translate(-3%,-2%)scale(1.05)}}.landing-nav-extended{z-index:10;justify-content:space-between;align-items:center;width:100%;max-width:1800px;margin:0 auto;padding:2.5rem 4rem;display:flex;position:relative}.logo{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-primary);font-size:2.2rem;font-weight:600;text-decoration:none}.landing-hero{text-align:center;z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem 4rem 4rem;display:flex;position:relative}.marquee-container{background:var(--surface-white);z-index:2;border-top:1px solid #1a1a1a0d;border-bottom:1px solid #1a1a1a0d;width:100%;margin-top:2rem;margin-bottom:4rem;padding:1rem 0;position:relative;overflow:hidden}.marquee-content{white-space:nowrap;animation:30s linear infinite scrollMarquee;display:flex}.marquee-item{text-transform:uppercase;letter-spacing:.1em;opacity:.6;flex-shrink:0;align-items:center;gap:3rem;padding:0 3rem;font-size:.85rem;display:flex}.marquee-item:after{content:"✦";font-size:.6rem}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-actions{z-index:10;grid-template-columns:1fr 1fr;gap:3rem;width:100%;max-width:1200px;margin:0 auto 4rem;padding:0 4rem;display:grid;position:relative}.action-card{background:var(--surface-white);border-radius:var(--radius-soft);color:var(--text-primary);box-shadow:var(--shadow-soft);transition:transform .8s var(--ease-fluid), box-shadow .8s var(--ease-fluid);flex-direction:column;justify-content:flex-end;min-height:380px;padding:4rem 3rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.action-card:before{content:"";opacity:0;transition:opacity .8s var(--ease-fluid);background:radial-gradient(circle at 100% 0,#fffc,#0000 60%);position:absolute;inset:0}.action-card:hover{box-shadow:var(--shadow-deep);transform:translateY(-12px)}.action-card:hover:before{opacity:1}.action-card.dark{background:var(--text-primary);color:var(--surface-white)}.action-card.dark:before{background:radial-gradient(circle at 100% 0,#ffffff1a,#0000 60%)}.card-glyph{width:80px;height:80px;transition:transform .8s var(--ease-fluid), filter .8s var(--ease-fluid);position:absolute;top:3rem;left:3rem}.action-card:hover .card-glyph{filter:drop-shadow(0 10px 20px #0000001a);transform:scale(1.1)rotate(5deg)}.action-card.dark:hover .card-glyph{filter:drop-shadow(0 10px 20px #fff3)}.particle{opacity:0;transition:all .8s var(--ease-fluid);position:absolute;transform:scale(0)}.action-card:hover .particle.p1{opacity:.6;transform:translate(30px,-20px)scale(1)}.action-card:hover .particle.p2{opacity:.4;transform:translate(50px,10px)scale(1.5)}.action-card:hover .particle.p3{opacity:.5;transform:translate(-20px,30px)scale(.8)}.card-content-wrap{z-index:2;transition:transform .8s var(--ease-fluid);position:relative;transform:translateY(20px)}.action-card:hover .card-content-wrap{transform:translateY(0)}.action-label{text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin-bottom:.5rem;font-size:.75rem}.action-title{font-family:var(--font-serif);align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2.5rem;display:flex}.action-subtext{opacity:0;transition:all .6s var(--ease-fluid);height:0;font-size:.95rem;transition-delay:.1s;transform:translateY(10px)}.action-card:hover .action-subtext{opacity:.8;height:24px;transform:translateY(0)}.floating-chat{background:var(--surface-white);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);color:var(--text-primary);z-index:100;transition:transform .6s var(--ease-bounce), box-shadow .6s var(--ease-fluid);align-items:center;gap:.8rem;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex;position:fixed;bottom:3rem;right:3rem}.floating-chat:hover{box-shadow:var(--shadow-deep);transform:translateY(-8px)scale(1.05)}.chat-dot{background:var(--accent-color);border-radius:50%;width:8px;height:8px;animation:2s infinite pulseChat}@keyframes pulseChat{0%{box-shadow:0 0 #3c5a4b66}70%{box-shadow:0 0 0 10px #3c5a4b00}to{box-shadow:0 0 #3c5a4b00}}.auth-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-box{background:var(--surface-white);border-radius:var(--radius-soft);width:100%;max-width:480px;box-shadow:var(--shadow-soft);text-align:center;padding:4rem 3rem;position:relative}.close-btn{color:var(--text-primary);opacity:.5;font-size:1.5rem;line-height:1;text-decoration:none;transition:opacity .3s;position:absolute;top:2rem;right:2rem}.close-btn:hover{opacity:1}.auth-box h2{font-family:var(--font-serif);margin-bottom:2.5rem;font-size:2rem}.auth-form{flex-direction:column;gap:1.5rem;display:flex}.form-group input,.form-group select{border-radius:var(--radius-pill);width:100%;font-family:var(--font-sans);color:var(--text-primary);appearance:none;background:0 0;border:1px solid #1a1a1a1a;padding:1.2rem 1.5rem;font-size:1rem;transition:border-color .4s}.form-group input:focus,.form-group select:focus{border-color:var(--text-primary);outline:none}.portal-layout{max-width:1600px;margin:0 auto;padding:3rem 4rem}.portal-nav{justify-content:space-between;align-items:center;margin-bottom:5rem;display:flex}.nav-links{gap:3rem;display:flex}.nav-link{color:var(--text-primary);opacity:.5;font-size:.95rem;text-decoration:none;transition:opacity .4s}.nav-link:hover,.nav-link.active{opacity:1;font-weight:500}.test-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:3rem;display:grid}.test-card{background:var(--surface-white);border-radius:var(--radius-soft);box-shadow:var(--shadow-soft);transition:transform .8s var(--ease-fluid), box-shadow .8s var(--ease-fluid);flex-direction:column;padding:3rem;display:flex}.test-card:hover{box-shadow:var(--shadow-deep);transform:translateY(-8px)}.card-category{text-transform:uppercase;letter-spacing:.1em;opacity:.5;margin-bottom:1rem;font-size:.75rem}.test-card h3{font-family:var(--font-serif);margin-bottom:1rem;font-size:2rem;line-height:1.2}.test-card p{opacity:.7;flex:1;margin-bottom:3rem;font-size:.95rem}.card-action{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.card-action svg{transition:transform .6s var(--ease-fluid)}.test-card:hover .card-action svg{transform:translate(8px)}.candidate-feed{flex-direction:column;gap:2rem;max-width:1000px;display:flex}.candidate-card{background:var(--surface-white);border-radius:var(--radius-soft);box-shadow:var(--shadow-soft);transition:transform .6s var(--ease-fluid), box-shadow .6s var(--ease-fluid);justify-content:space-between;align-items:center;padding:3rem;display:flex}.candidate-card:hover{box-shadow:var(--shadow-deep);transform:translateY(-4px)}.cand-info h3{font-family:var(--font-serif);margin-bottom:1.5rem;font-size:2rem}.cand-stats{gap:3rem;display:flex}.stat-box{flex-direction:column;gap:.2rem;display:flex}.stat-lbl{text-transform:uppercase;letter-spacing:.1em;opacity:.5;font-size:.75rem}.stat-val{font-size:1.1rem;font-weight:600}.resume-header{text-align:center;margin-bottom:4rem}.resume-header h1{font-family:var(--font-serif);margin-bottom:1rem;font-size:4rem}.resume-grid{grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem;display:grid}.resume-card{background:var(--surface-white);border-radius:var(--radius-soft);box-shadow:var(--shadow-soft);padding:3rem}.resume-card h3{font-family:var(--font-serif);margin-bottom:1.5rem;font-size:1.8rem}.resume-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.resume-list li{border-bottom:1px solid #1a1a1a1a;justify-content:space-between;padding-bottom:1rem;display:flex}.resume-actions{justify-content:center;gap:1.5rem;display:flex}.magazine-grid{grid-template-columns:1fr 1.5fr;gap:6rem;max-width:1400px;margin:0 auto;padding:0 4rem;display:grid}.magazine-sticky-heading{height:fit-content;position:sticky;top:4rem}.magazine-sticky-heading h1{font-family:var(--font-serif);font-size:clamp(3rem,6vw,6rem);line-height:1}.magazine-scroll-content{flex-direction:column;gap:4rem;padding-bottom:10vh;display:flex}.magazine-scroll-content p{opacity:.8;font-size:1.5rem;line-height:1.8}.editorial-placeholder{background:var(--surface-white);border-radius:var(--radius-soft);width:100%;height:400px;box-shadow:var(--shadow-soft);opacity:.5;justify-content:center;align-items:center;font-style:italic;display:flex}.editorial-blockquote{font-family:var(--font-serif);border-left:4px solid var(--accent-terracotta);margin:2rem 0;padding-left:2rem;font-size:2.5rem;line-height:1.3}.leaderboard-top{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem;display:grid}.lb-card{background:var(--surface-white);border-radius:var(--radius-soft);box-shadow:var(--shadow-soft);text-align:center;padding:3rem;position:relative;overflow:hidden}.lb-rank{font-family:var(--font-serif);opacity:.1;font-size:4rem;position:absolute;top:-10px;right:20px}.lb-card.gold .lb-rank{opacity:.3;color:#d4af37}.lb-card h3{font-family:var(--font-serif);margin-top:2rem;margin-bottom:.5rem;font-size:1.8rem}.lb-list{flex-direction:column;gap:1rem;max-width:800px;margin:0 auto;display:flex}.lb-row{border-bottom:1px solid #1a1a1a1a;justify-content:space-between;padding:1.5rem 0;font-size:1.1rem;display:flex}.lb-row-rank{font-family:var(--font-serif);opacity:.5;margin-right:2rem}.focus-arena{background:var(--bg-sand-dark);flex-direction:column;min-height:100vh}.progress-bar{background:#1a1a1a1a;width:100%;height:4px}.progress-fill{background:var(--accent-color);width:33%;height:100%;transition:width .6s var(--ease-fluid)}.focus-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.focus-card{background:var(--surface-white);border-radius:var(--radius-soft);width:100%;max-width:800px;box-shadow:var(--shadow-deep);padding:4rem}.focus-card h2{font-family:var(--font-serif);margin-bottom:2rem;font-size:2rem}.focus-options{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}.focus-opt{cursor:pointer;border:1px solid #1a1a1a1a;border-radius:12px;padding:1.5rem;transition:all .3s}.focus-opt:hover{border-color:var(--text-primary);background:#1a1a1a05}.focus-footer{justify-content:flex-end;display:flex}.chat-container{z-index:9999;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:40px;right:40px}.chat-toggle-btn{color:#fff;cursor:pointer;background-color:#1a1a1a;border:none;border-radius:50px;align-items:center;gap:12px;padding:16px 24px;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;transition:transform .4s cubic-bezier(.16,1,.3,1),background-color .3s;display:flex;box-shadow:0 10px 30px #00000026}.chat-toggle-btn:hover{background-color:#333;transform:translateY(-4px)}.chat-window{opacity:0;pointer-events:none;transform-origin:100% 100%;background-color:#fff;border-radius:24px;flex-direction:column;width:380px;height:600px;margin-bottom:20px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:translateY(20px)scale(.95);box-shadow:0 20px 60px #0000001f}.chat-window.active{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.chat-header{background-color:#f4f2ed;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:24px;display:flex}.close-chat-btn{cursor:pointer;color:#1a1a1a;opacity:.5;background:0 0;border:none;font-size:1.2rem;transition:opacity .3s}.close-chat-btn:hover{opacity:1}.chat-messages{background-color:#fff;flex-direction:column;flex-grow:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.chat-bubble{border-radius:16px;max-width:85%;padding:14px 18px;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.5;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.bot-message{color:#1a1a1a;background-color:#f4f2ed;border-bottom-left-radius:4px;align-self:flex-start}.user-message{color:#fff;background-color:#1a1a1a;border-bottom-right-radius:4px;align-self:flex-end}.chat-input-area{background-color:#fff;border-top:1px solid #0000000d;gap:12px;padding:16px;display:flex}#chat-input{background-color:#f4f2ed;border:none;border-radius:12px;outline:none;flex-grow:1;padding:14px 16px;font-family:Inter,sans-serif}.send-chat-btn{color:#fff;cursor:pointer;background-color:#1a1a1a;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:transform .2s;display:flex}.send-chat-btn:hover{transform:scale(1.05)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}