.landing-container{color:#fff;background-color:#0a0e1a;min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.landing-container:before,.landing-container:after{content:"";filter:blur(120px);opacity:.15;z-index:0;pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute}.landing-container:before{background:#8b5cf6;top:-200px;left:-200px}.landing-container:after{background:#3b82f6;bottom:20%;right:-200px}.content-wrapper{z-index:1;position:relative}.navbar{-webkit-backdrop-filter:blur(12px);z-index:100;background:#0a0e1a99;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.25rem 5%;display:flex;position:fixed;top:0;left:0;right:0}.navbar .logo{align-items:center;gap:.75rem;padding:0;text-decoration:none;display:flex}.navbar .logo .logo-icon{object-fit:contain;border-radius:8px;height:32px}.navbar .logo .logo-text{flex-direction:column;display:flex}.navbar .logo .logo-text .brand-name{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.2}.navbar .logo .logo-text .brand-tagline{color:#94a3b8;font-size:.75rem;font-weight:500;line-height:1.2}@media (width<=480px){.navbar .logo .logo-text .brand-tagline{display:none}}.navbar .nav-links{gap:2rem;margin:0 2rem;display:flex}@media (width<=900px){.navbar .nav-links{display:none}}.navbar .nav-links a{color:#94a3b8;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.navbar .nav-links a:hover{color:#fff}.navbar .nav-buttons{gap:.75rem;display:flex}.navbar .nav-buttons .btn{cursor:pointer;white-space:nowrap;border-radius:8px;padding:.6rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s}.navbar .nav-buttons .btn.btn-login{color:#fffc;background:0 0}.navbar .nav-buttons .btn.btn-login:hover{color:#fff;background:#ffffff0d}@media (width<=400px){.navbar .nav-buttons .btn.btn-login{display:none}}.navbar .nav-buttons .btn.btn-primary{color:#fff;background:#8b5cf6;border:none;box-shadow:0 4px 15px #8b5cf64d}.navbar .nav-buttons .btn.btn-primary:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:1000px;min-height:100vh;margin:0 auto;padding:8rem 5% 4rem;display:flex}.hero-section h1{color:#fff;margin-bottom:1.5rem;font-size:clamp(2.25rem,6vw,4.5rem);font-weight:800;line-height:1.1}.hero-section h1 .highlight{background:linear-gradient(135deg,#a78bfa,#8b5cf6,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-section .hero-subtitle{color:#fff9;max-width:700px;margin-bottom:3rem;font-size:clamp(1rem,2vw,1.3rem);line-height:1.6}.hero-section .cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.hero-section .cta-group .btn-cta{border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}@media (width<=480px){.hero-section .cta-group .btn-cta{justify-content:center;width:100%}}.hero-section .cta-group .btn-cta.primary{color:#fff;background:#8b5cf6;box-shadow:0 4px 20px #8b5cf666}.hero-section .cta-group .btn-cta.primary:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680}.hero-section .cta-group .btn-cta.secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.hero-section .cta-group .btn-cta.secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.features-section{max-width:1200px;margin:0 auto;padding:6rem 5%}.features-section .section-header{text-align:center;margin-bottom:4rem}.features-section .section-header h2{margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.features-section .section-header p{color:#fff9;max-width:600px;margin:0 auto;font-size:1.1rem}.features-section .features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.features-section .feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:2.25rem;transition:all .3s;position:relative;overflow:hidden}.features-section .feature-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#8b5cf680,#0000);height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.features-section .feature-card:hover{background:#ffffff0a;border-color:#8b5cf64d;transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.features-section .feature-card:hover:before{opacity:1}.features-section .feature-card:hover .icon-wrapper{color:#a78bfa;background:#8b5cf626;transform:scale(1.1)}.features-section .feature-card .icon-wrapper{color:#8b5cf6;background:#ffffff0d;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;font-size:1.6rem;transition:all .3s;display:flex}.features-section .feature-card h3{margin-bottom:1rem;font-size:1.3rem;font-weight:600}.features-section .feature-card p{color:#fff9;font-size:.95rem;line-height:1.6}.footer-v2{background:linear-gradient(#0000,#0000004d);border-top:none;margin-top:0;padding:5rem 5% 3rem}.footer-v2 .footer-content{max-width:1200px;margin:0 auto}.footer-v2 .footer-main{grid-template-columns:1.5fr 2fr;gap:4rem;margin-bottom:4rem;display:grid}@media (width<=900px){.footer-v2 .footer-main{grid-template-columns:1fr;gap:3rem}}.footer-v2 .footer-brand .logo{align-items:center;gap:.75rem;margin-bottom:1.5rem;text-decoration:none;display:flex}.footer-v2 .footer-brand .logo .logo-icon{border-radius:6px;height:32px}.footer-v2 .footer-brand .logo .brand-name{color:#fff;font-size:1.5rem;font-weight:700}.footer-v2 .footer-brand .brand-description{color:#94a3b8;max-width:400px;line-height:1.6}.footer-v2 .footer-links{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=500px){.footer-v2 .footer-links{grid-template-columns:repeat(2,1fr)}}.footer-v2 .footer-links .link-group{flex-direction:column;gap:1rem;display:flex}.footer-v2 .footer-links .link-group h4{color:#fff;margin-bottom:.5rem;font-size:1rem;font-weight:600}.footer-v2 .footer-links .link-group a{color:#64748b;font-size:.95rem;text-decoration:none;transition:color .2s}.footer-v2 .footer-links .link-group a:hover{color:#8b5cf6}.footer-v2 .footer-bottom{color:#64748b;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:2rem;font-size:.9rem;display:flex}@media (width<=600px){.footer-v2 .footer-bottom{text-align:center;flex-direction:column;gap:1rem}}.footer{text-align:center;border-top:1px solid #ffffff0d;margin-top:4rem;padding:3rem 5%}.footer p{color:#fff6;font-size:.9rem}@media (width<=768px){.navbar{padding:1rem 5%}.hero-section{padding-top:7rem}.features-section{padding:4rem 5%}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(3deg)}}@keyframes float-reverse{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(15px)rotate(-3deg)}}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes border-glow{0%,to{opacity:.4;box-shadow:0 0 15px #8b5cf61a}50%{opacity:1;box-shadow:0 0 30px #8b5cf64d}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.auth-container{background-color:#030712;background-image:radial-gradient(circle at 15%,#8b5cf626,#0000 40%),radial-gradient(circle at 85% 30%,#3b82f626,#0000 40%),radial-gradient(circle at 50% 100%,#8b5cf61a,#0000 50%);min-height:100vh;font-family:Inter,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden auto}.auth-container:after{content:"";opacity:.04;pointer-events:none;z-index:0;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");position:absolute;inset:0}.auth-brand-panel{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 40px;display:flex;position:relative;overflow:hidden}.auth-brand-panel .brand-content{text-align:left;z-index:2;max-width:420px;position:relative}.auth-brand-panel .brand-logo{margin-bottom:24px;animation:.8s cubic-bezier(.2,.8,.2,1) fade-in-up;display:inline-block}.auth-brand-panel .brand-logo img{filter:drop-shadow(0 10px 20px #0006);width:100%;max-width:180px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.auth-brand-panel .brand-logo img:hover{transform:scale(1.05)rotate(-2deg)}.auth-brand-panel .brand-tagline{color:#fff;letter-spacing:-1px;background:linear-gradient(135deg,#fff 30%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:48px;font-size:42px;font-weight:800;line-height:1.1;animation:.8s cubic-bezier(.2,.8,.2,1) .1s both fade-in-up}.auth-brand-panel .brand-features{flex-direction:column;gap:24px;display:flex}.auth-brand-panel .brand-feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff0a;border-radius:16px;align-items:center;gap:20px;padding:16px;transition:all .4s cubic-bezier(.2,.8,.2,1);animation:.6s cubic-bezier(.2,.8,.2,1) backwards slide-in-right;display:flex}.auth-brand-panel .brand-feature:first-child{animation-delay:.3s}.auth-brand-panel .brand-feature:nth-child(2){animation-delay:.4s}.auth-brand-panel .brand-feature:nth-child(3){animation-delay:.5s}.auth-brand-panel .brand-feature:hover{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border-color:#ffffff1f;transform:translate(8px)scale(1.02);box-shadow:0 12px 24px -10px #0000004d}.auth-brand-panel .brand-feature:hover .feature-icon{background:linear-gradient(135deg,#8b5cf640,#3b82f640);transform:scale(1.1)rotate(5deg);box-shadow:0 0 15px #8b5cf64d}.auth-brand-panel .brand-feature .feature-icon{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s;display:flex;position:relative;overflow:hidden}.auth-brand-panel .brand-feature .feature-icon:after{content:"";border-radius:inherit;border:1px solid #ffffff1a;position:absolute;inset:0}.auth-brand-panel .brand-feature .feature-icon svg{color:#e2e8f0;width:24px;height:24px}.auth-brand-panel .brand-feature .feature-text h4{color:#f8fafc;letter-spacing:-.2px;margin-bottom:4px;font-size:16px;font-weight:700}.auth-brand-panel .brand-feature .feature-text p{color:#94a3b8;margin:0;font-size:14px;line-height:1.4}.auth-brand-panel .decor-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.auth-brand-panel .decor-orb.orb-1{background:#8b5cf62e;width:400px;height:400px;animation:8s ease-in-out infinite pulse-glow;top:0%;left:-10%}.auth-brand-panel .decor-orb.orb-2{background:#3b82f626;width:350px;height:350px;animation:10s ease-in-out 2s infinite pulse-glow;bottom:5%;right:-10%}.auth-brand-panel .decor-orb.orb-3{background:#ec48991f;width:250px;height:250px;animation:9s ease-in-out 1s infinite pulse-glow;top:40%;left:30%}.auth-brand-panel .decor-shape{pointer-events:none;z-index:1;opacity:.2;position:absolute}.auth-brand-panel .decor-shape.shape-brackets{color:#8b5cf6;text-shadow:0 0 20px #8b5cf666;font-family:Fira Code,monospace;font-size:64px;font-weight:300;animation:7s ease-in-out infinite float;top:15%;right:20%}.auth-brand-panel .decor-shape.shape-curly{color:#3b82f6;text-shadow:0 0 20px #3b82f666;font-family:Fira Code,monospace;font-size:72px;font-weight:300;animation:8s ease-in-out infinite float-reverse;bottom:25%;left:15%}.auth-form-panel{z-index:1;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.auth-form{-webkit-backdrop-filter:blur(24px)saturate(1.2);background:linear-gradient(145deg,#141928a6,#0a0e1ad9);border-radius:28px;width:100%;max-width:440px;padding:56px 48px;animation:.8s cubic-bezier(.2,.8,.2,1) fade-in-up;position:relative;box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff1a,inset 0 -1px #ffffff05,inset 1px 0 #ffffff0d,inset -1px 0 #ffffff0d}.auth-form:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#8b5cf666,#ffffff0d 30% 70%,#3b82f666);border-radius:29px;padding:1px;animation:5s ease-in-out infinite border-glow;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-form .form-header{text-align:center;margin-bottom:40px}.auth-form .form-header h2{color:#fff;letter-spacing:-.5px;margin-bottom:12px;font-size:32px;font-weight:800}.auth-form .form-header p{color:#94a3b8;margin:0;font-size:15px;font-weight:400}.auth-form .error-message{color:#fca5a5;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef444414;border:1px solid #ef444433;border-radius:12px;margin-bottom:28px;padding:14px 16px;font-size:14px;animation:.3s cubic-bezier(.2,.8,.2,1) fade-in-up;box-shadow:inset 0 2px 10px #ef44440d}.auth-form .social-buttons{justify-content:center;display:flex}.auth-form .social-buttons.social-buttons--stack{flex-direction:column;gap:16px}.auth-form .social-buttons .social-btn{color:#f8fafc;cursor:pointer;background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:14px;padding:16px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.auth-form .social-buttons .social-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.auth-form .social-buttons .social-btn svg{filter:drop-shadow(0 2px 4px #0003);flex-shrink:0;width:22px;height:22px}.auth-form .social-buttons .social-btn:hover{background:linear-gradient(#ffffff1a,#ffffff0a);transform:translateY(-3px);box-shadow:0 10px 25px #0000004d,inset 0 1px #ffffff26}.auth-form .social-buttons .social-btn:hover:after{left:200%}.auth-form .social-buttons .social-btn:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 2px 5px #0003}.auth-form .social-buttons .social-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.auth-form .social-buttons .social-btn.social-btn--google:hover{border-color:#4285f4;box-shadow:0 10px 25px #4285f433,inset 0 1px #ffffff26}.auth-form .social-buttons .social-btn.social-btn--github:hover{border-color:#fff6;box-shadow:0 10px 25px #ffffff1a,inset 0 1px #ffffff26}.auth-form .auth-policy-note{text-align:center;color:#64748b;margin-top:28px;font-size:13px;line-height:1.6}.auth-form .auth-policy-note a{color:#cbd5e1;border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:color .2s}.auth-form .auth-policy-note a:hover{color:#fff;border-bottom-color:#fff6}.auth-form .auth-footer{text-align:center;color:#94a3b8;border-top:1px solid #ffffff0f;margin-top:24px;padding-top:24px;font-size:14px}.auth-form .auth-footer a{color:#8b5cf6;margin-left:6px;font-weight:600;text-decoration:none;transition:all .2s}.auth-form .auth-footer a:hover{color:#a78bfa;text-shadow:0 0 10px #a78bfa66}@media (width<=960px){.auth-container{flex-direction:column}.auth-brand-panel{display:none}.auth-form-panel{flex:1;align-items:center;padding:24px}.auth-form{border-radius:24px;max-width:400px;padding:40px 32px}}@media (width<=480px){.auth-form-panel{padding:16px}.auth-form{border-radius:20px;padding:32px 24px}.auth-form .form-header{margin-bottom:32px}.auth-form .form-header h2{font-size:26px}.auth-form .social-btn{padding:14px 20px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes logo-breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes dot-bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-10px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes orb-drift-1{0%,to{transform:translate(0)}25%{transform:translate(30px,-20px)}50%{transform:translate(-10px,-40px)}75%{transform:translate(-30px,10px)}}@keyframes orb-drift-2{0%,to{transform:translate(0)}25%{transform:translate(-20px,30px)}50%{transform:translate(15px,20px)}75%{transform:translate(25px,-15px)}}.loading-container{background:#0a0e1a;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.main-area .loading-container{min-height:calc(100vh - 10rem)}@media (width>=1024px){.main-area .loading-container{min-height:100vh}}.loading-container:before{content:"";pointer-events:none;background:radial-gradient(at 30% 40%,#8b5cf60f 0%,#0000 50%),radial-gradient(at 70% 60%,#3b82f60d 0%,#0000 50%);position:absolute;inset:0}.loading-orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.loading-orb.orb-1{background:#8b5cf61f;width:350px;height:350px;animation:12s ease-in-out infinite orb-drift-1,6s ease-in-out infinite pulse-glow;top:15%;left:20%}.loading-orb.orb-2{background:#3b82f61a;width:250px;height:250px;animation:14s ease-in-out 2s infinite orb-drift-2,8s ease-in-out 3s infinite pulse-glow;bottom:20%;right:25%}.loader-wrapper{z-index:1;flex-direction:column;align-items:center;animation:.8s ease-out fade-in;display:flex}.loader-logo{justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:32px;display:flex;position:relative}.loader-logo .logo-ring{border:2.5px solid #8b5cf6;border-color:#8b5cf6 #8b5cf64d #0000 #0000;border-radius:50%;animation:1.2s linear infinite spin;position:absolute;inset:0}.loader-logo .logo-ring:before{content:"";border:2px solid #0000;border-color:#0000 #0000 #3b82f6 #3b82f64d;border-radius:50%;animation:1.8s linear infinite reverse spin;position:absolute;inset:6px}.loader-logo .logo-inner{z-index:2;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;animation:3s ease-in-out infinite logo-breathe;display:flex;box-shadow:0 8px 32px #8b5cf64d}.loader-logo .logo-inner svg{color:#fff;width:22px;height:22px}.loader-logo .logo-pulse{pointer-events:none;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite pulse-glow;position:absolute;inset:-8px}.loading-brand{background:linear-gradient(135deg,#f1f5f9,#64748b);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:22px;font-weight:700}.loading-dots{gap:8px;margin-bottom:16px;display:flex}.loading-dots .dot{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite dot-bounce}.loading-dots .dot:first-child{animation-delay:0s}.loading-dots .dot:nth-child(2){animation-delay:.16s}.loading-dots .dot:nth-child(3){animation-delay:.32s}.loading-text{color:#64748b;letter-spacing:.5px;margin:0;font-size:14px}.interview-setup-page{flex-direction:column;flex:1;display:flex;position:relative}.interview-setup-page .header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff1a;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;height:4rem;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 0 15px #8b5cf64d}@media (width>=1024px){.interview-setup-page .header{padding:0 2rem;left:256px}}.interview-setup-page .header__left{align-items:center;gap:1rem;display:flex}@media (width>=768px){.interview-setup-page .header__left{gap:2rem}}.interview-setup-page .header__left h2{color:#60a5fa;letter-spacing:-.05em;font-size:1.125rem;font-weight:900}@media (width>=768px){.interview-setup-page .header__left h2{font-size:1.25rem}}.interview-setup-page .header__left .header__nav{gap:.75rem;display:flex}@media (width>=768px){.interview-setup-page .header__left .header__nav{gap:1.5rem}}.interview-setup-page .header__left .header__nav span{color:#94a3b8;cursor:pointer;font-size:.875rem;font-weight:500;transition:color .2s}.interview-setup-page .header__left .header__nav span:hover{color:#3b82f6}.interview-setup-page .header__left .header__nav span.active{color:#60a5fa;border-bottom:2px solid #3b82f6;padding-bottom:.25rem}.interview-setup-page .header__right{align-items:center;gap:1rem;display:flex}.interview-setup-page .header__right .notification{color:#94a3b8;cursor:pointer;position:relative}.interview-setup-page .header__right .notification:hover{color:#fff}.interview-setup-page .header__right .notification .badge{background-color:#ef4444;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:0;right:0}.interview-setup-page .header__right .divider{background-color:#ffffff1a;width:1px;height:2rem;margin:0 .5rem}.interview-setup-page .content-wrapper{width:100%;min-width:0;max-width:80rem;margin:0 auto;padding:3rem 1.25rem 4rem;overflow-x:hidden}@media (width>=768px){.interview-setup-page .content-wrapper{padding:3rem 2rem 4rem;overflow-x:visible}}.interview-setup-page .page-header{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}@media (width<=768px){.interview-setup-page .page-header{flex-direction:column;align-items:flex-start;gap:1rem}}.interview-setup-page .page-header h1{color:#fff;letter-spacing:-.025em;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}@media (width>=768px){.interview-setup-page .page-header h1{font-size:2.25rem}}.interview-setup-page .page-header p{color:#94a3b8;word-break:break-word;max-width:32rem}.interview-setup-page .page-header .actions{flex-direction:column;gap:1rem;width:100%;display:flex}@media (width>=768px){.interview-setup-page .page-header .actions{flex-direction:row;width:auto}}.interview-setup-page .page-header .actions .btn-draft{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:.5rem;width:100%;padding:.5rem 1.5rem;font-weight:500;transition:background .2s}.interview-setup-page .page-header .actions .btn-draft:hover{background:#ffffff0d}.interview-setup-page .page-header .actions .btn-draft:disabled{opacity:.5;cursor:not-allowed}@media (width>=768px){.interview-setup-page .page-header .actions .btn-draft{width:auto}}.interview-setup-page .page-header .actions .btn-generate{color:#fff;cursor:pointer;background-color:#4285f4;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.5rem 1.5rem;font-weight:700;transition:background .2s;display:flex;box-shadow:0 10px 15px -3px #4285f44d}@media (width>=768px){.interview-setup-page .page-header .actions .btn-generate{width:auto;padding:.5rem 2rem}}.interview-setup-page .page-header .actions .btn-generate:hover{background-color:#2563eb}.interview-setup-page .page-header .actions .btn-generate span{font-size:1.125rem}.interview-setup-page .grid-container{grid-template-columns:minmax(0,1fr);gap:2rem;width:100%;display:grid}@media (width>=1024px){.interview-setup-page .grid-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.interview-setup-page .form-column{flex-direction:column;gap:2rem;min-width:0;display:flex}.interview-setup-page .glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #8b5cf64d;border-radius:1rem;flex-direction:column;width:100%;min-width:0;padding:1.5rem;display:flex}.interview-setup-page .glass-card.h-full{height:100%}.interview-setup-page .glass-card .card-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.interview-setup-page .glass-card .card-header h3{color:#fff;font-size:1.125rem;font-weight:700}.interview-setup-page .glass-card .card-header .text-red{color:#ea4335}.interview-setup-page .glass-card .card-header .text-green{color:#34a853}.interview-setup-page .glass-card .glass-input{color:#fff;resize:none;background:#ffffff0d;border:1px solid #8b5cf633;border-radius:.75rem;width:100%;min-width:0;padding:1rem;font-family:inherit;font-size:.875rem}.interview-setup-page .glass-card .glass-input::placeholder{color:#475569}.interview-setup-page .glass-card .glass-input:focus{border-color:#8b5cf699;outline:none;box-shadow:0 0 15px #8b5cf64d}.interview-setup-page .glass-card .glass-input.textarea-tall{height:16rem}.interview-setup-page .glass-card .glass-input.textarea-short{height:12rem}.interview-setup-page .glass-card .card-footer{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;display:flex}.interview-setup-page .glass-card .card-footer .auto-summary-btn{color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;transition:color .2s;display:flex}.interview-setup-page .glass-card .card-footer .auto-summary-btn:hover{color:#689cff}.interview-setup-page .glass-card .card-footer .auto-summary-btn span{font-size:.875rem}.interview-setup-page .resume-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.interview-setup-page .resume-header .title{align-items:center;gap:.75rem;display:flex}.interview-setup-page .resume-header .title .text-yellow{color:#fbbc05}.interview-setup-page .resume-header .title h3{color:#fff;font-size:1.125rem;font-weight:700}.interview-setup-page .resume-header .replace-btn{color:#85adff;cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:700}.interview-setup-page .resume-header .replace-btn:hover{text-decoration:underline}.interview-setup-page .upload-area{background:#ffffff05;border:2px dashed #ffffff1a;border-radius:1rem;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.interview-setup-page .upload-area .file-preview{width:100%;max-width:280px;position:relative}.interview-setup-page .upload-area .file-preview .file-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #8b5cf64d;border-left:4px solid #3b82f6;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.interview-setup-page .upload-area .file-preview .file-card .icon-box{background:#ef444433;border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.interview-setup-page .upload-area .file-preview .file-card .icon-box span{color:#f87171}.interview-setup-page .upload-area .file-preview .file-card .file-info{flex:1;min-width:0;overflow:hidden}.interview-setup-page .upload-area .file-preview .file-card .file-info .filename{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;overflow:hidden}.interview-setup-page .upload-area .file-preview .file-card .file-info .filesize{color:#64748b;font-size:.625rem}.interview-setup-page .upload-area .file-preview .file-card .close-icon{color:#64748b;cursor:pointer}.interview-setup-page .upload-area .file-preview .file-card .close-icon:hover{color:#fff}.interview-setup-page .upload-area .file-preview .success-badge{background-color:#22c55e;border:4px solid #121212;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:absolute;bottom:-.5rem;right:-.5rem}.interview-setup-page .upload-area .file-preview .success-badge span{color:#fff;font-size:.75rem}.interview-setup-page .upload-area .success-text{text-align:center;color:#94a3b8;margin-top:2rem;font-size:.875rem}.interview-setup-page .upload-area .success-text .highlight{color:#689cff;font-weight:500}.interview-setup-page .cta-banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #8b5cf64d;border-radius:1rem;margin-top:3rem;padding:2rem;position:relative;overflow:hidden}.interview-setup-page .cta-banner .bg-glow{filter:blur(100px);background-color:#85adff1a;border-radius:50%;width:16rem;height:16rem;position:absolute;top:-8rem;right:-8rem}.interview-setup-page .cta-banner .cta-content{z-index:10;flex-direction:column;align-items:center;gap:2rem;display:flex;position:relative}@media (width>=768px){.interview-setup-page .cta-banner .cta-content{flex-direction:row}}.interview-setup-page .cta-banner .cta-content .cta-text{flex:1}.interview-setup-page .cta-banner .cta-content .cta-text h4{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.interview-setup-page .cta-banner .cta-content .cta-text p{color:#94a3b8}.interview-setup-page .cta-banner .cta-content .btn-cta{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4285f4,#85adff,#2563eb);border:none;border-radius:.75rem;width:100%;padding:1rem 1.5rem;font-size:1.125rem;font-weight:900;transition:all .2s;box-shadow:0 10px 30px #4285f466}@media (width>=768px){.interview-setup-page .cta-banner .cta-content .btn-cta{width:auto}}.interview-setup-page .cta-banner .cta-content .btn-cta:hover{transform:translateY(-4px);box-shadow:0 15px 40px #4285f480}.interview-setup-page .fab-container{z-index:50;position:fixed;bottom:2rem;right:2rem}.interview-setup-page .fab-container .fab{color:#000;cursor:pointer;background-color:#85adff;border:none;border-radius:1rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;transition:transform .2s;display:flex;box-shadow:0 25px 50px -12px #00000040}.interview-setup-page .fab-container .fab:hover{transform:rotate(12deg)}.interview-setup-page .fab-container .fab span{font-size:1.875rem}.interview-setup-page .generating-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.interview-setup-page .generating-overlay .generating-content{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.interview-setup-page .generating-overlay .generating-content .spinner{border:4px solid #ffffff1a;border-top-color:#85adff;border-radius:50%;width:3.5rem;height:3.5rem;animation:.8s linear infinite spin}.interview-setup-page .generating-overlay .generating-content h2{color:#fff;letter-spacing:-.025em;font-size:1.5rem;font-weight:800}.interview-setup-page .generating-overlay .generating-content p{color:#94a3b8;max-width:24rem;font-size:.95rem}.interview-setup-page .generating-overlay .generating-content p.sub{color:#64748b;font-size:.75rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.report-loading{color:#fff;background:#0e0e0e;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100vh;font-family:Manrope,sans-serif;display:flex}.report-loading .spinner{border:4px solid #ffffff1a;border-top-color:#85adff;border-radius:50%;width:3.5rem;height:3.5rem;animation:.8s linear infinite reportSpin}.report-loading h2{font-size:1.5rem;font-weight:800}.report-loading p{color:#94a3b8}@keyframes reportSpin{to{transform:rotate(360deg)}}.dashboard-content{color:#fff;flex-direction:column;gap:1rem;width:100%;min-width:0;max-width:80rem;margin:0 auto;padding:1rem;font-family:Manrope,sans-serif;display:flex;overflow-x:clip}@media (width>=768px){.dashboard-content{gap:2rem;padding:2rem;overflow-x:visible}}.dashboard-content .page-title{flex-direction:column;gap:1.5rem;width:100%;min-width:0;margin-bottom:1rem;display:flex}@media (width>=1024px){.dashboard-content .page-title{flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:0}}.dashboard-content .page-title h1{letter-spacing:-.025em;word-break:break-word;margin:0;font-size:1.5rem;font-weight:800}@media (width>=768px){.dashboard-content .page-title h1{font-size:1.875rem}}@media (width>=768px){.dashboard-content .page-title p{font-size:1rem}}.dashboard-content .page-title .actions{flex-direction:column;gap:.75rem;width:100%;display:flex}@media (width>=640px){.dashboard-content .page-title .actions{flex-flow:wrap}}@media (width>=1024px){.dashboard-content .page-title .actions{justify-content:flex-end;width:auto}}.dashboard-content .page-title .actions button{width:100%}@media (width>=640px){.dashboard-content .page-title .actions button{width:calc(50% - .375rem)}}@media (width>=1024px){.dashboard-content .page-title .actions button{width:auto}}.dashboard-content .page-title .actions button{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:700;display:flex}.dashboard-content .page-title .actions button.btn-export{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff08;border:1px solid #8b5cf64d}.dashboard-content .page-title .actions button.btn-export:hover{background:#ffffff0d}.dashboard-content .page-title .actions button.btn-regenerate{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff1a;border:1px solid #fff3}.dashboard-content .page-title .actions button.btn-regenerate:hover{background:#ffffff26}.dashboard-content .page-title .actions button.btn-regenerate:active{transform:scale(.95)}.dashboard-content .page-title .actions button.btn-retake{color:#002c65;background:#85adff;box-shadow:0 0 20px #85adff66}.dashboard-content .page-title .actions button.btn-retake:active{transform:scale(.95)}.dashboard-content .glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;white-space:normal;background:#ffffff08;border:1px solid #8b5cf64d;border-radius:1rem;width:100%;min-width:0;max-width:100%;padding:1rem;box-shadow:0 0 20px #8b5cf61a}.dashboard-content .top-stats-row{grid-template-columns:minmax(0,1fr);gap:1.25rem;width:100%;display:grid}@media (width>=768px){.dashboard-content .top-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1280px){.dashboard-content .top-stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}.dashboard-content .top-stats-row .fit-card{text-align:center;position:relative;overflow:hidden}@media (width>=768px) and (width<=1279px){.dashboard-content .top-stats-row .fit-card{text-align:left;grid-column:span 2;align-items:center;gap:2rem;padding:2rem;display:flex}.dashboard-content .top-stats-row .fit-card h2{margin:0 0 1rem}.dashboard-content .top-stats-row .fit-card .score-ring{margin:0}.dashboard-content .top-stats-row .fit-card .fit-content{flex:1}}.dashboard-content .top-stats-row .fit-card h2{text-align:left;word-break:break-word;margin:0 0 1.5rem;font-size:1.125rem}.dashboard-content .top-stats-row .fit-card .score-ring{flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;margin:0 auto 1.25rem;display:flex;position:relative}@media (width>=1024px){.dashboard-content .top-stats-row .fit-card .score-ring{width:160px;height:160px}}.dashboard-content .top-stats-row .fit-card .score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.dashboard-content .top-stats-row .fit-card .score-ring svg .bg-circle{color:#ffffff0d}.dashboard-content .top-stats-row .fit-card .score-ring svg .fg-circle{color:#85adff;filter:drop-shadow(0 0 8px #85adffcc);transition:stroke-dashoffset 1s ease-out}.dashboard-content .top-stats-row .fit-card .score-ring .score-text{flex-direction:column;align-items:center;display:flex;position:absolute}.dashboard-content .top-stats-row .fit-card .score-ring .score-text h3{text-shadow:0 0 15px #8b5cf680;margin:0;font-size:1.75rem;font-weight:900}@media (width>=768px){.dashboard-content .top-stats-row .fit-card .score-ring .score-text h3{font-size:2.5rem}}.dashboard-content .top-stats-row .fit-card .score-ring .score-text span{text-transform:uppercase;letter-spacing:.1em;color:#689cff;font-size:.5rem;font-weight:700}@media (width>=768px){.dashboard-content .top-stats-row .fit-card .score-ring .score-text span{font-size:.625rem}}.dashboard-content .top-stats-row .fit-card p{color:#adaaaa;word-wrap:break-word;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:.875rem;line-height:1.6}.dashboard-content .top-stats-row .fit-card p strong{color:#86f898;font-weight:600}.dashboard-content .top-stats-row .skills-card{flex-direction:column;display:flex}.dashboard-content .top-stats-row .skills-card h2{word-break:break-word;margin:0 0 1rem;font-size:1.125rem}.dashboard-content .top-stats-row .skills-card .scrollable-skills{flex:1;width:100%;min-width:0;max-height:16rem;padding-right:.5rem;overflow-y:auto}.dashboard-content .top-stats-row .skills-card .scrollable-skills::-webkit-scrollbar{width:4px}.dashboard-content .top-stats-row .skills-card .scrollable-skills::-webkit-scrollbar-track{background:0 0}.dashboard-content .top-stats-row .skills-card .scrollable-skills::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.dashboard-content .top-stats-row .skills-card .gap-item{box-sizing:border-box;background:#ffffff08;border-radius:.75rem;width:100%;min-width:0;margin-bottom:1rem;padding:1rem}.dashboard-content .top-stats-row .skills-card .gap-item:last-child{margin-bottom:0}.dashboard-content .top-stats-row .skills-card .gap-item .gap-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dashboard-content .top-stats-row .skills-card .gap-item .gap-header span{text-transform:uppercase;letter-spacing:-.05em;font-size:.75rem;font-weight:700}.dashboard-content .top-stats-row .skills-card .gap-item h3{color:#fff;word-break:break-word;overflow-wrap:anywhere;white-space:normal;min-width:0;margin:0 0 .25rem;font-size:.95rem;line-height:1.4}.dashboard-content .top-stats-row .skills-card .gap-item.critical{border-left:4px solid #ea4335}.dashboard-content .top-stats-row .skills-card .gap-item.critical span,.dashboard-content .top-stats-row .skills-card .gap-item.critical .material-symbols-outlined{color:#ea4335}.dashboard-content .top-stats-row .skills-card .gap-item.medium{border-left:4px solid #fbbc05}.dashboard-content .top-stats-row .skills-card .gap-item.medium span,.dashboard-content .top-stats-row .skills-card .gap-item.medium .material-symbols-outlined{color:#fbbc05}.dashboard-content .top-stats-row .skills-card .gap-item.low{border-left:4px solid #34a853}.dashboard-content .top-stats-row .skills-card .gap-item.low span,.dashboard-content .top-stats-row .skills-card .gap-item.low .material-symbols-outlined{color:#34a853}.dashboard-content .top-stats-row .tip-card{border-radius:1rem;height:100%;min-height:16rem;position:relative;overflow:hidden}.dashboard-content .top-stats-row .tip-card img{object-fit:cover;opacity:.6;width:100%;height:100%;transition:opacity .3s}.dashboard-content .top-stats-row .tip-card:hover img{opacity:.8}.dashboard-content .top-stats-row .tip-card .overlay{background:linear-gradient(#0000,#0e0e0e66,#0e0e0e);flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.dashboard-content .top-stats-row .tip-card .overlay span{color:#85adff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;font-size:.625rem;font-weight:700}.dashboard-content .top-stats-row .tip-card .overlay p{color:#fff;margin:0;font-size:.875rem;font-weight:500;line-height:1.5}.dashboard-content .top-stats-row .tip-card .overlay p strong{color:#689cff;font-weight:inherit}.dashboard-content .content-tabs-layout{flex-direction:column;gap:1.5rem;width:100%;min-width:0;display:flex}@media (width>=1024px){.dashboard-content .content-tabs-layout{flex-direction:row;align-items:flex-start;gap:2rem}}.dashboard-content .content-tabs-layout .tabs-sidebar{-webkit-overflow-scrolling:touch;flex-direction:row;gap:.5rem;width:100%;min-width:0;padding:.25rem 0;display:flex;overflow-x:auto}@media (width>=1024px){.dashboard-content .content-tabs-layout .tabs-sidebar{flex-direction:column;flex-shrink:0;gap:.75rem;width:18rem;margin:0;padding:0}}.dashboard-content .content-tabs-layout .tabs-sidebar::-webkit-scrollbar{display:none}.dashboard-content .content-tabs-layout .tabs-sidebar .tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff05;border:1px solid #ffffff0d;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}@media (width>=768px){.dashboard-content .content-tabs-layout .tabs-sidebar .tab-btn{padding:1rem 1.25rem;font-size:.95rem}}.dashboard-content .content-tabs-layout .tabs-sidebar .tab-btn .material-symbols-outlined{font-size:1.125rem}@media (width>=768px){.dashboard-content .content-tabs-layout .tabs-sidebar .tab-btn .material-symbols-outlined{font-size:1.25rem}}.dashboard-content .content-tabs-layout .tabs-sidebar .tab-btn:hover{color:#fff;background:#ffffff0d}.dashboard-content .content-tabs-layout .tabs-sidebar .tab-btn.active{color:#85adff;background:#85adff1a;border-color:#85adff4d;box-shadow:0 0 15px #85adff1a}@media (width>=1024px){.dashboard-content .content-tabs-layout .tabs-sidebar .tab-btn.active{transform:translate(4px)}}.dashboard-content .content-tabs-layout .tab-content-area{flex:1;width:100%;min-height:auto}@media (width>=1024px){.dashboard-content .content-tabs-layout .tab-content-area{min-height:30rem}}.dashboard-content .content-tabs-layout .tab-content-area .animate-fade-in{animation:.3s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-content .content-tabs-layout .tab-content-area .roadmap-view .card-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.dashboard-content .content-tabs-layout .tab-content-area .roadmap-view .card-header h2{margin:0;font-size:1.25rem;font-weight:800}.dashboard-content .content-tabs-layout .tab-content-area .roadmap-view .timeline{padding-left:2rem;position:relative}.dashboard-content .content-tabs-layout .tab-content-area .roadmap-view .timeline:before{content:"";background:#ffffff1a;width:2px;position:absolute;top:8px;bottom:0;left:11px}.dashboard-content .content-tabs-layout .tab-content-area .roadmap-view .timeline .day-item{justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem;display:flex;position:relative}.dashboard-content .content-tabs-layout .tab-content-area .roadmap-view .timeline .day-item:last-child{margin-bottom:0}.dashboard-content .content-tabs-layout .tab-content-area .roadmap-view .timeline .day-item .dot{z-index:10;background:#85adff;border:4px solid #0e0e0e;border-radius:50%;width:1.5rem;height:1.5rem;position:absolute;top:4px;left:-2rem}.dashboard-content .content-tabs-layout .tab-content-area .roadmap-view .timeline .day-item .day-content h4{color:#fff;margin:0;font-size:1rem;font-weight:700;line-height:1.4}.dashboard-content .content-tabs-layout .tab-content-area .roadmap-view .timeline .day-item .day-content .task-list{color:#d1d5db;margin:.75rem 0 0;padding-left:1rem;font-size:.875rem;line-height:1.6}.dashboard-content .content-tabs-layout .tab-content-area .roadmap-view .timeline .day-item .day-content .task-list li{margin-bottom:.5rem}.dashboard-content .content-tabs-layout .tab-content-area .roadmap-view .timeline .day-item .day-content .task-list li:last-child{margin-bottom:0}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .section-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .section-header h2{margin:0;font-size:1.25rem;font-weight:800}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .section-header .icon{font-size:1.75rem}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .section-header .text-blue{color:#3b82f6}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .section-header .text-green{color:#10b981}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .accordion{background:#ffffff05;border:1px solid #8b5cf633;border-radius:.75rem;margin-bottom:1rem;transition:all .3s;overflow:hidden}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .accordion:hover{background:#ffffff0a;border-color:#85adff80}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .accordion .acc-header{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.25rem;font-family:Manrope,sans-serif;display:flex}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .accordion .acc-header span.text{padding-right:1rem;font-size:.95rem;font-weight:700;line-height:1.4}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .accordion .acc-header span.icon{color:#64748b;background:#ffffff0d;border-radius:50%;padding:.25rem}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .accordion .acc-body{background:#ffffff03;padding:0 1.25rem 1.25rem}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .accordion .acc-body .answer-text{border-left:3px solid #689cff;margin-bottom:1rem;padding-left:1rem}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .accordion .acc-body .answer-text p{color:#d1d5db;margin:0 0 .5rem;font-size:.875rem;line-height:1.6}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .accordion .acc-body .answer-text p:last-child{margin-bottom:0}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .accordion .acc-body p{color:#d1d5db;margin:0 0 1rem;font-size:.875rem;line-height:1.6}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .accordion .acc-body .intention{color:#689cff;background:#85adff0d;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.825rem;display:flex}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .accordion .acc-body .intention .material-symbols-outlined{font-size:1rem}.dashboard-content .content-tabs-layout .tab-content-area .questions-view .accordion .acc-body .intention strong{color:#fff;margin-right:.25rem;display:inline-block}.profile-menu{cursor:pointer;position:relative}.profile-menu .profile-img{object-fit:cover;border:2px solid #85adff4d;border-radius:50%;width:2rem;height:2rem;transition:border-color .2s}.profile-menu:hover .profile-img{border-color:#85adffb3}.profile-menu .profile-dropdown{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;visibility:hidden;z-index:100;background:#1a1a1af2;border:1px solid #8b5cf64d;border-radius:.75rem;min-width:11rem;padding:.5rem;transition:all .2s;position:absolute;top:calc(100% + .5rem);right:0;transform:translateY(-8px);box-shadow:0 20px 40px #00000080}.profile-menu .profile-dropdown:before{content:"";background:#1a1a1af2;border-top:1px solid #8b5cf64d;border-left:1px solid #8b5cf64d;width:12px;height:12px;position:absolute;top:-6px;right:12px;transform:rotate(45deg)}.profile-menu:hover .profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.profile-menu .dropdown-item{color:#d1d5db;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;font-family:inherit;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.profile-menu .dropdown-item .material-symbols-outlined{color:#94a3b8;font-size:1.125rem}.profile-menu .dropdown-item:hover{color:#fff;background:#85adff1a}.profile-menu .dropdown-item:hover .material-symbols-outlined{color:#85adff}.profile-menu .dropdown-item:last-child:hover{color:#f87171;background:#ef44441a}.profile-menu .dropdown-item:last-child:hover .material-symbols-outlined{color:#f87171}.dashboard-content{width:100%;min-width:0;max-width:80rem;margin:0 auto;padding:3rem 1.25rem 4rem;overflow-x:hidden}@media (width>=768px){.dashboard-content{padding:3rem 2rem 4rem;overflow-x:visible}}.dashboard-content .page-title{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}@media (width>=768px){.dashboard-content .page-title{flex-direction:row;justify-content:space-between;align-items:flex-end}}.dashboard-content .page-title h1{letter-spacing:-.025em;color:#fff;margin:0;font-size:1.875rem;font-weight:800}.dashboard-content .page-title p{color:#adaaaa;margin:.25rem 0 0;font-size:1rem}.dashboard-content .page-title .btn-create{color:#8fa9ff;cursor:pointer;background:#85adff26;border:1px solid #85adff4d;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}@media (width>=768px){.dashboard-content .page-title .btn-create{width:auto;padding:.625rem 1.25rem}}.dashboard-content .page-title .btn-create:hover{background:#85adff40;transform:translateY(-1px)}.dashboard-content .page-title .btn-create:active{transform:scale(.96)}.dashboard-content .error-banner{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:.75rem;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem;font-size:.875rem;display:flex}.dashboard-content .empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.dashboard-content .empty-state .material-symbols-outlined{color:#85adff4d;margin-bottom:1rem;font-size:4rem}.dashboard-content .empty-state h3{color:#fff;margin:0 0 .5rem;font-size:1.25rem}.dashboard-content .empty-state p{margin:0 0 1.5rem}.dashboard-content .empty-state .btn-create{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#7c3aed);border:none;border-radius:.75rem;padding:.75rem 2rem;font-family:Manrope,sans-serif;font-weight:700;box-shadow:0 10px 15px -3px #3b82f633}.dashboard-content .stats-row{grid-template-columns:minmax(0,1fr);gap:1rem;margin-bottom:2rem;display:grid}@media (width>=768px){.dashboard-content .stats-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.dashboard-content .stats-row .stat-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:1.25rem;align-items:center;gap:1rem;min-width:0;padding:1.25rem 1rem;display:flex}@media (width>=768px){.dashboard-content .stats-row .stat-card{gap:1.25rem;padding:1.75rem 1.5rem}}.dashboard-content .stats-row .stat-card .stat-icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}@media (width>=768px){.dashboard-content .stats-row .stat-card .stat-icon{width:3.5rem;height:3.5rem}}.dashboard-content .stats-row .stat-card .stat-icon .material-symbols-outlined{font-size:1.5rem}@media (width>=768px){.dashboard-content .stats-row .stat-card .stat-icon .material-symbols-outlined{font-size:1.75rem}}.dashboard-content .stats-row .stat-card .stat-body{flex-direction:column;gap:.25rem;display:flex}.dashboard-content .stats-row .stat-card .stat-body .stat-label{color:#64748b;font-size:.875rem;font-weight:600}.dashboard-content .stats-row .stat-card .stat-body .stat-value{color:#fff;font-size:2rem;font-weight:800;line-height:1.1}.dashboard-content .reports-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=1024px){.dashboard-content .reports-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1536px){.dashboard-content .reports-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-content .report-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;gap:1.5rem;min-width:0;padding:1.25rem;transition:border-color .2s,box-shadow .2s;display:flex}@media (width>=768px){.dashboard-content .report-card{padding:1.75rem}}.dashboard-content .report-card.draft-card{background:#ffffff05;border-style:dashed}.dashboard-content .report-card:hover{border-color:#ffffff26;box-shadow:0 8px 32px #0000004d}.dashboard-content .report-card:hover.draft-card{border-color:#f59e0b66}.dashboard-content .report-card .card-header-row{align-items:center;gap:1.25rem;padding-bottom:.25rem;display:flex}.dashboard-content .report-card .card-header-row .score-badge{border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.dashboard-content .report-card .card-header-row .score-badge span{font-size:1.25rem;font-weight:800}.dashboard-content .report-card .card-header-row .draft-badge{color:#94a3b8;background:#94a3b826;border:1px solid #94a3b833;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.dashboard-content .report-card .card-header-row .draft-badge span{letter-spacing:.05em;font-size:.75rem;font-weight:800}.dashboard-content .report-card .card-header-row .card-title-group{flex-direction:column;flex:1;justify-content:center;gap:.4rem;min-width:0;display:flex}.dashboard-content .report-card .card-header-row .card-title-group .job-title{color:#f1f5f9;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.125rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.dashboard-content .report-card .card-header-row .card-title-group .card-date{color:#64748b;align-items:center;gap:.35rem;margin:0;font-size:.875rem;display:flex}.dashboard-content .report-card .card-header-row .card-title-group .card-date .material-symbols-outlined{font-size:1rem}.dashboard-content .report-card .card-header-row .delete-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.dashboard-content .report-card .card-header-row .delete-btn:hover{color:#f87171;background:#ef44441a}.dashboard-content .report-card .card-stats{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;gap:0;padding:1rem 0;display:flex}.dashboard-content .report-card .card-stats .card-stat{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;padding:0 .25rem;display:flex}.dashboard-content .report-card .card-stats .card-stat+.card-stat{border-left:1px solid #ffffff0f}.dashboard-content .report-card .card-stats .card-stat .stat-key{color:#8b9bb4;text-transform:uppercase;letter-spacing:.05em;max-width:100%;margin-bottom:.5rem;font-size:.65rem;font-weight:700;line-height:1.2;display:block}.dashboard-content .report-card .card-stats .card-stat .stat-val{color:#a78bfa;font-size:1.25rem;font-weight:800}@media (width>=400px){.dashboard-content .report-card .card-stats .card-stat .stat-val{font-size:1.75rem}}@media (width>=768px){.dashboard-content .report-card .card-stats .card-stat .stat-val{font-size:2rem}}.dashboard-content .report-card .card-stats .card-stat .stat-val.green{color:#34d399}.dashboard-content .report-card .gaps-row{flex-wrap:wrap;gap:.75rem;min-height:2rem;padding-top:.25rem;display:flex}.dashboard-content .report-card .gaps-row .gap-pill{text-transform:uppercase;letter-spacing:.025em;border-radius:2rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700}.dashboard-content .report-card .gaps-row .gap-pill.critical{color:#f87171;background:#ea433526;border:1px solid #ea433540}.dashboard-content .report-card .gaps-row .gap-pill.medium{color:#fbbf24;background:#fbbc051f;border:1px solid #fbbc0540}.dashboard-content .report-card .gaps-row .gap-pill.low{color:#34d399;background:#34a8531f;border:1px solid #34a85340}.dashboard-content .report-card .btn-view{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:auto;padding:.875rem;font-family:Manrope,sans-serif;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.dashboard-content .report-card .btn-view .material-symbols-outlined{font-size:1.125rem}.dashboard-content .report-card .btn-view:hover{color:#fff;background:#ffffff14;border-color:#fff3}.dashboard-content .report-card .btn-view.draft{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.dashboard-content .report-card .btn-view.draft:hover{color:#fff;background:#f59e0b33;border-color:#f59e0b66}.dashboard-content .report-card .btn-view:active{transform:scale(.97)}.dashboard-content .draft-preview{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;padding:1.5rem 0}.dashboard-content .draft-preview p{color:#94a3b8;margin:0;font-size:.875rem;line-height:1.5}.mobile-header{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:50;background-color:#0e0e0ef2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:4.5rem;padding:0 1.25rem;display:flex;position:fixed;top:0;left:0;right:0}@media (width>=1024px){.mobile-header{display:none}}.mobile-header .mobile-brand{align-items:center;gap:.75rem;display:flex}.mobile-header .mobile-brand .brand-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:.5rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex;box-shadow:0 0 16px #8b5cf659}.mobile-header .mobile-brand .brand-icon span{color:#fff;font-size:1.125rem}.mobile-header .mobile-tokens{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:2rem;align-items:center;gap:.375rem;margin-left:auto;margin-right:1rem;padding:.375rem .75rem;font-size:.875rem;font-weight:700;display:flex}.mobile-header .mobile-tokens .material-symbols-outlined{font-variation-settings:"'FILL' 1";font-size:1.125rem}.mobile-header .mobile-profile-container{position:relative}.mobile-header .mobile-profile-container .profile-avatar{cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.mobile-header .mobile-profile-container .profile-avatar span{color:#fff;font-size:1.5rem}.mobile-header .mobile-profile-container .profile-popup{z-index:100;background:#1e2030;border:1px solid #ffffff1a;border-radius:1rem;min-width:12rem;animation:.18s ease-out popupIn;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 16px 40px #00000080}.mobile-header .mobile-profile-container .profile-popup .popup-header{color:#f1f5f9;letter-spacing:-.01em;padding:.875rem 1rem;font-size:.875rem;font-weight:700}.mobile-header .mobile-profile-container .profile-popup .popup-divider{background:#ffffff12;height:1px}.mobile-header .mobile-profile-container .profile-popup .popup-item--tokens{pointer-events:none;color:#a78bfa!important}.mobile-header .mobile-profile-container .profile-popup .popup-item--tokens .material-symbols-outlined{font-variation-settings:"'FILL' 1";color:#a78bfa!important}.mobile-header .mobile-profile-container .profile-popup .popup-item--membership{pointer-events:none;color:#10b981!important}.mobile-header .mobile-profile-container .profile-popup .popup-item--membership .material-symbols-outlined{font-variation-settings:"'FILL' 1";color:#10b981!important}.mobile-header .mobile-profile-container .profile-popup .popup-item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.875rem;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.mobile-header .mobile-profile-container .profile-popup .popup-item .material-symbols-outlined{color:#94a3b8;font-size:1.15rem}.mobile-header .mobile-profile-container .profile-popup .popup-item:hover{color:#fff;background:#ffffff0f}.mobile-header .mobile-profile-container .profile-popup .popup-item:hover .material-symbols-outlined{color:#fff}.mobile-header .mobile-profile-container .profile-popup .popup-item--danger,.mobile-header .mobile-profile-container .profile-popup .popup-item--danger .material-symbols-outlined{color:#f87171}.sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:50;color:#fff;background-color:#0e0e0ef2;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;height:4.5rem;padding:0 1rem;font-family:Manrope,sans-serif;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=1024px){.sidebar{background-color:#121216fa;border-top:none;border-right:1px solid #ffffff14;flex-direction:column;justify-content:flex-start;width:256px;height:100vh;padding:2rem 1rem;transition:width .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1);top:0;right:auto}body.sidebar-collapsed .sidebar{width:5.5rem;padding:2rem .75rem}body.sidebar-collapsed .sidebar .brand-text,body.sidebar-collapsed .sidebar .nav-item span:last-child,body.sidebar-collapsed .sidebar .profile-info,body.sidebar-collapsed .sidebar__tokens{display:none!important}body.sidebar-collapsed .sidebar .brand-icon{margin:0 auto}body.sidebar-collapsed .sidebar .nav-item{justify-content:center;padding:.875rem}body.sidebar-collapsed .sidebar .profile-trigger{justify-content:center;padding:.5rem}body.sidebar-collapsed .sidebar .profile-popup{min-width:12rem;bottom:.5rem;left:5rem}}.sidebar .sidebar-toggle{display:none}@media (width>=1024px){.sidebar .sidebar-toggle{color:#fff;cursor:pointer;z-index:60;background:#4f46e5;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s,transform .2s;display:flex;position:absolute;top:2rem;right:-14px;box-shadow:0 0 10px #00000080}.sidebar .sidebar-toggle .material-symbols-outlined{font-size:1.25rem}.sidebar .sidebar-toggle:hover{background:#4338ca;transform:scale(1.1)}}.sidebar__brand{display:none}@media (width>=1024px){.sidebar__brand{align-items:center;gap:.75rem;width:100%;margin-bottom:1.5rem;padding:0 .5rem;display:flex}}.sidebar__brand .brand-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;box-shadow:0 0 16px #8b5cf659}.sidebar__brand .brand-icon span{color:#fff;font-size:1.25rem}.sidebar__brand .brand-text h1{letter-spacing:-.025em;color:#fff;margin:0;font-size:1rem;font-weight:700}.sidebar__brand .brand-text p{color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.6rem;font-weight:600}.sidebar__tokens{display:none}@media (width>=1024px){.sidebar__tokens{width:100%;margin-bottom:2rem;padding:0 .5rem;display:block}.sidebar__tokens .tokens-card{color:#fff;background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border:1px solid #8b5cf633;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.875rem;padding:.875rem 1rem;transition:all .3s;display:flex}.sidebar__tokens .tokens-card:hover{background:linear-gradient(135deg,#8b5cf626,#8b5cf614);border-color:#8b5cf666}.sidebar__tokens .tokens-card .material-symbols-outlined{color:#8b5cf6;font-variation-settings:"'FILL' 1";background:#8b5cf626;border-radius:.75rem;padding:.5rem;font-size:1.5rem}.sidebar__tokens .tokens-card .tokens-info{flex-direction:column;gap:.125rem;display:flex}.sidebar__tokens .tokens-card .tokens-info .tokens-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.625rem;font-weight:700}.sidebar__tokens .tokens-card .tokens-info .tokens-value{color:#f1f5f9;font-family:JetBrains Mono,monospace;font-size:1.125rem;font-weight:800}.sidebar__tokens .tokens-card .membership-badge{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:.5rem;align-items:center;gap:.375rem;width:100%;margin-top:.5rem;padding:.375rem .625rem;font-size:.7rem;font-weight:700;display:flex}.sidebar__tokens .tokens-card .membership-badge .material-symbols-outlined{color:#fff;background:0 0;padding:0;font-size:1rem}}.sidebar__nav{flex-direction:row;justify-content:space-around;align-items:center;width:100%;display:flex}@media (width>=1024px){.sidebar__nav{flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;gap:.25rem}}.sidebar__nav a{flex:1;justify-content:center;text-decoration:none;display:flex}@media (width>=1024px){.sidebar__nav a{flex:none;display:block}}.sidebar__nav .nav-item{color:#64748b;cursor:pointer;border-radius:.625rem;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.5rem;transition:all .2s;display:flex}@media (width>=1024px){.sidebar__nav .nav-item{flex-direction:row;flex:none;gap:.75rem;padding:.7rem 1rem}}.sidebar__nav .nav-item .material-symbols-outlined{font-size:1.25rem}.sidebar__nav .nav-item span:last-child{font-size:.625rem;font-weight:500}@media (width>=1024px){.sidebar__nav .nav-item span:last-child{font-size:.875rem;font-weight:600}}.sidebar__nav .nav-item:hover{color:#cbd5e1}@media (width>=1024px){.sidebar__nav .nav-item:hover{background-color:#ffffff0d}}.sidebar__nav .nav-item--active{color:#fff;font-weight:700}@media (width<=1023px){.sidebar__nav .nav-item--active{color:#818cf8;border-top:2px solid #818cf8;padding-top:calc(.5rem - 2px)}}@media (width>=1024px){.sidebar__nav .nav-item--active{color:#fff;background-color:#4f46e5}.sidebar__nav .nav-item--active:hover{background-color:#4338ca}}.sidebar__nav .nav-divider{background:#ffffff12;width:100%;height:1px;margin:.5rem 0}.sidebar__footer{display:none}@media (width>=1024px){.sidebar__footer{border-top:1px solid #ffffff12;flex-direction:column;width:100%;margin-top:auto;padding-top:1rem;display:flex;position:relative}}.sidebar__footer .profile-popup{z-index:100;background:#1e2030;border:1px solid #ffffff1a;border-radius:1rem;animation:.18s ease-out popupIn;position:absolute;bottom:calc(100% + .5rem);left:0;right:0;overflow:hidden;box-shadow:0 16px 40px #00000080}.sidebar__footer .profile-popup .popup-header{color:#f1f5f9;letter-spacing:-.01em;padding:.875rem 1rem;font-size:.875rem;font-weight:700}.sidebar__footer .profile-popup .popup-divider{background:#ffffff12;height:1px}.sidebar__footer .profile-popup .popup-item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.875rem;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.sidebar__footer .profile-popup .popup-item .material-symbols-outlined{color:#94a3b8;font-size:1.15rem}.sidebar__footer .profile-popup .popup-item:hover{color:#fff;background:#ffffff0f}.sidebar__footer .profile-popup .popup-item:hover .material-symbols-outlined{color:#fff}.sidebar__footer .profile-popup .popup-item--danger,.sidebar__footer .profile-popup .popup-item--danger .material-symbols-outlined{color:#f87171}.sidebar__footer .profile-popup .popup-item--danger:hover{color:#fca5a5;background:#ef44441a}.sidebar__footer .profile-popup .popup-item--danger:hover .material-symbols-outlined{color:#fca5a5}.sidebar__footer .profile-trigger{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:.875rem;align-items:center;gap:.75rem;padding:.75rem;transition:background .2s;display:flex}.sidebar__footer .profile-trigger:hover{background:#ffffff14}.sidebar__footer .profile-trigger .profile-avatar{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.sidebar__footer .profile-trigger .profile-avatar .material-symbols-outlined{color:#fff}.sidebar__footer .profile-trigger .profile-info{flex:1;min-width:0}.sidebar__footer .profile-trigger .profile-info .profile-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:700;overflow:hidden}.sidebar__footer .profile-trigger .profile-info .profile-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}@keyframes popupIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.interview-layout{color:#fff;background-color:#0e0e0e;width:100%;min-width:0;max-width:100vw;min-height:100vh;font-family:Manrope,sans-serif;display:flex;overflow-x:hidden}.interview-layout .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.main-area{flex:1;min-width:0;min-height:100vh;padding-top:5.5rem;padding-bottom:4.5rem;transition:padding-left .4s cubic-bezier(.4,0,.2,1)}@media (width>=1024px){.main-area{padding-top:0;padding-bottom:0;padding-left:16rem}body.sidebar-collapsed .main-area{padding-left:5.5rem}}.jobs-page{color:#fff;width:100%;min-width:0;max-width:80rem;margin:0 auto;padding:3rem 1.25rem 4rem;font-family:Manrope,sans-serif;overflow-x:hidden}@media (width>=768px){.jobs-page{padding:3rem 2rem 4rem;overflow-x:visible}}.jobs-page .page-title{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}@media (width>=768px){.jobs-page .page-title{flex-direction:row;justify-content:space-between;align-items:flex-end}}.jobs-page .page-title h1{letter-spacing:-.025em;color:#fff;margin:0;font-size:1.875rem;font-weight:800}.jobs-page .page-title p{color:#adaaaa;margin:.25rem 0 0;font-size:1rem}.jobs-page .page-title .btn-refresh{color:#8fa9ff;cursor:pointer;background:#85adff26;border:1px solid #85adff4d;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}@media (width>=768px){.jobs-page .page-title .btn-refresh{width:auto;padding:.625rem 1.25rem}}.jobs-page .page-title .btn-refresh:hover{background:#85adff40;transform:translateY(-1px)}.jobs-page .page-title .btn-refresh:active{transform:scale(.96)}.jobs-page .stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:2rem;display:grid}@media (width>=768px){.jobs-page .stats-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.jobs-page .stats-row .stat-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:1.25rem;align-items:center;gap:1rem;min-width:0;padding:1.25rem 1rem;display:flex}@media (width>=768px){.jobs-page .stats-row .stat-card{gap:1.25rem;padding:1.75rem 1.5rem}}.jobs-page .stats-row .stat-card .stat-icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}@media (width>=768px){.jobs-page .stats-row .stat-card .stat-icon{width:3.5rem;height:3.5rem}}.jobs-page .stats-row .stat-card .stat-icon .material-symbols-outlined{font-size:1.5rem}@media (width>=768px){.jobs-page .stats-row .stat-card .stat-icon .material-symbols-outlined{font-size:1.75rem}}.jobs-page .stats-row .stat-card .stat-body{flex-direction:column;gap:.25rem;display:flex}.jobs-page .stats-row .stat-card .stat-body .stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:600}.jobs-page .stats-row .stat-card .stat-body .stat-value{color:#fff;font-size:1.75rem;font-weight:800;line-height:1.1}.jobs-page .search-bar{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}@media (width>=768px){.jobs-page .search-bar{flex-direction:row}}.jobs-page .search-bar .search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.jobs-page .search-bar .search-input-wrapper .search-icon{color:#64748b;pointer-events:none;font-size:1.25rem;position:absolute;left:1rem}.jobs-page .search-bar .search-input-wrapper .search-input{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:.75rem;width:100%;padding:.875rem 3rem;font-family:Manrope,sans-serif;font-size:.9375rem;transition:all .2s}.jobs-page .search-bar .search-input-wrapper .search-input::placeholder{color:#64748b}.jobs-page .search-bar .search-input-wrapper .search-input:focus{background:#ffffff0f;border-color:#85adff66;outline:none;box-shadow:0 0 0 3px #85adff14}.jobs-page .search-bar .search-input-wrapper .clear-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.25rem;transition:all .2s;display:flex;position:absolute;right:.75rem}.jobs-page .search-bar .search-input-wrapper .clear-btn .material-symbols-outlined{font-size:1.125rem}.jobs-page .search-bar .search-input-wrapper .clear-btn:hover{color:#fff;background:#ffffff1a}.jobs-page .search-bar .filter-select{color:#fff;cursor:pointer;appearance:none;background:#ffffff0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath fill='%2364748b' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") right 1rem center no-repeat;border:1px solid #ffffff14;border-radius:.75rem;min-width:10rem;padding:.875rem 2.5rem .875rem 1.25rem;font-family:Manrope,sans-serif;font-size:.9375rem;transition:all .2s}.jobs-page .search-bar .filter-select option{color:#fff;background:#1a1a1a}.jobs-page .search-bar .filter-select:focus{border-color:#85adff66;outline:none;box-shadow:0 0 0 3px #85adff14}.jobs-page .error-banner{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:.75rem;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem;font-size:.875rem;display:flex}.jobs-page .error-banner .material-symbols-outlined{font-size:1.25rem}.jobs-page .error-banner .retry-btn{color:#f87171;cursor:pointer;background:0 0;border:1px solid #f871714d;border-radius:.5rem;margin-left:auto;padding:.375rem 1rem;font-family:Manrope,sans-serif;font-size:.8125rem;font-weight:600;transition:all .2s}.jobs-page .error-banner .retry-btn:hover{background:#ef444426}.jobs-page .empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.jobs-page .empty-state .material-symbols-outlined{color:#85adff4d;margin-bottom:1rem;font-size:4rem}.jobs-page .empty-state h3{color:#fff;margin:0 0 .5rem;font-size:1.25rem}.jobs-page .empty-state p{margin:0;font-size:.9375rem}.jobs-page .jobs-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=768px){.jobs-page .jobs-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1280px){.jobs-page .jobs-grid{grid-template-columns:repeat(3,1fr)}}.jobs-page .job-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;gap:1.25rem;min-width:0;padding:1.5rem;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex}.jobs-page .job-card:hover{border-color:#8b5cf659;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d,0 0 20px #8b5cf60f}.jobs-page .job-card .card-top{align-items:center;gap:1rem;display:flex}.jobs-page .job-card .card-top .company-badge{color:#85adff;background:linear-gradient(135deg,#8b5cf640,#85adff33);border:1px solid #8b5cf640;border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;font-weight:800;display:flex}.jobs-page .job-card .card-top .card-title-group{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.jobs-page .job-card .card-top .card-title-group .job-role{color:#f1f5f9;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.jobs-page .job-card .card-top .card-title-group .company-name{color:#85adff;font-size:.875rem;font-weight:600}.jobs-page .job-card .card-meta{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:.5rem;padding-top:1rem;display:flex}.jobs-page .job-card .card-meta .meta-item{color:#adaaaa;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:2rem;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8125rem;display:flex}.jobs-page .job-card .card-meta .meta-item .material-symbols-outlined{color:#64748b;font-size:.875rem}.jobs-page .job-card .card-actions{gap:.75rem;margin-top:auto;padding-top:.25rem;display:flex}.jobs-page .job-card .card-actions a{cursor:pointer;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.jobs-page .job-card .card-actions a .material-symbols-outlined{font-size:1rem}.jobs-page .job-card .card-actions a:active{transform:scale(.97)}.jobs-page .job-card .card-actions .btn-apply{color:#85adff;background:linear-gradient(135deg,#8b5cf633,#85adff26);border:1px solid #8b5cf64d}.jobs-page .job-card .card-actions .btn-apply:hover{color:#fff;background:linear-gradient(135deg,#8b5cf64d,#85adff40);border-color:#8b5cf680;box-shadow:0 0 15px #8b5cf626}.jobs-page .job-card .card-actions .btn-website{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff1a}.jobs-page .job-card .card-actions .btn-website:hover{color:#fff;background:#ffffff14;border-color:#fff3}@media (width<=767px){.jobs-page{padding-bottom:6rem}}@media (width<=480px){.jobs-page .stats-row{grid-template-columns:1fr 1fr;gap:.75rem}.jobs-page .stats-row .stat-card{padding:1rem .75rem}.jobs-page .stats-row .stat-card .stat-body .stat-value{font-size:1.375rem}.jobs-page .job-card .card-meta .meta-item{padding:.25rem .625rem;font-size:.75rem}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 20px #85adff1a}50%{box-shadow:0 0 40px #85adff4d}to{box-shadow:0 0 20px #85adff1a}}@keyframes floatElement{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}.static-page-container{background:0 0;min-height:100vh;padding:8rem 2rem 4rem;position:relative;overflow-x:hidden}@media (width<=768px){.static-page-container{padding:6rem 1rem 3rem}}.static-page-container:before{content:"";filter:blur(80px);z-index:0;background:radial-gradient(circle,#85adff14 0%,#0000 60%);width:60vw;height:60vh;animation:15s ease-in-out infinite floatElement;position:absolute;top:-10vh;left:-10vw}.static-page-container:after{content:"";filter:blur(80px);z-index:0;background:radial-gradient(circle,#8b5cf60f 0%,#0000 60%);width:50vw;height:50vh;animation:20s ease-in-out infinite reverse floatElement;position:absolute;bottom:10vh;right:-10vw}.static-page-container .content-wrapper{z-index:10;max-width:1200px;margin:0 auto;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp;position:relative}.static-page-container .premium-header{text-align:center;margin-bottom:5rem;max-width:800px;margin-inline:auto}.static-page-container .premium-header .badge{color:#b0ccff;letter-spacing:1px;text-transform:uppercase;background:#85adff1a;border:1px solid #85adff33;border-radius:100px;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;display:inline-block}.static-page-container .premium-header h1{color:#fff;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(2rem,8vw,4.5rem);font-weight:800;line-height:1.1}.static-page-container .premium-header p{color:#fff9;font-size:clamp(.95rem,4vw,1.25rem);line-height:1.6}.static-page-container .legal-layout{grid-template-columns:280px 1fr;align-items:start;gap:4rem;display:grid}@media (width<=900px){.static-page-container .legal-layout{grid-template-columns:1fr;gap:2rem}}.static-page-container .legal-layout .legal-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:2rem;position:sticky;top:120px}.static-page-container .legal-layout .legal-sidebar h3{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.1rem}.static-page-container .legal-layout .legal-sidebar ul{margin:0;padding:0;list-style:none}.static-page-container .legal-layout .legal-sidebar ul li{margin-bottom:1rem}.static-page-container .legal-layout .legal-sidebar ul li a{color:#94a3b8;font-size:.95rem;text-decoration:none;transition:color .2s;display:block}.static-page-container .legal-layout .legal-sidebar ul li a:hover{color:#b0ccff}.static-page-container .legal-layout .legal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff04;border:1px solid #ffffff0d;border-radius:24px;padding:4rem}@media (width<=768px){.static-page-container .legal-layout .legal-content{border-radius:16px;padding:1.5rem}}.static-page-container .legal-layout .legal-content section{margin-bottom:4rem}.static-page-container .legal-layout .legal-content section:last-child{margin-bottom:0}.static-page-container .legal-layout .legal-content section h2{color:#fff;align-items:center;gap:1rem;margin-bottom:1.25rem;font-size:clamp(1.4rem,5vw,1.75rem);display:flex}.static-page-container .legal-layout .legal-content section h2:before{content:"";background:#85adff;border-radius:4px;width:8px;height:24px;display:block}.static-page-container .legal-layout .legal-content section p,.static-page-container .legal-layout .legal-content section li{color:#94a3b8;margin-bottom:1.25rem;font-size:clamp(.95rem,4vw,1.05rem);line-height:1.7}.static-page-container .legal-layout .legal-content section ul{margin-bottom:1.5rem;padding-left:1.5rem}.static-page-container .legal-layout .legal-content section ul li{margin-bottom:.75rem}.static-page-container .legal-layout .legal-content section ul li::marker{color:#85adff}.static-page-container .about-layout .about-image-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:6rem;display:grid}@media (width<=768px){.static-page-container .about-layout .about-image-grid{grid-template-columns:1fr}}.static-page-container .about-layout .about-image-grid .image-card{border:1px solid #ffffff1a;border-radius:24px;height:400px;position:relative;overflow:hidden}.static-page-container .about-layout .about-image-grid .image-card img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1)}.static-page-container .about-layout .about-image-grid .image-card:hover img{transform:scale(1.05)}.static-page-container .about-layout .about-image-grid .image-card:after{content:"";background:linear-gradient(#0000,#000c);position:absolute;inset:0}.static-page-container .about-layout .stats-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:6rem;display:grid}@media (width<=768px){.static-page-container .about-layout .stats-grid{grid-template-columns:1fr}}.static-page-container .about-layout .stats-grid .stat-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff14;border-radius:24px;padding:3rem;transition:transform .3s}@media (width<=768px){.static-page-container .about-layout .stats-grid .stat-card{border-radius:16px;padding:2rem}}.static-page-container .about-layout .stats-grid .stat-card:hover{background:#ffffff0a;border-color:#85adff4d;transform:translateY(-5px)}.static-page-container .about-layout .stats-grid .stat-card .stat-value{color:#fff;background:linear-gradient(135deg,#b0ccff,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(2.5rem,8vw,3.5rem);font-weight:800}.static-page-container .about-layout .stats-grid .stat-card .stat-label{color:#94a3b8;font-size:clamp(.95rem,4vw,1.1rem);font-weight:500}.static-page-container .contact-layout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff14;border-radius:32px;grid-template-columns:1fr 1.2fr;gap:4rem;display:grid;overflow:hidden}@media (width<=900px){.static-page-container .contact-layout{border-radius:16px;grid-template-columns:1fr;gap:0}}.static-page-container .contact-layout .contact-info{background:linear-gradient(135deg,#ffffff08 0%,#0003 100%);border-right:1px solid #ffffff0d;padding:4rem}@media (width<=900px){.static-page-container .contact-layout .contact-info{border-bottom:1px solid #ffffff0d;border-right:none;padding:2.5rem 1.5rem}}.static-page-container .contact-layout .contact-info h2{color:#fff;margin-bottom:1rem;font-size:clamp(1.5rem,5vw,2rem)}.static-page-container .contact-layout .contact-info p{color:#94a3b8;margin-bottom:3rem;font-size:clamp(.95rem,4vw,1rem);line-height:1.6}.static-page-container .contact-layout .contact-info .info-item{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.static-page-container .contact-layout .contact-info .info-item .icon-box{color:#b0ccff;background:#85adff1a;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.static-page-container .contact-layout .contact-info .info-item .text{flex-direction:column;gap:.25rem;display:flex}.static-page-container .contact-layout .contact-info .info-item .text span{color:#64748b;font-size:.9rem}.static-page-container .contact-layout .contact-info .info-item .text strong{color:#fff;font-size:clamp(.95rem,4vw,1.05rem);font-weight:500}.static-page-container .contact-layout .contact-form-wrapper{padding:4rem}@media (width<=900px){.static-page-container .contact-layout .contact-form-wrapper{padding:2.5rem 1.5rem}}.static-page-container .contact-layout .contact-form-wrapper .contact-form{flex-direction:column;gap:1.5rem;display:flex}.static-page-container .contact-layout .contact-form-wrapper .contact-form .form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=600px){.static-page-container .contact-layout .contact-form-wrapper .contact-form .form-row{grid-template-columns:1fr}}.static-page-container .contact-layout .contact-form-wrapper .contact-form .form-group{flex-direction:column;gap:.5rem;display:flex}.static-page-container .contact-layout .contact-form-wrapper .contact-form .form-group label{color:#94a3b8;font-size:.95rem;font-weight:500}.static-page-container .contact-layout .contact-form-wrapper .contact-form .form-group input,.static-page-container .contact-layout .contact-form-wrapper .contact-form .form-group textarea{color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:12px;padding:1.25rem;font-family:inherit;font-size:1rem;transition:all .3s}.static-page-container .contact-layout .contact-form-wrapper .contact-form .form-group input:focus,.static-page-container .contact-layout .contact-form-wrapper .contact-form .form-group textarea:focus{background:#0009;border-color:#85adff;outline:none;box-shadow:0 0 0 4px #85adff1a}.static-page-container .contact-layout .contact-form-wrapper .contact-form .form-group input::placeholder,.static-page-container .contact-layout .contact-form-wrapper .contact-form .form-group textarea::placeholder{color:#475569}.static-page-container .contact-layout .contact-form-wrapper .contact-form .form-group textarea{resize:vertical;min-height:160px}.static-page-container .contact-layout .contact-form-wrapper .contact-form .btn-submit{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:12px;margin-top:1rem;padding:1.25rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.static-page-container .contact-layout .contact-form-wrapper .contact-form .btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fff3}.static-page-container .contact-layout .contact-form-wrapper .contact-form .btn-submit:active{transform:translateY(1px)}.static-page-container .blog-featured{border:1px solid #ffffff1a;border-radius:32px;align-items:flex-end;height:500px;margin-bottom:4rem;display:flex;position:relative;overflow:hidden}@media (width<=768px){.static-page-container .blog-featured{border-radius:16px;height:400px}}.static-page-container .blog-featured .bg-image{object-fit:cover;width:100%;height:100%;transition:transform 10s;position:absolute;inset:0}.static-page-container .blog-featured:hover .bg-image{transform:scale(1.05)}.static-page-container .blog-featured .overlay{background:linear-gradient(#06091333 0%,#060913 100%);position:absolute;inset:0}.static-page-container .blog-featured .content{z-index:10;max-width:800px;padding:4rem;position:relative}@media (width<=768px){.static-page-container .blog-featured .content{padding:1.5rem}}.static-page-container .blog-featured .content .meta{color:#b0ccff;letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;font-weight:600;display:block}.static-page-container .blog-featured .content h2{color:#fff;margin-bottom:1rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1.2}.static-page-container .blog-featured .content p{color:#cbd5e1;margin-bottom:0;font-size:1.15rem}.static-page-container .blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;display:grid}@media (width<=768px){.static-page-container .blog-grid{grid-template-columns:1fr}}.static-page-container .blog-grid .blog-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}@media (width<=768px){.static-page-container .blog-grid .blog-card{border-radius:16px}}.static-page-container .blog-grid .blog-card:hover{border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 20px 40px #0006}.static-page-container .blog-grid .blog-card:hover .blog-image img{transform:scale(1.05)}.static-page-container .blog-grid .blog-card .blog-image{height:240px;overflow:hidden}.static-page-container .blog-grid .blog-card .blog-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.static-page-container .blog-grid .blog-card .blog-content{flex-direction:column;flex:1;padding:2rem;display:flex}@media (width<=768px){.static-page-container .blog-grid .blog-card .blog-content{padding:1.5rem}}.static-page-container .blog-grid .blog-card .blog-content .blog-meta{color:#b0ccff;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:flex}.static-page-container .blog-grid .blog-card .blog-content h3{color:#fff;margin-bottom:1rem;font-size:clamp(1.2rem,4vw,1.4rem);font-weight:600;line-height:1.4}.static-page-container .blog-grid .blog-card .blog-content p{color:#94a3b8;flex:1;margin-bottom:2rem;font-size:clamp(.95rem,4vw,1rem);line-height:1.6}.static-page-container .blog-grid .blog-card .blog-content .read-more{color:#fff;border-top:1px solid #ffffff0d;align-items:center;gap:.5rem;padding-top:1.5rem;font-size:.95rem;font-weight:600;display:flex}.static-page-container .blog-grid .blog-card .blog-content .read-more svg{color:#b0ccff;transition:transform .3s}.static-page-container .blog-grid .blog-card:hover .read-more svg{transform:translate(6px)}.membership-page{color:#f1f5f9;min-height:100%;padding:2rem 1.5rem}.membership-page .container{max-width:800px;margin:0 auto}.membership-page .page-header{margin-bottom:2rem}.membership-page .page-header h1{color:#f8fafc;letter-spacing:-.3px;margin-bottom:.4rem;font-size:1.75rem;font-weight:700}.membership-page .page-header p{color:#64748b;font-size:.95rem}.membership-page .current-membership-card{background:linear-gradient(135deg,#8b5cf626,#3b82f61a);border:1px solid #8b5cf64d;border-radius:18px;margin-bottom:1.5rem;padding:1.75rem;position:relative;overflow:hidden}.membership-page .current-membership-card:before{content:"";background:linear-gradient(90deg,#8b5cf6,#3b82f6);height:2px;position:absolute;top:0;left:0;right:0}.membership-page .current-membership-card .membership-badge{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.3rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.membership-page .current-membership-card .membership-badge .badge-icon{font-size:.85rem}.membership-page .current-membership-card h2{color:#f8fafc;margin-bottom:1.25rem;font-size:1.4rem;font-weight:700}.membership-page .current-membership-card .membership-details{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=480px){.membership-page .current-membership-card .membership-details{grid-template-columns:1fr;gap:.75rem}}.membership-page .current-membership-card .membership-details .detail-item{background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:.3rem;padding:1rem;display:flex}.membership-page .current-membership-card .membership-details .detail-item .label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.membership-page .current-membership-card .membership-details .detail-item .value{color:#a78bfa;font-size:1.4rem;font-weight:700}.membership-page .current-membership-card .progress-section .progress-header{color:#64748b;justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;display:flex}.membership-page .current-membership-card .progress-section .progress-bar{background:#ffffff14;border-radius:10px;height:6px;overflow:hidden}.membership-page .current-membership-card .progress-section .progress-bar .progress-fill{background:linear-gradient(90deg,#8b5cf6,#3b82f6);border-radius:10px;height:100%;transition:width .5s}.membership-page .plans-grid{gap:1.5rem;margin-bottom:1.5rem;display:grid}.membership-page .plan-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:18px;padding:2rem;transition:border-color .3s;position:relative;overflow:hidden}.membership-page .plan-card.featured{background:linear-gradient(145deg,#8b5cf614,#0a0e1a99);border-color:#8b5cf64d}.membership-page .plan-card.featured:before{content:"";background:linear-gradient(90deg,#8b5cf6,#3b82f6);height:2px;position:absolute;top:0;left:0;right:0}.membership-page .plan-card .plan-badge{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:20px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.membership-page .plan-card h3{color:#f8fafc;margin-bottom:1rem;font-size:1.3rem;font-weight:700}.membership-page .plan-card .plan-price{align-items:baseline;gap:.25rem;margin-bottom:1.5rem;display:flex}.membership-page .plan-card .plan-price .currency{color:#94a3b8;font-size:1.25rem;font-weight:500}.membership-page .plan-card .plan-price .amount{color:#f8fafc;font-size:3rem;font-weight:800;line-height:1}.membership-page .plan-card .plan-price .period{color:#64748b;font-size:1rem}.membership-page .plan-card .plan-features{flex-direction:column;gap:.65rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.membership-page .plan-card .plan-features li{color:#94a3b8;align-items:center;gap:.65rem;font-size:.9rem;display:flex}.membership-page .plan-card .plan-features li .check{color:#10b981;font-size:.9rem;font-weight:700}.membership-page .plan-card .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.95rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .25s;display:flex}.membership-page .plan-card .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf659}.membership-page .plan-card .btn-primary:disabled{opacity:.5;cursor:not-allowed;background:#ffffff14}.membership-page .error-message{color:#fca5a5;text-align:center;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.875rem}.membership-page .info-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:18px;margin-bottom:1.5rem;padding:1.75rem}.membership-page .info-section h3{color:#e2e8f0;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.membership-page .info-section .steps{flex-direction:column;gap:1rem;display:flex}.membership-page .info-section .steps .step{align-items:flex-start;gap:1rem;display:flex}.membership-page .info-section .steps .step .step-number{color:#a78bfa;background:linear-gradient(135deg,#8b5cf64d,#3b82f633);border:1px solid #8b5cf666;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.membership-page .info-section .steps .step .step-content h4{color:#e2e8f0;margin-bottom:.2rem;font-size:.95rem;font-weight:600}.membership-page .info-section .steps .step .step-content p{color:#64748b;margin:0;font-size:.85rem}.membership-page .payment-methods{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.membership-page .payment-methods h4{color:#64748b;margin:0;font-size:.875rem}.membership-page .payment-methods .upi-badge{color:#c4b5fd;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;align-items:center;gap:.6rem;padding:.4rem .9rem;font-size:.875rem;display:flex}.membership-page .payment-methods .upi-badge .upi-icon{font-size:.9rem;font-weight:800}.token-purchase-page{color:#f1f5f9;min-height:100%;padding:2rem 1.5rem}.token-purchase-page .container{max-width:1000px;margin:0 auto}.token-purchase-page .page-header{margin-bottom:2rem}.token-purchase-page .page-header h1{color:#f8fafc;letter-spacing:-.3px;margin-bottom:.4rem;font-size:1.75rem;font-weight:700}.token-purchase-page .page-header p{color:#64748b;font-size:.95rem}.token-purchase-page .purchase-layout{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=768px){.token-purchase-page .purchase-layout{grid-template-columns:1fr}}.token-purchase-page .purchase-form-card,.token-purchase-page .info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff12;border-radius:18px;padding:1.75rem}.token-purchase-page .purchase-form-card h2,.token-purchase-page .purchase-form-card h3,.token-purchase-page .info-card h2,.token-purchase-page .info-card h3{color:#e2e8f0;margin-bottom:1.25rem;font-size:1.1rem;font-weight:600}.token-purchase-page .preset-amounts{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.token-purchase-page .preset-amounts .preset-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;padding:.875rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .2s}.token-purchase-page .preset-amounts .preset-btn .currency{color:#8b5cf6;margin-right:.2rem}.token-purchase-page .preset-amounts .preset-btn:hover{color:#f1f5f9;background:#8b5cf614;border-color:#8b5cf666}.token-purchase-page .preset-amounts .preset-btn.active{color:#fff;background:linear-gradient(135deg,#8b5cf640,#3b82f626);border-color:#8b5cf6;box-shadow:0 0 15px #8b5cf633}.token-purchase-page .preset-amounts .preset-btn.active .currency{color:#c4b5fd}.token-purchase-page .custom-amount-section{margin-bottom:1.25rem}.token-purchase-page .custom-amount-section label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.8rem;display:block}.token-purchase-page .custom-amount-section .custom-input-wrapper{align-items:center;display:flex;position:relative}.token-purchase-page .custom-amount-section .custom-input-wrapper .currency-symbol{color:#64748b;pointer-events:none;font-size:1.1rem;position:absolute;left:1rem}.token-purchase-page .custom-amount-section .custom-input-wrapper .custom-input{color:#f1f5f9;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:.875rem 1rem .875rem 2.25rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:border-color .2s}.token-purchase-page .custom-amount-section .custom-input-wrapper .custom-input:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.token-purchase-page .custom-amount-section .custom-input-wrapper .custom-input::placeholder{color:#475569;font-weight:400}.token-purchase-page .custom-amount-section .custom-input-wrapper .custom-input::-webkit-outer-spin-button{-webkit-appearance:none}.token-purchase-page .custom-amount-section .custom-input-wrapper .custom-input::-webkit-inner-spin-button{-webkit-appearance:none}.token-purchase-page .custom-amount-section .custom-input-wrapper .custom-input{-moz-appearance:textfield}.token-purchase-page .token-preview{background:linear-gradient(135deg,#8b5cf61f,#3b82f614);border:1px solid #8b5cf633;border-radius:12px;margin-bottom:1.25rem;padding:1.25rem}.token-purchase-page .token-preview .preview-row{color:#94a3b8;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.9rem;display:flex}.token-purchase-page .token-preview .preview-row.highlight{border-top:1px solid #8b5cf633;margin-top:.5rem;padding-top:.875rem}.token-purchase-page .token-preview .preview-row.highlight .tokens{color:#a78bfa;font-size:1.4rem;font-weight:700}.token-purchase-page .token-preview .preview-row.rate{color:#475569;font-size:.8rem}.token-purchase-page .token-preview .preview-row .amount{color:#e2e8f0;font-size:1.1rem;font-weight:600}.token-purchase-page .error-message{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem}.token-purchase-page .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:.5rem;padding:.95rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .25s;display:flex}.token-purchase-page .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf659}.token-purchase-page .btn-primary:disabled{opacity:.4;cursor:not-allowed}.token-purchase-page .min-amount-note{text-align:center;color:#475569;font-size:.8rem}.token-purchase-page .packages-list{margin-bottom:1.5rem}.token-purchase-page .packages-list .package-item{border-bottom:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:.65rem .75rem;transition:background .2s;display:flex}.token-purchase-page .packages-list .package-item:last-child{border-bottom:none}.token-purchase-page .packages-list .package-item:hover{background:#ffffff08}.token-purchase-page .packages-list .package-item.highlight{background:#8b5cf614;border:1px solid #8b5cf626;border-radius:10px;margin-top:.5rem}.token-purchase-page .packages-list .package-item .package-amount{color:#cbd5e1;font-size:.95rem;font-weight:600}.token-purchase-page .packages-list .package-item .package-arrow{color:#475569}.token-purchase-page .packages-list .package-item .package-tokens{color:#8b5cf6;font-size:.95rem;font-weight:600}.token-purchase-page .features-section h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.875rem}.token-purchase-page .features-section ul{margin:0;padding:0;list-style:none}.token-purchase-page .features-section ul li{color:#94a3b8;align-items:center;gap:.6rem;padding:.4rem 0;font-size:.875rem;display:flex}.token-purchase-page .features-section ul li .check{color:#10b981;font-size:.9rem;font-weight:700}.token-purchase-page .membership-banner{background:linear-gradient(135deg,#10b98126,#0596691a);border:1px solid #10b98140;border-radius:14px;padding:1.25rem 1.5rem}.token-purchase-page .membership-banner .banner-content{align-items:center;gap:1rem;display:flex}.token-purchase-page .membership-banner .banner-content .membership-icon{color:#10b981;background:#10b98133;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.token-purchase-page .membership-banner .banner-content h4{color:#34d399;margin-bottom:.2rem;font-size:1rem}.token-purchase-page .membership-banner .banner-content p{color:#6ee7b7;margin:0;font-size:.85rem}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.payment-success-page{text-align:center;color:#f1f5f9;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:2rem 1.5rem;display:flex}.payment-success-page .success-icon{color:#34d399;background:linear-gradient(135deg,#10b98133,#05966926);border:2px solid #10b98166;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.5rem;display:flex;box-shadow:0 0 30px #10b98126}.payment-success-page .success-icon svg{width:36px;height:36px}.payment-success-page h1{color:#f8fafc;letter-spacing:-.5px;margin-bottom:.5rem;font-size:2rem;font-weight:800}.payment-success-page .subtitle{color:#64748b;margin-bottom:2rem;font-size:1rem}.payment-success-page .details-card{text-align:left;background:#ffffff08;border:1px solid #ffffff12;border-radius:18px;width:100%;max-width:480px;margin-bottom:2rem;padding:1.75rem}.payment-success-page .details-card .detail-header{text-align:center;margin-bottom:1.25rem}.payment-success-page .details-card .detail-header .badge{color:#c4b5fd;background:linear-gradient(135deg,#8b5cf640,#3b82f626);border:1px solid #8b5cf659;border-radius:20px;padding:.35rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.payment-success-page .details-card .details-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}.payment-success-page .details-card .details-grid .detail-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:.25rem;padding:.875rem;display:flex}.payment-success-page .details-card .details-grid .detail-item .label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem}.payment-success-page .details-card .details-grid .detail-item .value{color:#e2e8f0;font-size:.95rem;font-weight:600}.payment-success-page .details-card .details-grid .detail-item .value.highlight{color:#a78bfa;font-size:1.3rem;font-weight:700}.payment-success-page .details-card .next-credit-info{color:#93c5fd;background:#3b82f61a;border:1px solid #3b82f633;border-radius:10px;align-items:center;gap:.6rem;padding:.875rem 1rem;font-size:.85rem;display:flex}.payment-success-page .details-card .next-credit-info .info-icon{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex}.payment-success-page .details-card .tokens-detail{text-align:center;padding:1rem 0}.payment-success-page .details-card .tokens-detail .tokens-icon{color:#8b5cf6;width:48px;height:48px;margin:0 auto 1rem}.payment-success-page .details-card .tokens-detail .tokens-icon svg{width:100%;height:100%}.payment-success-page .details-card .tokens-detail .tokens-amount{justify-content:center;align-items:baseline;gap:.3rem;margin-bottom:.75rem;display:flex}.payment-success-page .details-card .tokens-detail .tokens-amount .plus{color:#10b981;font-size:2rem;font-weight:800}.payment-success-page .details-card .tokens-detail .tokens-amount .amount{color:#f8fafc;font-size:3.5rem;font-weight:800;line-height:1}.payment-success-page .details-card .tokens-detail .tokens-amount .label{color:#94a3b8;font-size:1.25rem;font-weight:600}.payment-success-page .details-card .tokens-detail .new-balance{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.875rem;display:inline-flex}.payment-success-page .details-card .tokens-detail .new-balance .label{color:#64748b}.payment-success-page .details-card .tokens-detail .new-balance .balance{color:#a78bfa;font-weight:700}.payment-success-page .actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.payment-success-page .actions .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:12px;padding:.875rem 1.75rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .25s}.payment-success-page .actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf659}.payment-success-page .actions .btn-secondary{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:12px;padding:.875rem 1.75rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .25s}.payment-success-page .actions .btn-secondary:hover{color:#c4b5fd;border-color:#8b5cf666}.payment-success-page .redirect-text{color:#334155;font-size:.85rem}.payment-history-page{color:#f1f5f9;min-height:100%;padding:2rem 1.5rem}.payment-history-page .container{max-width:800px;margin:0 auto}.payment-history-page .page-header{margin-bottom:1.5rem}.payment-history-page .page-header h1{color:#f8fafc;letter-spacing:-.3px;margin-bottom:.4rem;font-size:1.75rem;font-weight:700}.payment-history-page .page-header p{color:#64748b;font-size:.95rem}.payment-history-page .filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.payment-history-page .filters .filter-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:20px;padding:.45rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.payment-history-page .filters .filter-btn:hover{color:#c4b5fd;border-color:#8b5cf666}.payment-history-page .filters .filter-btn.active{color:#c4b5fd;background:linear-gradient(135deg,#8b5cf640,#3b82f626);border-color:#8b5cf680}.payment-history-page .loading-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.payment-history-page .loading-state .spinner-large{border:3px solid #ffffff0f;border-top-color:#8b5cf6;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.payment-history-page .loading-state p{font-size:.9rem}.payment-history-page .empty-state{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:18px;padding:4rem 2rem}.payment-history-page .empty-state .empty-icon{color:#334155;width:56px;height:56px;margin:0 auto 1.25rem}.payment-history-page .empty-state .empty-icon svg{width:100%;height:100%}.payment-history-page .empty-state h3{color:#475569;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.payment-history-page .empty-state p{color:#334155;font-size:.9rem}.payment-history-page .payments-list{flex-direction:column;gap:.75rem;display:flex}.payment-history-page .payment-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:1rem;padding:1.1rem 1.25rem;transition:border-color .2s,background .2s;display:flex}.payment-history-page .payment-card:hover{background:#8b5cf60a;border-color:#8b5cf633}.payment-history-page .payment-card .payment-icon{color:#a78bfa;background:#8b5cf61f;border:1px solid #8b5cf633;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.payment-history-page .payment-card .payment-icon svg{width:20px;height:20px}.payment-history-page .payment-card .payment-info{flex:1;min-width:0}.payment-history-page .payment-card .payment-info .payment-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.payment-history-page .payment-card .payment-info .payment-header .payment-type{color:#e2e8f0;font-size:.95rem;font-weight:600}.payment-history-page .payment-card .payment-info .payment-header .status-badge{text-transform:capitalize;letter-spacing:.3px;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.payment-history-page .payment-card .payment-info .payment-header .status-badge.success{color:#34d399;background:#10b98126;border:1px solid #10b98140}.payment-history-page .payment-card .payment-info .payment-header .status-badge.pending{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b33}.payment-history-page .payment-card .payment-info .payment-header .status-badge.failed{color:#f87171;background:#ef44441f;border:1px solid #ef444433}.payment-history-page .payment-card .payment-info .payment-header .status-badge.refunded{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f633}.payment-history-page .payment-card .payment-info .payment-details{align-items:center;gap:.75rem;margin-bottom:.2rem;display:flex}.payment-history-page .payment-card .payment-info .payment-details .amount{color:#f8fafc;font-size:1rem;font-weight:700}.payment-history-page .payment-card .payment-info .payment-details .tokens{color:#8b5cf6;background:#8b5cf61a;border-radius:8px;padding:.15rem .5rem;font-size:.8rem;font-weight:600}.payment-history-page .payment-card .payment-info .payment-date{color:#475569;font-size:.78rem}.payment-history-page .pagination{border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.payment-history-page .pagination .pagination-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.payment-history-page .pagination .pagination-btn:hover:not(:disabled){color:#c4b5fd;border-color:#8b5cf666}.payment-history-page .pagination .pagination-btn:disabled{opacity:.3;cursor:not-allowed}.payment-history-page .pagination .page-info{color:#64748b;font-size:.875rem}*{box-sizing:border-box}html,body{background-color:#0e0e0e;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}