@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;1,9..144,300&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--bg: #f7f6f3;--bg2: #ffffff;--bg3: #f0efe9;--surface: rgba(255,255,255,.8);--border: rgba(0,0,0,.08);--border2: rgba(0,0,0,.14);--text: #1a1916;--text2: #4a4740;--text3: #8a8680;--accent: #c8692a;--accent2: #e8843d;--accent-bg: rgba(200,105,42,.08);--green: #2a7a4a;--green-bg: rgba(42,122,74,.08);--blue: #2a5c8a;--blue-bg: rgba(42,92,138,.08);--shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.06);--shadow2: 0 2px 8px rgba(0,0,0,.08), 0 8px 32px rgba(0,0,0,.08);--radius: 16px;--radius2: 12px;--glow1: rgba(200,105,42,.12);--glow2: rgba(42,122,74,.08);--glow3: rgba(42,92,138,.06)}.dark{--bg: #0e0d0b;--bg2: #1a1816;--bg3: #222019;--surface: rgba(20,18,15,.92);--border: rgba(255,255,255,.06);--border2: rgba(255,255,255,.12);--text: #f0ede8;--text2: #b8b4ae;--text3: #706c66;--accent: #e88040;--accent2: #f0944e;--accent-bg: rgba(232,128,64,.1);--green: #4aaa6a;--green-bg: rgba(74,170,106,.1);--blue: #5a8fc0;--blue-bg: rgba(90,143,192,.1);--shadow: 0 1px 3px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.2);--shadow2: 0 2px 8px rgba(0,0,0,.4), 0 8px 32px rgba(0,0,0,.3);--glow1: rgba(232,128,64,.08);--glow2: rgba(74,170,106,.06);--glow3: rgba(90,143,192,.05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);transition:background .3s,color .3s;overflow-x:hidden}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.app-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.5}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orbFloat 20s ease-in-out infinite;will-change:transform}.bg-orb-1{width:500px;height:500px;background:var(--glow1);top:-10%;right:-5%;animation-duration:22s}.bg-orb-2{width:400px;height:400px;background:var(--glow2);bottom:10%;left:-8%;animation-duration:26s;animation-delay:-5s}.bg-orb-3{width:350px;height:350px;background:var(--glow3);top:40%;right:20%;animation-duration:30s;animation-delay:-10s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.03)}}.app-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px}.dark .app-bg:after{opacity:.04}.app-content{position:relative;z-index:1}.font-display{font-family:Fraunces,Georgia,serif}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{box-shadow:var(--shadow2)}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:12px 24px;font-family:DM Sans,sans-serif;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .2s}.btn-primary:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 4px 20px #c8692a59}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border2);border-radius:10px;padding:10px 20px;font-family:DM Sans,sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.btn-ghost:hover{background:var(--bg3);color:var(--text);border-color:var(--accent)}.tag{display:inline-block;background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--text2);transition:all .2s}.tag-accent{background:var(--accent-bg);border-color:transparent;color:var(--accent)}.tag-green{background:var(--green-bg);border-color:transparent;color:var(--green)}.tag-blue{background:var(--blue-bg);border-color:transparent;color:var(--blue)}.score-bar{height:6px;background:var(--bg3);border-radius:99px;overflow:hidden}.score-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width 1s cubic-bezier(.4,0,.2,1)}.msg-ai{background:var(--bg3);border:1px solid var(--border);border-radius:4px 16px 16px;padding:14px 18px;max-width:520px;animation:slideIn .3s ease}.msg-user{background:var(--accent);color:#fff;border-radius:16px 4px 16px 16px;padding:12px 18px;max-width:480px;margin-left:auto;animation:slideIn .3s ease}.chat-input-container{background:var(--bg2);border:1px solid var(--border2);border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:flex-end;transition:border-color .25s,box-shadow .25s}.chat-input-container:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-fade-up{animation:fadeUp .6s ease forwards}.animate-delay-1{animation-delay:.1s;opacity:0}.animate-delay-2{animation-delay:.2s;opacity:0}.animate-delay-3{animation-delay:.3s;opacity:0}.animate-delay-4{animation-delay:.4s;opacity:0}.animate-delay-5{animation-delay:.5s;opacity:0}.typing-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--text3);animation:pulse 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.accordion-content{overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s}.timeline-item:before{content:"";position:absolute;left:19px;top:40px;bottom:-20px;width:2px;background:linear-gradient(to bottom,var(--accent),transparent)}.timeline-item:last-child:before{display:none}nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.comparison-table td,.comparison-table th{padding:12px 16px;border-bottom:1px solid var(--border);font-size:14px}.comparison-table th{color:var(--text3);font-weight:500;text-align:left}.spinner{width:48px;height:48px;border-radius:50%;border:3px solid var(--accent);border-top-color:transparent;animation:spin .8s linear infinite}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-bg);border:1px solid rgba(200,105,42,.15);border-radius:99px;padding:6px 16px;font-size:13px;font-weight:500;color:var(--accent);margin-bottom:24px;animation:fadeUp .6s ease forwards}.hero-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}.feature-card:hover{transform:translateY(-4px);border-color:var(--accent-bg)}@media(max-width:1024px){.landing-container{padding:60px 20px 40px!important}.feature-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.results-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}.compare-score-grid{gap:16px!important}.chat-container{max-width:100%!important;padding:24px 16px!important}.results-container{padding:32px 20px 60px!important}.roadmap-container{max-width:100%!important;padding:32px 20px 60px!important}}@media(max-width:768px){.msg-ai,.msg-user{max-width:88%}.landing-hero h1{font-size:clamp(32px,8vw,48px)!important;margin-bottom:16px!important}.landing-hero p{font-size:15px!important;margin-bottom:28px!important}.feature-grid{grid-template-columns:1fr!important}.how-it-works{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;justify-items:center}.results-summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:12px!important}.skills-row,.compare-score-grid,.dimension-bars,.pros-cons-grid{grid-template-columns:1fr!important}.roadmap-tabs{flex-wrap:wrap;width:100%!important}nav .btn-ghost{font-size:12px!important;padding:6px 10px!important}.card-detail-inner{padding:20px 16px 16px!important}.history-card{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.history-card-actions{width:100%;display:flex;gap:8px}.history-card-actions .btn-primary{flex:1}}@media(max-width:480px){.results-header h2{font-size:26px!important}.card{border-radius:12px}nav{padding:0 10px!important;height:52px!important}nav .brand-text{font-size:14px!important}.landing-container{padding:40px 16px 32px!important}.landing-hero{margin-bottom:48px!important}.landing-hero h1{font-size:clamp(28px,8vw,38px)!important}.cta-group{flex-direction:column!important;align-items:stretch!important}.cta-group .btn-primary,.cta-group .btn-ghost{width:100%!important;text-align:center!important;justify-content:center!important}.how-it-works{grid-template-columns:1fr!important;gap:16px!important}.msg-ai,.msg-user{max-width:92%;font-size:13px!important;padding:12px 14px!important}.chat-input-container{padding:10px 12px!important;border-radius:12px!important}.chat-input-container textarea{font-size:14px!important}.chat-input-container .btn-primary{padding:8px 12px!important;font-size:13px!important}.chat-progress{margin-bottom:16px!important}.result-card-score{width:48px!important;height:48px!important}.salary-grid,.info-grid{grid-template-columns:1fr!important}.compare-container{padding:28px 16px 60px!important}.compare-container h2{font-size:26px!important}.timeline-item{padding-left:42px!important}.timeline-step-circle{width:32px!important;height:32px!important;font-size:12px!important}}@media(max-width:360px){.landing-hero h1{font-size:26px!important}.feature-grid .card{padding:20px 16px!important}nav{height:48px!important}.results-summary-grid{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){.bg-orb{animation:none!important}.animate-fade-up{animation:none!important;opacity:1!important}.msg-ai,.msg-user{animation:none!important}*{transition-duration:.01ms!important}}