.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.coming-soon-modal{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #fffc;border-radius:24px;box-shadow:0 25px 50px #00000040;max-width:500px;padding:48px 40px;text-align:center;width:90%}.modal-close-btn{background:#0000;color:#6b7280;padding:8px;transition:all .3s ease}.modal-close-btn:hover{background:#f3f4f6;color:#1f2937;transform:rotate(90deg)}.modal-icon{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 10px 30px #fbbf2466;color:#fff;display:flex;height:120px;justify-content:center;margin:0 auto 24px;width:120px}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3a8a,#3b82f6 50%,#fbbf24);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;margin-bottom:16px}.modal-description{color:#6b7280;font-size:16px;line-height:1.6;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:400px}.modal-features{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:32px}.feature-item{align-items:center;background:#f3f4f6;border-radius:12px;color:#1f2937;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px}.feature-item svg{color:#fbbf24}.modal-cta-btn{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 48px;transition:all .3s ease}.modal-cta-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}@media (max-width:768px){.coming-soon-modal{max-width:90%;padding:40px 24px}.modal-icon{height:100px;width:100px}.modal-icon svg{height:48px;width:48px}.modal-title{font-size:24px}.modal-description{font-size:14px}.modal-features{flex-direction:column;gap:12px}.modal-cta-btn{padding:14px 32px;width:100%}}@media (max-width:480px){.modal-title{font-size:20px}.modal-icon{height:80px;width:80px}.modal-icon svg{height:40px;width:40px}}.floating-navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 4px 24px #0000000f,0 1px 2px #0000000a,inset 0 1px 0 #fff9;left:50%;max-width:1100px;padding:10px 28px;position:fixed;top:16px;transform:translateX(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);width:92%;z-index:1000}.floating-navbar:hover{box-shadow:0 8px 32px #0000001a,0 2px 4px #0000000f,inset 0 1px 0 #fffc}.floating-navbar.hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-120px)}.floating-navbar.visible{opacity:1;transform:translateX(-50%) translateY(0)}.floating-navbar-container{align-items:center;display:flex;gap:16px;justify-content:space-between}.navbar-logo{align-items:center;color:var(--text-dark);display:flex;font-size:1.3rem;font-weight:800;gap:10px;text-decoration:none;transition:opacity .2s ease}.navbar-logo:hover{opacity:.8}.navbar-logo-img{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:48px!important;min-width:48px!important;object-fit:cover;width:48px!important}.navbar-logo-text{display:flex;gap:0}.teach-text{color:#00224d!important}.genie-text,.teach-text{font-weight:800!important}.genie-text{color:#f90!important}.floating-nav-menu{background:#00000008;border-radius:12px;display:flex;gap:4px;list-style:none;margin:0;padding:4px}.nav-item{border-radius:10px;color:var(--text-dark);font-size:.9rem;font-weight:500;gap:6px;padding:8px 14px;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#fffc;box-shadow:0 2px 8px #0000000f}.nav-item.active{background:#fff;box-shadow:0 2px 8px #00000014}.nav-icon{align-items:center;display:flex;opacity:.7}.nav-item:hover .nav-icon{opacity:1}.nav-text{display:inline}.nav-actions{gap:10px}.nav-actions,.theme-toggle-btn{align-items:center;display:flex}.theme-toggle-btn{background:#0000000a;border:none;border-radius:10px;color:var(--text-dark);cursor:pointer;justify-content:center;padding:10px;transition:all .2s ease}.theme-toggle-btn:hover{background:#00000014;transform:rotate(15deg)}.nav-cta-btn{background:linear-gradient(135deg,var(--accent) 0,#e08904 100%);border-radius:10px;box-shadow:0 2px 8px #f59e0b4d,inset 0 1px 0 #fff3;color:#fff;font-size:.9rem;font-weight:600;overflow:hidden;padding:10px 22px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-cta-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-cta-btn:hover{box-shadow:0 6px 20px #f59e0b66,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.nav-cta-btn:hover:before{left:100%}@media (max-width:1024px){.floating-navbar{padding:10px 20px}.nav-text{display:none}.nav-item{padding:10px}.floating-nav-menu{gap:2px}}@media (max-width:768px){.floating-navbar{padding:8px 16px;top:10px;width:95%}.floating-nav-menu,.nav-cta-btn{display:none!important}.navbar-logo-text{display:none}.mobile-menu-btn{display:flex!important}}.mobile-menu-btn{align-items:center;background:#0000000a;border:none;border-radius:10px;color:var(--text-dark);cursor:pointer;display:none;justify-content:center;padding:10px;transition:all .2s ease}.mobile-menu-btn:hover{background:#00000014}.mobile-drawer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-left:1px solid #0000000d;box-shadow:-10px 0 40px #0000001a;height:100vh;max-width:320px;position:fixed;right:-100%;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:80%;z-index:999}.mobile-drawer.open{right:0}.mobile-drawer-content{display:flex;flex-direction:column;height:100%;padding:100px 24px 40px}.mobile-nav-list{flex:1 1;list-style:none;margin:0;padding:0}.mobile-nav-item{align-items:center;border-radius:14px;color:var(--text-dark);display:flex;font-size:1.1rem;font-weight:500;gap:16px;margin-bottom:8px;padding:18px 20px;text-decoration:none;transition:all .2s ease}.mobile-nav-item:active,.mobile-nav-item:hover{background:#f59e0b1a;color:var(--accent)}.mobile-nav-icon{align-items:center;display:flex;opacity:.7}.mobile-nav-item:hover .mobile-nav-icon{opacity:1}.mobile-cta-btn{background:linear-gradient(135deg,var(--accent) 0,#e08904 100%);border-radius:14px;box-shadow:0 4px 20px #f59e0b4d;color:#fff;display:block;font-size:1.1rem;font-weight:600;margin-top:auto;padding:16px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.mobile-cta-btn:hover{box-shadow:0 6px 25px #f59e0b66;transform:translateY(-2px)}.mobile-overlay{animation:fadeIn .3s ease;background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}[data-theme=dark] .mobile-drawer{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0f172afa!important;border-left-color:#334155!important}[data-theme=dark] .mobile-nav-item{background:#3341554d!important;color:#f1f5f9!important}[data-theme=dark] .mobile-nav-item:active,[data-theme=dark] .mobile-nav-item:hover{background:#fbbf2433!important;color:#fbbf24!important}[data-theme=dark] .mobile-nav-icon{color:#cbd5e1!important}[data-theme=dark] .mobile-nav-item:hover .mobile-nav-icon{color:#fbbf24!important}[data-theme=dark] .mobile-cta-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;box-shadow:0 4px 20px #fbbf2466!important;color:#0f172a!important}[data-theme=dark] .mobile-cta-btn:hover{box-shadow:0 6px 25px #fbbf2480!important}[data-theme=dark] .floating-navbar{background:#1e293be6!important;border-color:#334155!important}[data-theme=dark] .teach-text{color:#818cf8}[data-theme=dark] .genie-text{color:#fbbf24}[data-theme=dark] .navbar-logo-text{-webkit-text-fill-color:initial!important;background:none!important}[data-theme=dark] .mobile-menu-btn{background:#33415580!important;color:#f1f5f9!important}[data-theme=dark] .mobile-menu-btn:hover{background:#334155cc!important;color:#fbbf24!important}[data-theme=dark] .theme-toggle-btn{background:#33415580!important;color:#f1f5f9!important}[data-theme=dark] .theme-toggle-btn:hover{background:#334155cc!important;color:#fbbf24!important}@media (max-width:400px){.floating-navbar{padding:6px 12px;top:8px;width:96%}.navbar-logo img{height:32px;width:32px}.mobile-menu-btn{padding:8px}.mobile-drawer{max-width:300px;width:88%}.mobile-drawer-content{padding:80px 16px 24px}.mobile-nav-item{font-size:1rem;gap:12px;padding:14px 16px}.mobile-cta-btn{font-size:1rem;padding:14px 20px}}@media (max-width:430px) and (min-height:900px){.floating-navbar{padding:8px 14px;top:12px}.navbar-logo img{height:34px;width:34px}.mobile-drawer{max-width:340px;width:85%}.mobile-drawer-content{padding:90px 20px 32px}.mobile-nav-item{font-size:1.05rem;padding:16px 18px}.mobile-cta-btn{font-size:1.05rem;padding:16px 24px}}@media (max-height:500px) and (orientation:landscape){.floating-navbar{padding:6px 12px;top:6px}.mobile-drawer-content{padding:60px 20px 20px}.mobile-nav-item{font-size:.95rem;padding:12px 16px}}@media (hover:none) and (pointer:coarse){.mobile-cta-btn,.mobile-menu-btn,.mobile-nav-item{min-height:44px}.mobile-nav-item:active{transform:scale(.98)}}.hero{overflow:visible;padding:140px 0 100px;position:relative}.hero-background{background:linear-gradient(135deg,#f9fafb,#f3f4f8);height:100%;left:0;overflow:hidden;perspective:1000px;position:absolute;top:0;width:100%;z-index:-1}.hero-background:before{animation:gridMove 20s linear infinite;background-image:linear-gradient(90deg,#1e3a8a66 1px,#0000 0),linear-gradient(180deg,#1e3a8a66 1px,#0000 0);background-size:100px 100px;opacity:1}.hero-background:after,.hero-background:before{content:"";height:250%;left:50%;position:absolute;top:30%;transform:translate(-50%,-20%) rotateX(65deg);width:250%}.hero-background:after{animation:gridMove 15s linear infinite reverse;background-image:linear-gradient(90deg,#f59e0b59 1px,#0000 0),linear-gradient(180deg,#f59e0b59 1px,#0000 0);background-size:50px 50px;opacity:.85}.gradient-1{background:radial-gradient(circle,#3b82f614 0,#0000 70%);filter:blur(60px);height:600px;right:-100px;width:600px}.gradient-2{animation:float 15s ease-in-out infinite reverse;background:radial-gradient(circle,#f59e0b0f 0,#0000 70%);bottom:-100px;filter:blur(60px);height:500px;left:-100px;width:500px}.hero-content{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1.5fr 1fr}.hero-title{font-size:4rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px;margin-top:60px}.title-block{display:block}.title-block:first-child{display:block;white-space:nowrap}.typing-line{display:block;min-height:1.2em}.typing-cursor{color:var(--primary);font-weight:100;margin-left:2px}.blink-cursor{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animated-word{display:inline-block;margin-right:.25em;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.2,.8,.2,1)}.animated-word.visible{opacity:1;transform:translateY(0)}.hero-title .navy-text,.navy-text{color:#0a0a6b!important}.gold-text{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,gold,#b8860b);-webkit-background-clip:text;background-clip:text;color:#b8860b}.mixed-text{color:var(--primary)}.hero-subtitle{color:var(--text-light);font-size:1.25rem;line-height:1.6;margin-bottom:40px;max-width:700px;width:100%}.hero-buttons{display:flex;gap:16px;margin-bottom:24px}.btn-large{border-radius:12px;font-size:1.1rem;padding:16px 32px;transition:transform .2s ease,box-shadow .2s ease}.btn:active{transform:translateY(1px) scale(.98)}.hero-trust{align-items:center;color:var(--text-muted);display:flex;font-size:.9rem;gap:16px}.trust-logos{color:var(--text-dark);display:flex;font-weight:600;gap:12px;opacity:.7}.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.hero-card-wrapper{height:100%;margin-left:auto;margin-right:40px;margin-top:40px;max-width:320px;perspective:1200px;position:relative;transform-style:preserve-3d;width:100%}.hero-card-wrapper:hover .hero-card-base{box-shadow:15px 15px 30px #0003,0 0 40px #1e3a8a1a;transform:rotateY(-5deg) rotateX(3deg) translateZ(10px);transition:all .5s cubic-bezier(.23,1,.32,1)}.hero-card-wrapper:hover .pop-out-character{transform:translateY(-50%) translateZ(30px) scale(1.02);transition:all .5s cubic-bezier(.23,1,.32,1)}.hero-card-wrapper:hover .hero-mascot-image{filter:drop-shadow(0 25px 35px rgba(15,23,42,.5)) drop-shadow(0 10px 20px rgba(245,158,11,.15));transition:all .5s cubic-bezier(.23,1,.32,1)}.pop-out-character{align-items:center;display:flex;justify-content:center;pointer-events:none;position:absolute;right:-100px;top:50%;transform:translateY(-50%);transform-style:preserve-3d;transition:all .4s ease-out;width:380px;z-index:10}.hero-mascot-image{filter:drop-shadow(0 20px 40px rgba(30,58,138,.35)) drop-shadow(0 8px 16px rgba(245,158,11,.2));height:500px;max-width:520px;width:100%}.hero-card-base{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0c1929);background-clip:padding-box;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 30px #0000004d;margin-top:0;min-height:420px;overflow:visible;padding:40px;position:relative;transition:all .3s ease;z-index:5}.hero-card-base:before{animation:borderGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#3c3c3cb3,#1e1e1e80 50%,#50505099);border-radius:26px;bottom:-2px;content:"";left:-2px;opacity:.6;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes borderGlow{0%,to{background:linear-gradient(135deg,#3c3c3cb3,#1e1e1e80 50%,#50505099);opacity:.5}50%{background:linear-gradient(315deg,#282828b3,#46464680 50%,#32323299);opacity:.8}}.hero-card-base:hover{box-shadow:0 6px 24px #1d15151f;transform:translateY(-2px)}.sparkles-container{border-radius:24px;inset:0;overflow:hidden;pointer-events:none;position:absolute}.sparkle{animation:sparkle 3s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 6px 2px #fff9;height:4px;opacity:0;position:absolute;width:4px}.sparkle:first-child{animation-delay:0s;left:20%;top:15%}.sparkle:nth-child(2){animation-delay:.3s;left:80%;top:30%}.sparkle:nth-child(3){animation-delay:.6s;left:10%;top:50%}.sparkle:nth-child(4){animation-delay:.9s;left:60%;top:70%}.sparkle:nth-child(5){animation-delay:1.2s;left:30%;top:85%}.sparkle:nth-child(6){animation-delay:1.5s;left:50%;top:25%}.sparkle:nth-child(7){animation-delay:1.8s;left:85%;top:60%}.sparkle:nth-child(8){animation-delay:2.1s;left:40%;top:40%}.sparkle:nth-child(9){animation-delay:2.4s;left:70%;top:90%}.sparkle:nth-child(10){animation-delay:2.7s;left:65%;top:10%}.sparkle:nth-child(11){animation-delay:.4s;left:15%;top:75%}.sparkle:nth-child(12){animation-delay:1.1s;left:25%;top:45%}.card-content-preview{background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;min-height:280px;padding:24px}.preview-dot,.preview-header{display:none}.preview-body{display:flex;flex-direction:column;gap:16px}.preview-line{background:#e2e8f0;border-radius:6px;height:12px}.w-75{width:75%}.w-50{width:50%}.preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:20px}.preview-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;height:80px}@keyframes floatGenie{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes magicalGlow{0%,to{box-shadow:0 25px 50px -12px #1e3a8a26,inset 0 0 0 1px #ffffff80,0 0 60px #f59e0b26}50%{box-shadow:0 25px 50px -12px #1e3a8a26,inset 0 0 0 1px #ffffff80,0 0 80px #f59e0b40}}@keyframes dottedGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes glowMove{0%,to{opacity:.8;transform:translate(0) rotate(0deg)}33%{opacity:.6;transform:translate(20%,-20%) rotate(120deg)}66%{opacity:.6;transform:translate(-20%,20%) rotate(240deg)}}@media (max-width:1024px){.hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.hero-text{margin:0 auto;max-width:800px}.hero-title{font-size:3rem;margin-top:20px}.hero-subtitle{margin-left:auto;margin-right:auto;max-width:100%}.hero-buttons,.hero-trust,.trust-logos{justify-content:center}.hero-card-wrapper{margin:0 auto;max-width:280px}.hero-card-base{max-width:100%;min-height:350px;padding:30px;transform:none}.pop-out-character{right:-60px;width:280px}.hero-mascot-image{height:380px;max-width:380px}}@media (max-width:768px){.hero{padding:100px 0 60px}.hero-content{gap:40px}.hero-title{font-size:2.2rem;line-height:1.2;margin-top:10px}.hero-subtitle{font-size:1rem;margin-bottom:30px}.desktop-break{display:none}.hero-buttons{align-items:center;flex-direction:column;gap:12px;width:100%}.btn-large{font-size:1rem;max-width:280px;padding:14px 28px;width:100%}.hero-trust{flex-direction:column;font-size:.85rem;gap:10px}.hero-card-wrapper,.hero-visual{display:none}}@media (max-width:480px){.hero{padding:80px 0 50px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.95rem;padding:0 10px}.btn-large{font-size:.95rem;padding:12px 24px}.hero-background:after,.hero-background:before{opacity:.3}}.layout-text-flip{display:inline-grid;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;vertical-align:bottom}.layout-text-flip span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-weight:700;grid-column:1;grid-row:1;white-space:nowrap}.sticky-scroll-wrapper{background:linear-gradient(135deg,#fef9c366,#fdba7433 50%,#f472b61a);border:1px solid #fb923c4d;border-radius:1rem;box-shadow:var(--shadow);height:38rem;margin:0 auto;overflow:hidden;position:relative;width:100%}.sticky-scroll-container{-ms-overflow-style:none;column-gap:3rem;display:flex;height:100%;justify-content:center;overflow-y:auto;padding:3rem;scrollbar-width:none}.sticky-scroll-container::-webkit-scrollbar{display:none}.sticky-scroll-progress-bar{background:#0000001a;border:1px solid #fff3;border-radius:99px;bottom:2rem;overflow:hidden;position:absolute;right:1rem;top:2rem;width:8px;z-index:20}.sticky-scroll-progress-fill{background:linear-gradient(180deg,#a97cf8,#f38cb8,#fdcc92);height:100%;left:0;position:absolute;top:0;transform-origin:top;width:100%}.sticky-scroll-content-wrapper{align-items:flex-start;display:flex;padding-left:1rem;padding-right:2rem;position:relative;width:100%}.sticky-scroll-text-col{max-width:45rem;padding-right:4rem}.sticky-scroll-item{margin-bottom:10rem;margin-top:8rem}.sticky-scroll-title{color:var(--text-dark);font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:1rem}.sticky-scroll-description{color:var(--text-light);font-family:Inter,sans-serif;font-size:1.15rem;font-weight:400;line-height:1.85;margin-top:1.5rem;max-width:38rem}.sticky-scroll-card{background:#fff;border:1px solid #fffc;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000026;color:#fff;display:block;height:22rem;margin-right:4rem;overflow:hidden;position:-webkit-sticky;position:sticky;top:6rem;width:26rem}.sticky-scroll-card,.sticky-scroll-card-content{align-items:center;display:flex;justify-content:center}.sticky-scroll-card-content{height:100%;padding:0;width:100%}@media (max-width:1024px){.sticky-scroll-wrapper{height:auto;min-height:auto}.sticky-scroll-container{display:block;flex-direction:column;height:auto;overflow:visible;padding:2rem}.sticky-scroll-content-wrapper{flex-direction:column;padding:0}.sticky-scroll-text-col{max-width:100%;padding-right:0}.sticky-scroll-progress-bar{display:none}.sticky-scroll-item{margin-bottom:3rem;margin-top:2rem}.sticky-scroll-title{font-size:1.8rem;opacity:1!important;text-align:center}.sticky-scroll-description{font-size:1rem;max-width:100%;opacity:1!important;text-align:center}.sticky-scroll-card{display:none!important}}@media (max-width:768px){.sticky-scroll-wrapper{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fef3c7;border-radius:.75rem}.sticky-scroll-container{padding:1.5rem}.sticky-scroll-item{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #00000014;margin-bottom:2rem;margin-top:1.5rem;padding:1.5rem}.sticky-scroll-title{color:#1f2937;font-size:1.5rem}.sticky-scroll-description{color:#374151;font-size:.95rem;line-height:1.7}.sticky-scroll-card{display:none!important}}@media (max-width:480px){.sticky-scroll-wrapper{background:#fef3c7}.sticky-scroll-container{padding:1rem}.sticky-scroll-item{margin-bottom:1.5rem;margin-top:1rem;padding:1.25rem}.sticky-scroll-title{font-size:1.3rem}.sticky-scroll-description{font-size:.9rem}.sticky-scroll-card{display:none!important}}.features{background:var(--bg-white);color:var(--text-dark);padding:100px 0;position:relative}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:var(--bg-white);border:2px solid var(--border-color);border-radius:15px;color:var(--text-dark);overflow:hidden;padding:40px;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:all .3s ease;width:100%}.feature-card:hover{border-color:var(--accent);box-shadow:0 20px 50px #1e3a8a26;transform:translateY(-10px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{color:var(--accent);margin-bottom:20px;transition:all .3s ease}.feature-card:hover .feature-icon{color:var(--primary);transform:scale(1.1) rotate(10deg)}.feature-card h3{color:var(--text-dark);font-size:22px;margin-bottom:15px}.feature-card p{color:var(--text-light);line-height:1.7}@media (max-width:1024px){.features{padding:80px 0}.features-grid{gap:30px;grid-template-columns:repeat(2,1fr)}.feature-card{padding:32px}.feature-card h3{font-size:20px}}@media (max-width:768px){.features{padding:60px 0}.features-grid{gap:24px;grid-template-columns:1fr}.feature-card{padding:28px}.feature-card h3{font-size:18px}.feature-card p{font-size:14px}.feature-icon{transform:scale(.9)}}@media (max-width:580px){.features{padding:50px 0}.features-grid{gap:20px}.feature-card{padding:24px 20px}.feature-card:hover{transform:translateY(-5px)}}@media (max-width:400px){.features{padding:40px 0}.feature-card{padding:20px 16px}.feature-card h3{font-size:16px;margin-bottom:10px}.feature-card p{font-size:13px;line-height:1.6}.feature-icon{margin-bottom:16px;transform:scale(.8)}}.packages{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-subtle) 100%);color:var(--text-dark);padding:100px 0;position:relative}.packages-grid{grid-gap:25px;align-items:stretch;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:30px 0}.package-card,.package-card-wrapper{display:flex;position:relative}.package-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:15px;color:var(--text-dark);flex-direction:column;overflow:hidden;padding:40px 25px 30px;transition:all .3s ease;width:100%}.package-card .package-features{flex-grow:1}.package-card .btn{margin-top:auto}.package-card:before{background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.package-card:not(.featured):hover{box-shadow:0 10px 30px #0000000d;transform:none}.package-card.featured:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-5px) scale(1.02)}.package-card:hover:before{opacity:1}.package-badge{background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 2px 5px #0000001a;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:5px 0;position:absolute;right:-35px;text-align:center;text-transform:uppercase;top:15px;transform:rotate(45deg);white-space:nowrap;width:150px;z-index:5}.package-icon{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.package-icon img,.package-icon svg{border-radius:50%;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1));height:100%;object-fit:cover;width:100%}.package-header{margin-bottom:20px}.package-header h3{color:var(--text-dark);font-size:24px;margin-bottom:8px}.package-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800}.package-price span{color:#6b7280;font-size:14px}.package-old-price{color:#9ca3af;font-size:18px;margin-bottom:2px}.package-old-price s{-webkit-text-decoration-color:#ef4444;text-decoration-color:#ef4444;text-decoration-thickness:1px}.package-old-price span{font-size:12px}.package-offer-tag{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:15px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin:5px 0 8px;padding:3px 10px;text-transform:uppercase}.package-yearly-price{border-top:1px dashed #0000001a;color:var(--text-dark);font-size:18px;font-weight:700;margin-bottom:15px;padding-top:10px}.package-subtitle{color:#4b5563;font-size:15px;font-weight:600;margin-bottom:12px}.package-features{list-style:none;margin-bottom:20px}.package-features li{align-items:center;border-bottom:1px solid #f3f4f6;color:#374151;display:flex;font-size:14px;gap:8px;padding:8px 0}.package-features li:last-child{border-bottom:none}.package-features svg{flex-shrink:0}.package-features li.included svg.icon-included{color:#fbbf24;filter:drop-shadow(0 0 3px rgba(251,191,36,.3))}.package-features li.excluded{opacity:.4}.package-features li.excluded svg.icon-excluded{color:#9ca3af}.package-card.featured{background:linear-gradient(135deg,#fffbeb,#fff);border:2px solid #f59e0b;box-shadow:0 10px 30px #f59e0b26;transform:scale(1.02);z-index:2}.institutional-container{margin-top:80px}.horizontal-card{align-items:center;display:flex!important;flex-direction:row!important;gap:40px;padding:40px 50px!important;text-align:left}.horizontal-card .package-header{align-items:center;border-right:1px solid var(--border-color);display:flex;flex-shrink:0;gap:20px;margin-bottom:0;min-width:320px;padding-right:40px}.horizontal-card .package-icon{margin:0}.horizontal-card .header-text h3{margin-bottom:5px}.institutional-content{align-items:center;display:flex;flex-grow:1;gap:30px}.horizontal-features{grid-gap:5px 25px;display:grid;flex-grow:1;gap:5px 25px;grid-template-columns:repeat(3,1fr);margin-bottom:0!important}.horizontal-features li{border-bottom:none;padding:5px 0}.institutional-action{flex-shrink:0}.package-badge-inline{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:700;margin-top:5px;padding:3px 10px;text-transform:uppercase}.package-card.featured:hover{transform:scale(1.05) translateY(-15px)}.package-card.gold .package-header h3{color:var(--accent)}@media (max-width:1024px){.horizontal-card{flex-direction:column!important;gap:30px;padding:30px!important}.horizontal-card .package-header{border-bottom:1px solid var(--border-color);border-right:none;justify-content:center;padding-bottom:20px;padding-right:0;width:100%}.horizontal-features{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.packages{padding:60px 0}.packages-grid{gap:20px;grid-template-columns:1fr}.package-card{margin:0}.package-card,.package-card.featured{transform:none!important}.package-card.featured:hover,.package-card:hover{transform:translateY(-10px)!important}.package-card{padding:30px 20px}.package-card.gold.featured{transform:none!important}.package-card.gold:hover{transform:translateY(-10px)!important}.horizontal-features{grid-template-columns:1fr}}.package-card.free{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important;border:3px solid #f59e0b!important;position:relative}.package-card.free:after{color:#d97706;content:"✨ START HERE ✨";font-size:11px;font-weight:800;left:15px;letter-spacing:1px;position:absolute;top:15px}.package-card.free:hover{border-color:#f59e0b;box-shadow:0 30px 60px #f59e0b4d;transform:translateY(-20px) scale(1.02)}.package-icon{animation:bounce 2s ease-in-out infinite;display:block;font-size:48px;margin-bottom:15px;text-align:center}.package-card.gold{border:2px solid #f59e0b}.package-card.gold.featured{background:linear-gradient(135deg,#fef3c7,#fef9e7);box-shadow:0 25px 60px #f59e0b66}.package-card.gold:hover{box-shadow:0 30px 70px #f59e0b80;transform:translateY(-10px) scale(1.05)}[data-theme=dark] .packages{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .package-card{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .package-card:hover{box-shadow:0 25px 60px #00000080}[data-theme=dark] .package-header h3{color:#e2e8f0}[data-theme=dark] .package-price span{color:#94a3b8}[data-theme=dark] .package-features li{border-bottom-color:#ffffff1a;color:#cbd5e1}[data-theme=dark] .package-card.free{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d)!important;border-color:#f59e0b80!important}[data-theme=dark] .package-card.gold.featured{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a)}[data-theme=dark] .package-yearly-price{border-top-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .package-subtitle{color:#94a3b8}[data-theme=ocean] .packages{background:linear-gradient(135deg,#0c1821,#0f2027)}[data-theme=ocean] .package-card{background:#0ea5e90d;border-color:#0ea5e933}[data-theme=ocean] .package-card:hover{box-shadow:0 25px 60px #0ea5e94d}[data-theme=ocean] .package-header h3{color:#e0f2fe}[data-theme=ocean] .package-price span{color:#7dd3fc}[data-theme=ocean] .package-features li{border-bottom-color:#0ea5e933;color:#bae6fd}[data-theme=ocean] .package-card.free{background:linear-gradient(135deg,#0ea5e926,#06b6d40d)!important;border-color:#0ea5e980!important}[data-theme=ocean] .package-card.gold.featured{background:linear-gradient(135deg,#0ea5e933,#06b6d41a)}[data-theme=ocean] .package-yearly-price{border-top-color:#0ea5e933;color:#e0f2fe}[data-theme=ocean] .package-subtitle{color:#7dd3fc}.package-card.beta-disabled{filter:blur(.6px) grayscale(.2);opacity:.75;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none}.package-card.beta-disabled:after{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#64748b14;content:"";inset:0;position:absolute;z-index:1}.beta-message{animation:pulseGentlyBeta 2s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:10px;box-shadow:0 2px 8px #f59e0b33;color:#92400e;font-size:13px;font-weight:600;margin-top:12px;padding:10px 16px;text-align:center}.beta-message:before{content:"🚧 ";font-size:14px}.beta-message:after{content:" 🚧";font-size:14px}@keyframes pulseGentlyBeta{0%,to{box-shadow:0 2px 8px #f59e0b33;transform:scale(1)}50%{box-shadow:0 4px 12px #f59e0b4d;transform:scale(1.02)}}[data-theme=dark] .beta-message{background:linear-gradient(135deg,#f59e0b33,#f59e0b26);border-color:#f59e0b80;color:#fbbf24}[data-theme=ocean] .beta-message{background:linear-gradient(135deg,#0ea5e933,#06b6d426);border-color:#0ea5e980;color:#7dd3fc}.how-it-works{background:#fff;padding:100px 0}.hiw-steps-container{flex-wrap:nowrap;margin:0 auto;max-width:1200px;padding:0 20px}.hiw-steps-container,.hiw-steps-container>div{align-items:center;display:flex;gap:30px;justify-content:center}.step-card{align-items:center;background:linear-gradient(135deg,#f0f9ff,#fef3c7);border:2px solid #0000;border-radius:20px;box-shadow:0 4px 12px #00000014;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;max-width:350px;min-height:280px;min-width:200px;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.step-card:hover{background:linear-gradient(135deg,#1e3a8a,#f59e0b);border-color:#fff;color:#fff;transform:translateY(-10px)}.step-card:hover h3,.step-card:hover p{color:#fff}.step-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3a8a,#f59e0b);-webkit-background-clip:text;font-size:52px;margin-bottom:20px}.step-card:hover .step-number{-webkit-text-fill-color:#fff}.step-card h3{align-items:center;color:#1f2937;display:flex;font-size:22px;font-weight:800;margin-bottom:15px;min-height:28px;transition:all .3s ease}.step-card p{color:#6b7280;flex-grow:1;font-size:15px;line-height:1.6;transition:all .3s ease}.step-connector{flex-shrink:0;margin:0 -10px}.step-connector svg{display:block}.connector-path{animation:dash-flow 3s linear infinite}.connector-dot{animation:pulse-dot 2s ease-in-out infinite}@keyframes dash-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:24}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@media (max-width:1024px){.how-it-works{padding:80px 0}.step-card{padding:28px 20px}.step-card h3{font-size:18px}.step-connector svg{height:60px;width:100px}}@media (max-width:768px){.how-it-works{padding:60px 0}.hiw-steps-container,.hiw-steps-container>div{flex-direction:column;gap:20px}.hiw-steps-container>div{width:100%}.step-connector{margin:10px 0;transform:rotate(90deg)}.step-connector svg{height:60px;width:80px}.step-card{padding:30px 20px;width:100%}.step-card h3{font-size:18px}}@media (max-width:580px){.how-it-works{padding:50px 0}.step-card{padding:24px 16px}.step-card h3{font-size:16px}.step-card p{font-size:13px}.step-connector svg{height:50px;width:60px}}@media (max-width:400px){.how-it-works{padding:40px 0}.step-card{padding:20px 14px}.step-card h3{font-size:15px;margin-bottom:8px}.step-card p{font-size:12px}.step-number{font-size:16px;height:36px;width:36px}.step-icon{transform:scale(.8)}}[data-theme=dark] .how-it-works{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .step-card{background:#1e293bcc;border:2px solid #f59e0b4d;box-shadow:0 8px 24px #0000004d}[data-theme=dark] .step-card:hover{background:linear-gradient(135deg,#1e3a8a,#f59e0b);border-color:#f59e0b99;box-shadow:0 12px 32px #f59e0b66}[data-theme=dark] .step-card h3{color:#f1f5f9}[data-theme=dark] .step-card p{color:#cbd5e1}[data-theme=dark] .step-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#fbbf24);-webkit-background-clip:text}[data-theme=ocean] .how-it-works{background:linear-gradient(135deg,#0c1821,#0f2027)}[data-theme=ocean] .step-card{background:#0c1821cc;border:2px solid #0ea5e94d;box-shadow:0 8px 24px #0ea5e933}[data-theme=ocean] .step-card:hover{background:linear-gradient(135deg,#0e7490,#06b6d4);border-color:#0ea5e999;box-shadow:0 12px 32px #0ea5e966}[data-theme=ocean] .step-card h3{color:#e0f2fe}[data-theme=ocean] .step-card p{color:#bae6fd}[data-theme=ocean] .step-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#22d3ee);-webkit-background-clip:text}.statistics{background:var(--bg-white);color:var(--text-dark);overflow:hidden;padding:40px 0 100px;position:relative}.statistics:before{background:radial-gradient(circle,#f59e0b14 0,#0000 70%);height:500px;left:-150px;top:-150px;width:500px}.statistics:after,.statistics:before{border-radius:50%;content:"";position:absolute}.statistics:after{background:radial-gradient(circle,#1e3a8a14 0,#0000 70%);bottom:-100px;height:400px;right:-100px;width:400px}.statistics-header{margin-bottom:70px;position:relative;text-align:center;z-index:1}.statistics-header h2{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;display:flex;font-size:48px;font-weight:800;gap:15px;justify-content:center;margin-bottom:15px}.header-icon{animation:spin 2s linear infinite;color:var(--accent);height:48px;width:48px}.statistics-header p{color:var(--text-light);font-size:18px}.stats-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(4,1fr);margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:1400px;position:relative;z-index:1}.stat-card{background:linear-gradient(135deg,#f8fafcf2,#fef3c7f2);border:4px solid #3a4c86!important;border-radius:20px;box-shadow:0 8px 24px #00000014;color:var(--text-dark);flex-direction:column;justify-content:center;min-height:320px;padding:60px 35px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:20px 20px 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.stat-card:hover{background:linear-gradient(135deg,var(--primary),var(--accent));border-color:#1e3a8a;box-shadow:0 20px 50px #1e3a8a59;color:#fff;transform:translateY(-12px) scale(1.02)}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{display:inline-block;filter:drop-shadow(0 4px 12px rgba(245,158,11,.3));font-size:64px;margin-bottom:24px}.stat-icon,.stat-icon-wrapper{animation:float 3s ease-in-out infinite}.stat-icon-wrapper{align-items:center;border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 24px;transition:all .4s ease;width:100px}.stat-card:hover .stat-icon-wrapper{box-shadow:0 10px 30px #00000026;transform:scale(1.1) rotate(5deg)}.stat-number{-webkit-text-fill-color:#0000;animation:slideUp .8s ease;background:linear-gradient(135deg,#1e3a8a,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:54px;font-weight:800;line-height:1.2;margin-bottom:16px}.stat-card:hover .stat-number{-webkit-text-fill-color:#fff}.stat-label{color:#1f2937;font-size:18px;font-weight:700;line-height:1.4;margin-bottom:12px;transition:color .3s ease}.stat-card:hover .stat-label{color:#fff}.stat-description{color:#6b7280;font-size:15px;font-weight:500;line-height:1.5;transition:color .3s ease}.stat-card:hover .stat-description{color:#ffffffe6}.world-map-section{margin:20px 0 60px;position:relative;z-index:1}.map-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;margin-bottom:10px;text-align:center}.map-subtitle{color:var(--text-light);font-size:16px;margin-bottom:40px;text-align:center}.world-map-container{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;margin:0 auto;max-width:1400px;overflow:hidden;padding:60px 40px}.world-map-container svg{-ms-interpolation-mode:nearest-neighbor;filter:contrast(1.15) saturate(1.3);image-rendering:-webkit-crisp-edges!important;image-rendering:pixelated!important;image-rendering:crisp-edges!important}.world-map-container path,.world-map-container svg path{shape-rendering:crispEdges!important;image-rendering:pixelated!important}.world-map-container *{image-rendering:pixelated!important}.location-marker{cursor:pointer;transition:all .3s ease}.location-marker:hover{transform:scale(1.2)}.marker-pulse{animation:marker-pulse 2s ease-in-out infinite;opacity:.4}.connection-line{stroke-dasharray:5,5;animation:dash 3s linear infinite}@keyframes marker-pulse{0%,to{r:8;opacity:.4}50%{r:12;opacity:.1}}@keyframes dash{to{stroke-dashoffset:-10}}.statistics-highlight{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding:40px 0;position:relative;z-index:1}.highlight-item{align-items:center;background:#fff;border:3px solid #f59e0b;border-radius:20px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;justify-content:center;min-height:240px;padding:40px 30px;text-align:center;transition:all .3s ease}.highlight-item:hover{border-color:#f59e0b;box-shadow:0 10px 30px #1e3a8a26;transform:translateY(-5px)}.highlight-icon{animation:bounce 2s ease-in-out infinite;display:block;flex-shrink:0;font-size:52px;margin-bottom:20px}.highlight-item h3{align-items:center;color:#1e3a8a;display:flex;font-size:22px;font-weight:800;margin-bottom:12px;min-height:28px}.highlight-item p{color:#6b7280;font-size:15px;line-height:1.5}.highlight-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f59e0b15,#f59e0b30);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;transition:all .4s ease;width:80px}.highlight-item:hover .highlight-icon-wrapper{background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 10px 25px #f59e0b66;transform:scale(1.1) rotate(-5deg)}.highlight-icon-wrapper .highlight-icon{color:#f59e0b;transition:all .3s ease}.highlight-item:hover .highlight-icon-wrapper .highlight-icon{color:#fff}@media (max-width:1200px){.stats-grid{gap:25px;grid-template-columns:repeat(2,1fr);max-width:900px}.stat-card{min-height:300px;padding:50px 30px}.statistics-highlight{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.statistics{padding:60px 0}.statistics-header h2{font-size:32px}.stats-grid{gap:30px;grid-template-columns:1fr;padding:0 20px}.stat-card{min-height:280px;padding:50px 30px}.stat-icon{font-size:52px}.stat-number{font-size:42px}.stat-label{font-size:17px}.stat-description{font-size:14px}.statistics-highlight{grid-template-columns:1fr;padding:0 20px}.world-map-container{padding:20px 10px}.map-title{font-size:28px}}[data-theme=dark] .highlight-item{background:#1e293be6;border-color:#f59e0b4d;box-shadow:0 4px 12px #0006}[data-theme=dark] .highlight-item:hover{border-color:#f59e0b99;box-shadow:0 10px 30px #f59e0b4d}[data-theme=dark] .highlight-item h3{color:#fbbf24}[data-theme=dark] .highlight-item p{color:#cbd5e1}[data-theme=ocean] .highlight-item{background:#0c1821e6;border-color:#0ea5e94d;box-shadow:0 4px 12px #0ea5e933}[data-theme=ocean] .highlight-item:hover{border-color:#0ea5e999;box-shadow:0 10px 30px #0ea5e94d}[data-theme=ocean] .highlight-item h3{color:#22d3ee}[data-theme=ocean] .highlight-item p{color:#bae6fd}.marquee-container{mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);overflow:hidden;position:relative;width:100%}.marquee-content{animation:marquee 20s linear infinite;animation:marquee var(--duration,20s) linear infinite;display:flex;width:-webkit-max-content;width:max-content}.marquee-content.reverse{animation-direction:reverse}.marquee-set{display:flex;gap:24px;padding-right:24px}.pause-on-hover:hover .marquee-content{animation-play-state:paused}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.review-card{background:linear-gradient(135deg,#f8fafcf2,#fef3c74d);border:1px solid #1e3a8a1a;border-radius:16px;box-shadow:0 4px 12px #0000000d;cursor:pointer;flex-shrink:0;flex:0 0 auto;overflow:hidden;padding:24px;position:relative;transition:all .3s ease;width:320px}.review-card:hover{border-color:#f59e0b4d;box-shadow:0 12px 24px #1e3a8a26;transform:translateY(-4px)}.review-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.review-avatar{border:2px solid #f59e0b4d;border-radius:12px;height:64px;object-fit:cover;width:64px}.review-info{display:flex;flex-direction:column}.review-name{color:var(--primary);font-size:1rem;font-weight:700;margin:0}.review-role{color:var(--text-light);font-size:.85rem}.review-body,.review-role{margin:0;overflow-wrap:anywhere}.review-body{color:var(--text-dark);font-size:.95rem;line-height:1.6}.review-stars{display:flex;gap:4px;margin-top:12px}.star{color:#f59e0b;font-size:1rem}.testimonial-section{background:linear-gradient(180deg,var(--bg-white) 0,#f8fafc 100%);overflow:hidden;padding:80px 0;position:relative}.testimonial-header{margin-bottom:50px;text-align:center}.testimonial-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;margin-bottom:12px}.testimonial-header p{color:var(--text-light);font-size:18px;margin:0 auto;max-width:600px}.marquee-wrapper{display:flex;flex-direction:column;gap:24px;position:relative}.marquee-wrapper:after,.marquee-wrapper:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:150px;z-index:10}.marquee-wrapper:before{background:linear-gradient(90deg,#f8fafc 0,#0000);left:0}.marquee-wrapper:after{background:linear-gradient(270deg,#f8fafc 0,#0000);right:0}.testimonial-mobile-grid{display:none}@media (max-width:768px){.testimonial-section{padding:56px 0}.testimonial-header{margin-bottom:30px;padding:0 14px}.testimonial-header h2{font-size:2rem;line-height:1.2}.testimonial-header p{font-size:1rem;line-height:1.55}.review-card{border-radius:14px;padding:16px;width:min(100%,560px)}.review-body{font-size:.9rem;line-height:1.5}.marquee-wrapper:after,.marquee-wrapper:before{width:56px}.testimonial-mobile-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr;padding:0 14px}.testimonial-mobile-grid .review-card{width:100%}}@media (max-width:480px){.testimonial-section{padding:44px 0}.testimonial-header h2{font-size:1.62rem}.testimonial-header p{font-size:.92rem;max-width:320px}.review-card{padding:14px}.review-header{gap:10px;margin-bottom:12px}.review-avatar{height:52px;width:52px}.review-name{font-size:.95rem}.review-role{font-size:.78rem}.review-body{font-size:.86rem}.marquee-set{gap:14px;padding-right:14px}.marquee-wrapper:after,.marquee-wrapper:before{width:30px}.testimonial-mobile-grid{padding:0 10px}}.cta{background:#fff;color:#1f2937;overflow:hidden;padding:100px 0;position:relative}.cta-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.cta-shape{border-radius:50%;opacity:.1;position:absolute}.cta-shape-1{animation:float 6s ease-in-out infinite;background:#0d246e0d;height:300px;right:-100px;top:-100px;width:300px}.cta-shape-2{animation:float 8s ease-in-out infinite reverse;background:#ff8c000d;bottom:-150px;height:400px;left:-100px;width:400px}.cta-shape-3{animation:pulse 3s ease-in-out infinite;background:#ffb70014;height:200px;right:10%;top:50%;width:200px}.cta-content{color:#1f2937;position:relative;text-align:center;z-index:2}.cta-header{margin-bottom:50px}.cta-header h2{animation:slideInUp .8s ease;font-size:56px;font-weight:800;line-height:1.2;margin-bottom:20px}.cta-header p{animation:slideInUp .8s ease .2s backwards;font-size:20px;margin-bottom:0;opacity:.95}.cta-features{animation:slideInUp .8s ease .4s backwards;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:50px}.cta-feature{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d246e14;border:1px solid #0d246e26;border-radius:50px;color:#1f2937;display:flex;gap:10px;padding:12px 20px;transition:all .3s ease}.cta-feature:hover{background:#ff8c001a;border-color:#ff8c00;transform:translateY(-5px)}.feature-icon{display:inline-block;font-size:20px}.feature-text{font-size:15px;font-weight:600}.cta-buttons{animation:slideInUp .8s ease .6s backwards;flex-wrap:wrap;gap:20px;margin-bottom:40px}.cta-btn,.cta-buttons{display:flex;justify-content:center}.cta-btn{align-items:center;border-radius:12px;font-size:18px;font-weight:600;gap:12px;padding:16px 40px;text-decoration:none;transition:all .3s ease}.cta-btn.btn-accent{background:linear-gradient(135deg,#ff8c00,#ffb700);color:#fff}.cta-btn.btn-accent:hover{box-shadow:0 15px 40px #ff8c0066;transform:translateY(-3px)}.cta-btn.btn-secondary{background:#fff;border:2px solid #1e3a8a;color:#1e3a8a}.cta-btn.btn-secondary:hover{background:#1e3a8a;box-shadow:0 15px 40px #1e3a8a4d;color:#fff;transform:translateY(-3px)}.cta-footer{animation:slideInUp .8s ease .8s backwards;font-size:16px;margin:0;opacity:.9}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.cta{padding:60px 0}.cta-header h2{font-size:36px}.cta-header p{font-size:16px}.cta-features{gap:15px}.cta-feature{font-size:14px;padding:10px 15px}.cta-buttons{flex-direction:column;gap:15px}.cta-btn{padding:14px 30px;width:100%}}.footer{align-items:center;background:linear-gradient(135deg,#062075,#06268f 25%,#d8984a 75%,#daa215);display:flex;justify-content:center;overflow:hidden;padding:40px 30px;position:relative}.footer:before{background:linear-gradient(135deg,#fff3,#0000);border-radius:50%;content:"";height:600px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:600px}.footer-wrapper{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;gap:35px;max-width:1200px;padding:40px 35px;position:relative;width:100%;z-index:1}.footer-logo-section,.footer-wrapper{align-items:center;display:flex;flex-direction:column}.footer-logo-section{gap:15px}.footer-logo-img{background:#fff;border-radius:18px;box-shadow:0 8px 24px #0003;height:50px;object-fit:cover;padding:4px;width:50px}.footer-logo-text{color:#1f2937;font-size:24px;font-weight:800;letter-spacing:1px;margin:0;text-shadow:none}.footer-nav{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.footer-nav a{color:#1f2937;font-size:14px;font-weight:700;letter-spacing:1px;padding:8px 0;position:relative;text-decoration:none;transition:all .3s ease}.footer-nav a:after{background:#1f2937;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.footer-nav a:hover{color:#f3a342;transform:translateY(-2px)}.footer-nav a:hover:after{width:100%}.footer-nav button{background:none;border:none;color:#1f2937;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:1px;padding:8px 0;position:relative;text-decoration:none;transition:all .3s ease}.footer-nav button:after{background:#1f2937;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.footer-nav button:hover{color:#f3a342;transform:translateY(-2px)}.footer-nav button:hover:after{width:100%}.footer-copyright{background:linear-gradient(135deg,#f0a03e,#ffb700);border-radius:50px;box-shadow:0 6px 20px #ff8c004d;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:14px 50px}.footer-credits{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:16px;justify-content:center;line-height:1.6;margin-top:10px}.credit-item{align-items:center;display:inline-flex;gap:6px}.credit-label{color:#6b7280;font-weight:500}.credit-name{color:#1f2937;font-weight:700}.credit-name a{color:#1f2937;text-decoration:none;transition:color .3s ease}.credit-name a:hover{color:#f59e0b}.credit-email{color:#1f2937;font-weight:700;text-decoration:none;transition:color .3s ease}.credit-email:hover{color:#f59e0b}.divider{color:#d1d5db;font-size:16px;font-weight:300}@media (max-width:768px){.footer{padding:60px 30px}.footer-wrapper{border-radius:24px;gap:30px;padding:50px 40px}.footer-logo-img{height:60px;width:60px}.footer-logo-text{font-size:28px}.footer-nav{gap:25px}.footer-nav a{font-size:13px}.footer-copyright{font-size:13px;padding:12px 40px}.footer-credits{font-size:13px;gap:12px}}@media (max-width:480px){.footer{padding:50px 20px}.footer-wrapper{border-radius:20px;gap:25px;padding:40px 30px}.footer-logo-img{height:50px;width:50px}.footer-logo-text{font-size:24px}.footer-nav{flex-direction:column;gap:20px}.footer-nav a{font-size:12px}.footer-copyright{font-size:12px;padding:10px 30px;text-align:center}.footer-credits{flex-direction:column;font-size:12px;gap:8px}.divider{display:none}}[data-theme=dark] .footer{background:linear-gradient(135deg,#0a1a3e,#1e40af 25%,#ff8c00 75%,#ffb700)}[data-theme=dark] .footer-wrapper{background:#1e293bf2;border:1px solid #ffffff1a}[data-theme=dark] .footer-logo-img{background:#ffffff0d;box-shadow:0 8px 24px #ff8c004d}[data-theme=dark] .footer-logo-text{color:#e2e8f0}[data-theme=dark] .footer-nav a{color:#cbd5e1}[data-theme=dark] .footer-nav a:after{background:#f59e0b}[data-theme=dark] .footer-nav a:hover{color:#fbbf24}[data-theme=dark] .credit-label{color:#94a3b8}[data-theme=dark] .credit-email,[data-theme=dark] .credit-name{color:#e2e8f0}[data-theme=dark] .credit-email:hover{color:#fbbf24}[data-theme=dark] .divider{color:#475569}[data-theme=ocean] .footer{background:linear-gradient(135deg,#0c1821,#0e7490 25%,#06b6d4 75%,#22d3ee)}[data-theme=ocean] .footer-wrapper{background:#0c1821f2;border:1px solid #0ea5e933}[data-theme=ocean] .footer-logo-img{background:#0ea5e90d;box-shadow:0 8px 24px #0ea5e94d}[data-theme=ocean] .footer-logo-text{color:#e0f2fe}[data-theme=ocean] .footer-nav a{color:#bae6fd}[data-theme=ocean] .footer-nav a:after{background:#06b6d4}[data-theme=ocean] .footer-nav a:hover{color:#22d3ee}[data-theme=ocean] .credit-label{color:#7dd3fc}[data-theme=ocean] .credit-email,[data-theme=ocean] .credit-name{color:#e0f2fe}[data-theme=ocean] .credit-email:hover{color:#22d3ee}[data-theme=ocean] .divider{color:#0e7490}.team-page{background:linear-gradient(135deg,#f9fafb,#f3f4f8);min-height:100vh;overflow:hidden;position:relative}.team-main-content{padding-top:150px}.team-page:before{background-image:linear-gradient(90deg,#1e3a8a26 1px,#0000 0),linear-gradient(180deg,#1e3a8a26 1px,#0000 0);background-size:100px 100px;content:"";height:100%;left:50%;opacity:.5;pointer-events:none;position:absolute;top:0;transform:translateX(-50%) rotateX(65deg);width:200%;z-index:0}.team-hero{background:#0000;overflow:hidden;padding:160px 0 80px;position:relative}.team-hero-title{-webkit-text-fill-color:#0f172a!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#0f172a!important;font-size:56px;font-weight:800;margin-bottom:20px;position:relative;text-align:center;text-shadow:0 6px 18px #94a3b859;z-index:1}.team-hero-subtitle{color:#334155!important;font-size:20px;line-height:1.6;margin:0 auto;max-width:700px;position:relative;text-align:center;z-index:1}.team-title-block{margin-bottom:1.5rem;margin-top:0;position:relative;z-index:20}.team-section{padding:60px 0 120px;position:relative;z-index:1}.team-grid-lead{display:flex;justify-content:center;margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:1400px;padding:0 20px}.team-grid-lead .team-card{max-width:420px;width:100%}.team-grid-contributors{grid-gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.team-grid,.team-grid-contributors{display:grid;gap:40px;margin:0 auto;max-width:1400px;padding:0 20px}.team-grid{grid-gap:40px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.team-card{align-items:center;background:linear-gradient(135deg,#f8fafcf2,#fef3c7f2);border:3px solid #f59e0b;border-radius:20px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;justify-content:center;min-height:420px;overflow:hidden;padding:40px 28px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.team-card:before{background:linear-gradient(90deg,#f59e0b,#0000);border-radius:20px 20px 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.team-card:after{background:radial-gradient(circle,#f59e0b4d,#0000);border-radius:50%;content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0;z-index:0}.team-card:hover{background:linear-gradient(135deg,#1e3a8a,#f59e0b);border-color:#fbbf24;box-shadow:0 20px 50px #f59e0b66;color:#fff;transform:translateY(-12px) scale(1.02)}.team-card:hover:after{height:300px;opacity:1;width:300px}.team-card:hover:before{transform:scaleX(1)}.team-card-inner{align-items:center;display:flex;flex-direction:column;gap:20px;z-index:1}.team-card-inner,.team-image-wrapper{position:relative}.team-image-border{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,var(--card-color),#ffffff4d);border-radius:50%;box-shadow:0 8px 24px #00000026;height:140px;padding:5px;transition:all .4s ease;width:140px}.team-card:hover .team-image-border{background:linear-gradient(135deg,#fff6,#fff3);box-shadow:0 12px 32px #00000040;transform:scale(1.08)}.team-image{background:#f0f0f0;border:4px solid #fff;border-radius:50%;height:100%;object-fit:cover;width:100%}.team-info{display:flex;flex-direction:column;gap:12px;width:100%}.team-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--card-color),#1f2937);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:28px;font-weight:800;margin:0;transition:all .3s ease}.team-card:hover .team-name{-webkit-text-fill-color:#fff}.team-badge{align-items:center;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:2px solid var(--card-color);border-radius:50px;color:var(--card-color);display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:1px;margin-bottom:16px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.team-card:hover .team-badge{background:#fffffff2;border-color:#fff;color:var(--card-color);transform:scale(1.05)}.team-role{color:var(--card-color);font-size:13px;font-weight:700;letter-spacing:1.5px;margin:0;text-transform:uppercase;transition:all .3s ease}.team-card:hover .team-role{color:#fffffff2}.team-bio{color:#6b7280;font-size:15px;line-height:1.6;margin:8px 0 0;transition:all .3s ease}.team-card:hover .team-bio{color:#ffffffe6}.team-social{gap:12px;margin-top:20px}.social-link,.team-social{display:flex;justify-content:center}.social-link{align-items:center;background:linear-gradient(135deg,#fff3,#ffffff1a);border:2px solid #0000;border-radius:12px;color:var(--card-color);height:46px;text-decoration:none;transition:all .3s ease;width:46px}.social-link:hover{background:#fffffff2;border-color:var(--card-color);box-shadow:0 8px 20px #00000026;color:var(--card-color);transform:translateY(-4px)}.team-card:hover .social-link{background:#fff3;border-color:#ffffff4d;color:#fff}.team-card:hover .social-link:hover{background:#fff;border-color:#fff;color:var(--card-color)}@media (max-width:768px){.team-hero{padding:120px 0 60px}.team-hero-title{font-size:40px}.team-hero-subtitle{font-size:18px;padding:0 20px}.team-section{padding:60px 0 80px}.team-grid{gap:32px;grid-template-columns:1fr}.team-card{min-height:420px;padding:40px 28px}.team-image-border{height:140px;width:140px}.team-name{font-size:24px}}@media (max-width:480px){.team-hero-title{font-size:32px}.team-card{min-height:400px;padding:32px 24px}.team-image-border{height:120px;width:120px}.team-name{font-size:22px}.social-link{height:42px;width:42px}}[data-theme=dark] .team-page{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .team-hero-title{-webkit-text-fill-color:#0f172a!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#0f172a!important;text-shadow:0 6px 18px #94a3b859}[data-theme=dark] .team-hero-subtitle{-webkit-text-fill-color:#334155!important;color:#334155!important}[data-theme=dark] .team-card{background:linear-gradient(135deg,#1e293be6,#334155e6);border-color:#f59e0b;box-shadow:0 8px 24px #00000080}[data-theme=dark] .team-card:hover{background:linear-gradient(135deg,#1e3a8a,#f59e0b);box-shadow:0 20px 50px #f59e0b80}[data-theme=dark] .team-name{color:#e2e8f0}[data-theme=dark] .team-bio{color:#cbd5e1}[data-theme=dark] .team-badge{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border-color:#f59e0b;color:#fbbf24}[data-theme=dark] .social-link{background:linear-gradient(135deg,#334155cc,#475569cc);color:#f59e0b}[data-theme=ocean] .team-page{background:linear-gradient(135deg,#0c1821,#0e394e)}[data-theme=ocean] .team-hero-title{-webkit-text-fill-color:#0f172a!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#0f172a!important}[data-theme=ocean] .team-hero-subtitle{-webkit-text-fill-color:#334155!important;color:#334155!important}[data-theme=dark] .team-page .team-member-name,[data-theme=ocean] .team-page .team-member-name{-webkit-text-fill-color:#f8fafc!important;color:#f8fafc!important}[data-theme=dark] .team-page .team-member-role,[data-theme=ocean] .team-page .team-member-role{-webkit-text-fill-color:#fbbf24!important;color:#fbbf24!important}[data-theme=dark] .team-page .team-member-bio,[data-theme=ocean] .team-page .team-member-bio{-webkit-text-fill-color:#e2e8f0!important;color:#e2e8f0!important}[data-theme=ocean] .team-card{background:linear-gradient(135deg,#0c1821e6,#0e74904d);border-color:#0ea5e9;box-shadow:0 8px 24px #0ea5e94d}[data-theme=ocean] .team-card:hover{background:linear-gradient(135deg,#0e7490,#06b6d4);border-color:#22d3ee;box-shadow:0 20px 50px #0ea5e980}[data-theme=ocean] .team-card:hover:after{background:radial-gradient(circle,#22d3ee4d,#0000)}[data-theme=ocean] .team-name{color:#e0f2fe}[data-theme=ocean] .team-bio{color:#bae6fd}[data-theme=ocean] .team-badge{background:linear-gradient(135deg,#0ea5e933,#0ea5e91a);border-color:#0ea5e9;color:#22d3ee}[data-theme=ocean] .social-link{background:linear-gradient(135deg,#0e749099,#06b6d499);color:#22d3ee}.team-members-wrapper{margin:1.5rem auto 0;max-width:1400px;padding:0 2rem 3rem;width:100%}.team-scroll-content{background:linear-gradient(135deg,#2b313d,#2c2b41);border:1px solid #ffffff1a;border-radius:30px;box-shadow:0 20px 60px #00000080;padding:1.25rem}.team-member-row{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#111111e6;border:1px solid #ffffff26;border-radius:24px;box-shadow:0 8px 32px #0006;display:flex;gap:3rem;margin-bottom:2rem;min-height:320px;padding:2.2rem}.team-member-row.reverse{flex-direction:row-reverse}.team-member-row:last-child{margin-bottom:0}.team-member-image-container{border:3px solid #fff3;border-radius:20px;box-shadow:0 12px 40px #00000080;flex:0 0 320px;height:320px;overflow:hidden}.team-member-image{height:100%;object-fit:cover;object-position:center 20%;width:100%}.team-member-image-zoomout{object-position:center 25%;transform:scale(.89)}.team-member-details{flex:1 1;min-width:0;padding:.5rem;position:relative;text-align:left}.team-member-name{-webkit-text-fill-color:#f8fafc!important;color:#f8fafc!important;font-size:2.15rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem;text-shadow:0 2px 4px #000c}.team-member-role{-webkit-text-fill-color:#fbbf24!important;color:#fbbf24!important;font-size:1.05rem;font-weight:700;letter-spacing:1.6px;margin-bottom:1rem;text-transform:uppercase}.team-member-bio{-webkit-text-fill-color:#e2e8f0!important;color:#e2e8f0!important;font-size:1.02rem;font-weight:400;line-height:1.7;margin-bottom:0}.team-linkedin-link{background:#ffffff14!important;border:1px solid #fff3!important}.team-linkedin-link,.team-linkedin-link svg{color:#fff!important}.team-linkedin-link:hover{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.team-linkedin-link:hover svg{color:#fff!important}.gallery-wrapper{background:linear-gradient(145deg,#111827f5,#1e293bf5);border:1px solid #ffffff1f;border-radius:30px;box-shadow:0 20px 60px #00000073;margin:2rem auto;max-width:1400px;overflow:hidden;padding:2rem;position:relative;width:95%}.gallery-background{inset:0;pointer-events:none;position:absolute;z-index:0}.gallery-bg-orb{border-radius:999px;filter:blur(6px);opacity:.35;position:absolute}.gallery-bg-orb-1{background:radial-gradient(circle,#fbbf2473,#0000 70%);height:320px;left:-70px;top:-90px;width:320px}.gallery-bg-orb-2{background:radial-gradient(circle,#3b82f666,#0000 70%);height:380px;right:-90px;top:20%;width:380px}.gallery-bg-orb-3{background:radial-gradient(circle,#10b98152,#0000 70%);bottom:-120px;height:300px;left:35%;width:300px}.gallery-section-title{-webkit-text-fill-color:#fef3c7!important;background:none!important;color:#fef3c7!important;font-size:2.5rem;font-weight:800;margin:1.2rem 0 1rem;position:relative;text-align:center;text-shadow:0 6px 18px #020617a6;z-index:1}.gallery-section-subtitle{color:#bfdbfe!important;font-size:1.05rem;line-height:1.65;margin:0 auto 2.4rem;max-width:720px;position:relative;text-align:center;z-index:1}.team-gallery-marquee-wrapper{display:flex;flex-direction:column;gap:20px;padding-bottom:.5rem;position:relative;width:100%;z-index:1}.team-gallery-marquee-wrapper .marquee-content{will-change:transform}.team-gallery-card{background:#ffffff0a;border:1px solid #ffffff29;border-radius:20px;box-shadow:0 10px 24px #00000059;flex-shrink:0;height:240px;overflow:hidden;position:relative;width:360px}.team-gallery-image{display:block;height:100%;object-fit:cover;width:100%}@media (max-width:1024px){.team-main-content{padding-top:138px}.team-title-block{margin-bottom:1.15rem;margin-top:0}.team-members-wrapper{padding:0 1rem 2rem}.team-member-row{gap:2rem;padding:1.8rem}.team-member-image-container{flex:0 0 260px;height:260px}.team-member-name{font-size:2rem}.gallery-section-title{font-size:2.2rem}.team-gallery-card{height:210px;width:310px}}@media (max-width:768px){.team-main-content{padding-top:128px}.team-title-block{margin-bottom:1rem;margin-top:0}.team-members-wrapper{margin-top:1rem;padding:0 .5rem 1.5rem}.team-scroll-content{border-radius:20px;padding:.75rem}.team-member-row{gap:1.2rem;min-height:auto;padding:1.2rem;text-align:center}.team-member-row,.team-member-row.reverse{flex-direction:column}.team-member-image-container{flex:0 0 220px;height:220px;margin:0 auto;width:220px}.team-member-details{text-align:center}.team-member-details>div{flex-direction:column;gap:.65rem;margin-bottom:.9rem!important}.team-member-name{font-size:1.6rem}.team-member-role{font-size:1rem}.team-member-bio{font-size:.95rem;line-height:1.6}.gallery-wrapper{border-radius:22px;padding:1.25rem}.gallery-section-title{font-size:1.9rem;margin-top:.8rem}.gallery-section-subtitle{font-size:.95rem;margin-bottom:1.4rem}.gallery-bg-orb-1{height:220px;left:-70px;top:-70px;width:220px}.gallery-bg-orb-2{height:260px;right:-80px;top:35%;width:260px}.gallery-bg-orb-3{bottom:-100px;height:220px;left:25%;width:220px}.team-gallery-marquee-wrapper{gap:14px}.team-gallery-marquee-wrapper .marquee-content{animation-duration:44s!important}.team-gallery-marquee-wrapper .marquee-content.reverse{animation-duration:48s!important}.team-gallery-card{border-radius:16px;height:220px;width:270px}.team-gallery-image{background:#020617b3;object-fit:contain;object-position:center}}@media (max-width:480px){.team-main-content{padding-top:118px}.team-title-block{margin-bottom:.75rem;margin-top:0}.team-hero-title{font-size:2rem;line-height:1.15;margin-bottom:.75rem}.team-hero-subtitle{font-size:.98rem;line-height:1.45;padding:0 .75rem}.team-members-wrapper{padding:0 .35rem 1.25rem}.team-scroll-content{border-radius:16px;padding:.55rem}.team-member-row{border-radius:16px;gap:.95rem;padding:.95rem}.team-member-image-container{flex:0 0 170px;height:170px;width:170px}.team-member-name{font-size:1.35rem}.team-member-bio{font-size:.9rem;line-height:1.55}.gallery-section-title{font-size:1.6rem}.gallery-section-subtitle{font-size:.9rem}.team-gallery-card{border-radius:14px;height:180px;width:220px}.team-gallery-marquee-wrapper .marquee-content{animation-duration:36s!important}.team-gallery-marquee-wrapper .marquee-content.reverse{animation-duration:40s!important}}.modern-sidebar{background:linear-gradient(180deg,#1a1d2e,#16213e)!important;border-right:1px solid #ffffff0d;color:#fff!important;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s ease,transform .3s ease;width:280px;z-index:1000}.modern-sidebar.collapsed{width:70px}.modern-sidebar.mobile-hidden{transform:translateX(-100%)}.sidebar-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s ease,transform .2s ease;width:36px;z-index:10}.sidebar-close-btn:hover{background:#fff3;transform:scale(1.05)}.sidebar-profile{align-items:center;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;gap:12px;padding:20px 16px;transition:background .2s ease}.sidebar-profile:hover{background:#ffffff0d}.sidebar-profile-avatar{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:2px solid #f973164d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:44px;justify-content:center;transition:transform .2s ease;width:44px}.sidebar-profile:hover .sidebar-profile-avatar{transform:scale(1.05)}.sidebar-profile-info{flex:1 1;min-width:0;opacity:1;transition:opacity .2s ease}.collapsed .sidebar-profile-info{opacity:0;width:0}.sidebar-profile-name{color:#fff!important;font-size:18px;font-weight:700;margin:0}.sidebar-profile-name,.sidebar-profile-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-role{color:#fffc!important;font-size:14px;margin:2px 0 0}.sidebar-new-btn{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:10px;box-shadow:0 4px 12px #f973164d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin:16px;padding:12px 16px;transition:all .2s ease}.sidebar-new-btn:hover{box-shadow:0 6px 16px #f9731666;transform:translateY(-2px)}.sidebar-new-btn:active{transform:translateY(0)}.collapsed .sidebar-new-btn{padding:12px}.sidebar-new-btn-text{transition:opacity .2s ease}.collapsed .sidebar-new-btn-text{opacity:0;width:0}.sidebar-search{margin:0 16px 16px;position:relative}.sidebar-search-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:16px;padding:10px 12px 10px 36px;transition:all .2s ease;width:100%}.sidebar-search-input:focus{background:#ffffff14;border-color:#f97316;outline:none}.sidebar-search-input::placeholder{color:#fff6}.sidebar-search-icon{color:#fff6;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.collapsed .sidebar-search{display:none}.sidebar-history{flex:1 1;overflow-y:auto;padding:0 8px}.sidebar-history::-webkit-scrollbar{width:6px}.sidebar-history::-webkit-scrollbar-track{background:#0000}.sidebar-history::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sidebar-history::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-date-group{margin-bottom:16px}.sidebar-date-label{color:#ffffffb3!important;font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.sidebar-history-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin-bottom:4px;padding:10px 12px;position:relative;transition:all .2s ease}.sidebar-history-item:hover{background:#ffffff14}.sidebar-history-item.active{background:#f9731626;border-left:3px solid #f97316}.sidebar-history-item-icon{color:#ffffff80;flex-shrink:0}.sidebar-history-item-content{flex:1 1;min-width:0}.sidebar-history-item-title{color:#fff!important;font-size:14px;font-weight:500;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-history-item-meta{align-items:center;display:flex;font-size:12px;gap:8px;justify-content:flex-start}.sidebar-history-item-meta,.sidebar-history-item-meta span{color:#fff!important;opacity:1!important}.sidebar-history-item-actions{display:none;gap:4px}.sidebar-history-item:hover .sidebar-history-item-actions{display:flex}.sidebar-history-item-action{background:#0000;border:none;border-radius:4px;color:#ffffff80;cursor:pointer;padding:4px;transition:all .2s ease}.sidebar-history-item-action:hover{background:#ffffff1a;color:#fff}.sidebar-history-item-action.favorite.active{color:#fbbf24}.sidebar-settings{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:0;padding:12px 16px}.sidebar-settings-header{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffe6!important;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;margin-bottom:4px;padding:10px 12px;transition:all .2s ease;width:100%}.sidebar-settings-header:hover{background:#ffffff14;color:#fff!important}.sidebar-settings-header-left{align-items:center;display:flex;gap:12px}.sidebar-settings-header-text{color:#fff!important;font-weight:600}.sidebar-settings-header-icon{align-items:center;color:#fff9;display:flex;transition:transform .3s ease}.collapsed .sidebar-settings-header{justify-content:center;padding:12px}.collapsed .sidebar-settings-header-left{justify-content:center}.sidebar-settings-menu{display:flex;flex-direction:column;gap:4px;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease}.sidebar-settings-menu.expanded{margin-top:4px;max-height:300px;opacity:1}.collapsed .sidebar-settings-menu{margin-top:4px;max-height:none;opacity:1}.sidebar-settings-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#fffc!important;cursor:pointer;display:flex;font-size:16px;gap:12px;padding:10px 12px;position:relative;transition:all .2s ease;width:100%}.sidebar-settings-item:hover{background:#ffffff14;color:#fff!important}.collapsed .sidebar-settings-item{justify-content:center;padding:12px}.sidebar-settings-item-text{color:#fff!important;font-weight:500;opacity:1!important;transition:opacity .2s ease}.collapsed .sidebar-settings-item-text{display:none}.sidebar-settings-item.theme-toggle-item{color:#fbbf24!important}.sidebar-settings-item.theme-toggle-item:hover{background:#fbbf2426;color:#fcd34d!important}.sidebar-settings-item.logout-item{color:#ef4444e6!important}.sidebar-settings-item.logout-item:hover{background:#ef444426;color:#ef4444!important}.sidebar-settings-item svg{flex-shrink:0;transition:transform .2s ease}.sidebar-settings-item:hover svg{transform:scale(1.1)}.sidebar-toggle{align-items:center;background:#1a1d2e;border:1px solid #ffffff1a;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-12px;top:20px;transition:all .2s ease;width:24px;z-index:10}.sidebar-toggle:hover{background:#f97316;border-color:#f97316;color:#fff}.sidebar-skeleton{margin-bottom:4px;padding:10px 12px}.skeleton-line{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%);background-size:200% 100%;border-radius:4px;height:12px;margin-bottom:8px}.skeleton-line:last-child{margin-bottom:0;width:60%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.modern-sidebar{box-shadow:4px 0 30px #0006;max-width:85vw;transform:translateX(-100%);width:280px}.modern-sidebar:not(.collapsed){transform:translateX(0)}.modern-sidebar.collapsed{transform:translateX(-100%);width:280px}.sidebar-toggle{display:none}.sidebar-profile{padding:16px}.sidebar-profile-avatar{font-size:16px;height:40px;width:40px}.sidebar-new-btn{margin:12px;padding:10px 14px}.sidebar-search{margin:0 12px 12px}.sidebar-search-input{font-size:16px;padding:10px 12px 10px 36px}.sidebar-history-item{margin-bottom:6px;padding:12px 14px}.sidebar-history-item-title{color:#fff!important;font-size:18px;font-weight:700}.sidebar-history-item-meta{color:#e2e8f0!important;display:flex;font-size:13px;font-weight:500;justify-content:space-between;margin-top:4px;width:100%}.sidebar-history-item-actions{display:flex!important;gap:8px;opacity:1!important}.sidebar-history-item-action{color:#fffc;padding:6px}.sidebar-settings{padding:10px 12px}.sidebar-settings-item{font-size:16px;padding:12px 14px}}@media (max-width:400px){.modern-sidebar{max-width:100%;width:100%}}@media (min-width:769px) and (max-width:1024px){.modern-sidebar:not(.collapsed){width:260px}.sidebar-profile-name{font-size:13px}.sidebar-history-item-title{font-size:12px}}.sidebar-empty{color:#fff9!important;padding:32px 16px;text-align:center}.sidebar-empty-icon{font-size:48px;margin-bottom:12px;opacity:.3}.sidebar-empty-text{font-size:14px;margin:0}@media (max-width:768px){.sidebar-history-item-meta{color:#fff!important;display:flex!important;font-size:13px!important;gap:8px!important;justify-content:flex-start!important;margin-top:6px!important;opacity:1!important;width:100%!important}.sidebar-history-item-actions{display:flex!important;gap:12px!important;opacity:1!important}.sidebar-history-item-action{background:#ffffff1a!important;border-radius:6px!important;color:#ffffffe6!important;padding:8px!important}.sidebar-history-item-meta,.sidebar-history-item-meta *,.sidebar-history-item-meta span{color:#fff!important;opacity:1!important}}.genie-loader-container{background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#0f172a);height:100vh;left:0;overflow:hidden;position:fixed;top:0;z-index:9999}.genie-loader-container,.genie-loading-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.genie-loading-wrapper{height:100%;padding:40px;position:relative}.magical-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.magic-particle{animation:floatParticle 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.particle-1{animation-delay:0s;background:radial-gradient(circle,#fbbf2466 0,#0000 70%);height:200px;left:10%;top:10%;width:200px}.particle-2{animation-delay:1s;background:radial-gradient(circle,#8b5cf64d 0,#0000 70%);height:250px;right:10%;top:60%;width:250px}.particle-3{animation-delay:2s;background:radial-gradient(circle,#3b82f64d 0,#0000 70%);bottom:15%;height:180px;left:20%;width:180px}.particle-4{animation-delay:.5s;background:radial-gradient(circle,#ec489940 0,#0000 70%);height:150px;right:25%;top:30%;width:150px}.particle-5{animation-delay:1.5s;background:radial-gradient(circle,#22d3ee33 0,#0000 70%);height:220px;left:5%;top:50%;width:220px}@keyframes floatParticle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-40px) scale(1.1)}}.loader-content-grid{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:1fr 480px;max-height:88vh;max-width:1400px;overflow:hidden;position:relative;width:100%;z-index:10}.lamp-section{flex-direction:column;gap:20px;height:100%}.lamp-section,.lamp-svg-container{align-items:center;display:flex;justify-content:center}.lamp-svg-container{height:320px;position:relative;width:280px}.magic-smoke{bottom:40%;height:150px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:100px}.smoke-cloud{animation:smokeRise 4s ease-out infinite;background:radial-gradient(circle,#9370db66 0,#0000 70%);border-radius:50%;height:60px;opacity:0;position:absolute;width:60px}.smoke-1{animation-delay:0s;left:20%}.smoke-2{animation-delay:1.3s;left:50%}.smoke-3{animation-delay:2.6s;left:30%}@keyframes smokeRise{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.6}to{opacity:0;transform:translateY(-150px) scale(1.5)}}.lamp-glow{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#fbbf244d 0,#0000 70%);filter:blur(30px);height:250px;position:absolute;width:250px}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.loading-text-container{max-width:500px;position:relative;text-align:center}.magical-sparkles{animation:sparkleRotate 3s ease-in-out infinite;display:inline-block;font-size:48px;margin-bottom:16px}@keyframes sparkleRotate{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.loading-title-new{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffffffb3,#ffffffe6);background-clip:text;-webkit-background-clip:text;font-size:24px;font-weight:400;letter-spacing:3px;margin:0 0 8px;text-transform:uppercase}.loading-title-main{-webkit-text-fill-color:#0000;animation:shimmer 4s ease infinite;background:linear-gradient(135deg,#fbbf24,#fff 50%,#fbbf24);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;font-size:56px;font-weight:900;letter-spacing:-1px;line-height:1.1;margin:0 0 20px}@keyframes shimmer{0%,to{background-position:0}50%{background-position:100%}}.genie-loader-container .loading-subtitle{color:#ffffffd9;font-size:15px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.progress-section{display:flex;flex-direction:column;gap:24px;max-height:82vh;overflow-y:auto;padding-right:8px}.progress-section::-webkit-scrollbar{width:6px}.progress-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.progress-section::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.progress-section::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.timer-card-new{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;box-shadow:0 20px 40px #0000004d;flex-shrink:0;margin:0 auto;max-width:450px;padding:32px;width:100%}.timer-header{align-items:center;color:#ffffffb3;display:flex;gap:12px;margin-bottom:20px}.timer-header svg{height:24px;width:24px}.timer-label-new{font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.timer-display-new{color:#fff;font-family:SF Mono,Monaco,Courier New,monospace;font-size:64px;font-weight:900;letter-spacing:2px;line-height:1;text-shadow:0 0 30px #3b82f699}.timer-unit{color:#fff9;font-size:32px;margin-left:4px}.timer-message{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;box-shadow:0 4px 16px #fbbf2466;color:#78350f;display:inline-block;font-size:13px;font-weight:800;letter-spacing:.5px;margin-top:16px;padding:10px 20px;text-transform:uppercase}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.agents-grid-single{align-items:center;display:flex;justify-content:center;margin-top:24px;min-height:220px;width:100%}.agent-card-large{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;max-width:450px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease;width:100%}.agent-card-large.active{box-shadow:0 20px 60px #8b5cf666}.agent-card-large .agent-card-header{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.agent-icon-large{align-items:center;background:#fff3;border-radius:20px;color:#ffffffe6;display:flex;height:80px;justify-content:center;width:80px}.agent-card-large .agent-card-body{margin-bottom:24px;text-align:center}.agent-name-large{color:#ffffffe6;font-size:24px;font-weight:700;line-height:1.2;margin-bottom:8px}.agent-task-large{color:#ffffffb3;font-size:16px;line-height:1.4}.agent-progress-bar-large{background:#0000004d;border-radius:20px;box-shadow:inset 0 2px 8px #0000004d;height:12px;overflow:hidden;width:100%}.agent-progress-fill-golden{animation:shimmerGold 2s linear infinite,sparkle 1s ease-in-out infinite;background:linear-gradient(90deg,#f59e0b,#fbbf24 25%,#fde047 50%,#fbbf24 75%,#f59e0b);background-size:200% 100%;border-radius:20px;box-shadow:0 0 20px #fbbf24cc,0 0 40px #fbbf2466,inset 0 2px 4px #ffffff80;height:100%;overflow:hidden;position:relative}.agent-progress-fill-golden:before{animation:shine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmerGold{0%{background-position:0 0}to{background-position:200% 0}}@keyframes shine{0%{left:-100%}50%,to{left:200%}}@keyframes sparkle{0%,to{filter:brightness(1) contrast(1)}50%{filter:brightness(1.3) contrast(1.1)}}.pulsing-icon{animation:iconPulse 1.5s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.completion-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#22c55e26;border:1px solid #22c55e4d;border-radius:24px;box-shadow:0 20px 40px #22c55e33;display:flex;gap:24px;padding:32px}.completion-card svg{color:#22c55e;flex-shrink:0}.completion-text{flex:1 1}.completion-title{color:#fff;font-size:24px;font-weight:900;margin-bottom:6px}.completion-time{color:#fffc;font-size:14px;font-weight:600}@media (max-width:1024px){.genie-loading-wrapper{padding:24px}.loader-content-grid{gap:40px;grid-template-columns:1fr}.lamp-section{gap:16px}.progress-section{max-height:70vh;max-width:100%;padding:0 16px;width:100%}}@media (max-width:768px){.genie-loading-wrapper{padding:16px}.loader-content-grid{align-content:center;gap:32px;min-height:100vh;padding:20px 0}.lamp-section{gap:12px}.lamp-svg-container{height:180px;width:160px}.lamp-glow{height:180px;width:180px}.loading-text-container{max-width:100%;padding:0 8px}.loading-title-new{font-size:14px;letter-spacing:2px}.loading-title-main{font-size:32px;letter-spacing:0;margin-bottom:12px}.loading-subtitle{font-size:11px;letter-spacing:.5px}.progress-section{gap:16px;max-height:60vh;padding:0}.timer-card-new{border-radius:20px;padding:20px 24px;text-align:center}.timer-header{gap:8px;justify-content:center;margin-bottom:12px}.timer-header svg{height:16px;width:16px}.timer-label-new{font-size:11px;letter-spacing:.5px}.timer-display-new{font-size:48px;letter-spacing:1px}.timer-unit{font-size:24px}.timer-message{border-radius:10px;font-size:11px;margin-top:10px;padding:8px 16px}.agents-grid-single{margin-top:20px;min-height:180px}.agent-card-large{border-radius:16px;padding:24px}.agent-icon-large{border-radius:16px;height:60px;width:60px}.agent-icon-large svg{height:28px;width:28px}.agent-name-large{font-size:20px}.agent-task-large{font-size:14px}.agent-progress-bar-large{height:5px}.particle-1,.particle-2,.particle-3,.particle-4,.particle-5{filter:blur(50px);opacity:.2}.particle-1{height:120px;width:120px}.particle-2{height:150px;width:150px}.particle-3{height:100px;width:100px}.particle-4{height:80px;width:80px}.particle-5{height:130px;width:130px}.magic-smoke{bottom:45%;height:80px;width:60px}.smoke-cloud{height:30px;width:30px}}@media (max-width:400px){.genie-loading-wrapper{padding:12px}.loader-content-grid{gap:24px}.lamp-svg-container{height:150px;width:130px}.lamp-glow{height:140px;width:140px}.loading-title-new{font-size:12px}.loading-title-main{font-size:26px}.loading-subtitle{font-size:10px}.timer-card-new{border-radius:20px;padding:24px}.timer-display-new{font-size:52px}.timer-unit{font-size:26px}.agents-grid-single{margin-top:16px;min-height:160px}.agent-card-large{padding:20px}.agent-icon-large{height:50px;width:50px}.agent-icon-large svg{height:24px;width:24px}.agent-name-large{font-size:18px}.agent-task-large{font-size:12px}.agent-progress-bar-large{height:4px}}.lesson-view-container{background:#fafafa;box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:100vh;padding:16px 20px;width:100%}.lesson-top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.lesson-back-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:30px;box-shadow:0 2px 8px #0000000a;color:#6b7280;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.lesson-back-btn:hover{border-color:#3b82f6;box-shadow:0 4px 16px #00000014;color:#3b82f6;transform:translateY(-2px)}@media (max-width:992px){.sidebar-count{display:none!important}}.lesson-header{animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,#0f172a,#1e3a8a 40%,#3b82f6 80%,#f59e0b);border-radius:24px;box-shadow:0 20px 40px -12px #0003;margin-bottom:24px;overflow:hidden;padding:48px 40px;position:relative}.lesson-header .generation-time-card-styled{position:absolute;right:24px;top:24px;z-index:10}.lesson-header:before{animation:gridMove 20s linear infinite;background-image:linear-gradient(90deg,#ffffff1a 1px,#0000 0),linear-gradient(180deg,#ffffff1a 1px,#0000 0);background-size:80px 80px;height:200%;left:50%;opacity:.4;top:-20%;transform:translate(-50%) rotateX(60deg);width:200%}.lesson-header:after,.lesson-header:before{content:"";pointer-events:none;position:absolute}.lesson-header:after{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#f59e0b33 0,#0000 70%);border-radius:50%;filter:blur(80px);height:600px;right:-10%;top:-30%;width:600px}.lesson-badge{align-items:center;animation:fadeInDown .6s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffff2;border:1.5px solid #fff;border-radius:30px;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #fff;color:#1e293b;display:inline-flex;font-size:13px;font-weight:700;gap:6px;margin-bottom:16px;padding:8px 16px;position:relative;z-index:2}.lesson-title{animation:fadeInUp .8s ease-out .2s backwards;color:#000!important;font-size:48px!important;font-weight:800;letter-spacing:-1px;line-height:1.15;margin:0 0 20px!important;max-width:1200px;position:relative;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff;z-index:2}.generation-time-card-styled{align-items:center;background:#fff;border:2px solid #000;border-radius:16px;box-shadow:0 4px 12px #0000001a;color:#000;cursor:default;display:flex;gap:16px;justify-content:center;padding:5px 24px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.time-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#2563eb;font-size:15px;font-weight:700}.generation-time-card-styled:hover .time-text-content,.generation-time-card-styled:hover .time-text-content strong{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#d97706);-webkit-background-clip:text;background-clip:text;color:#0000}.lesson-meta{animation:fadeInUp .8s ease-out .4s backwards;display:flex;flex-wrap:wrap;gap:16px;position:relative;z-index:2}.meta-item{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffff2;border:1.5px solid #fff;border-radius:16px;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #fff;color:#1e293b;display:flex;font-size:15px;font-weight:700;gap:12px;padding:14px 24px;transition:all .3s ease}.meta-item:hover{background:#fff;border-color:#fff;box-shadow:0 8px 24px #00000040,inset 0 1px 0 #fff;transform:translateY(-3px)}.meta-item svg{color:#3b82f6;height:20px;opacity:.8;width:20px}.meta-value{font-weight:600}.lesson-content-grid{grid-gap:32px;align-items:flex-start;display:grid;gap:32px;grid-template-columns:280px 1fr;margin:0 auto;max-width:1600px}.lesson-sidebar{animation:fadeInLeft .6s ease-out;position:-webkit-sticky;position:sticky;top:32px}.sidebar-nav{background:linear-gradient(135deg,#1e3a8a,#1e40af);border:3px solid #fff3;border-radius:20px;box-shadow:0 12px 32px #1e3a8a66,0 4px 8px #0000001a,inset 0 2px 0 #ffffff1a;display:flex;flex-wrap:wrap;gap:10px;overflow:hidden;padding:14px;position:relative;transition:all .3s ease}.sidebar-nav:before{background:linear-gradient(135deg,#60a5fa,#f59e0b,#ec4899,#60a5fa);border-radius:20px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:3px;pointer-events:none;position:absolute;transition:opacity .3s ease}.sidebar-nav:hover{box-shadow:0 16px 40px #1e3a8a80,0 0 40px #3b82f633;transform:translateY(-2px)}.sidebar-nav:hover:before{animation:rotateBorder 3s linear infinite;opacity:.6}@keyframes rotateBorder{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.sidebar-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:2.5px solid #ffffff40;border-radius:14px;box-shadow:0 2px 4px #0000001a,inset 0 1px 0 #ffffff26;color:#fbbf24;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:700;gap:12px;justify-content:flex-start;letter-spacing:1px;line-height:1.4;min-width:-webkit-fit-content;min-width:fit-content;overflow:hidden;padding:16px 20px;position:relative;text-align:left;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.sidebar-item:after{background:linear-gradient(135deg,#60a5facc,#f59e0bcc);border-radius:14px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2.5px;pointer-events:none;position:absolute;transition:opacity .3s ease}.sidebar-item:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.sidebar-item:hover:before{left:100%}.sidebar-item:hover{background:linear-gradient(135deg,#ffffff47,#ffffff2e);border-color:#ffffff73;box-shadow:0 4px 8px #00000026,inset 0 1px 0 #fff3;color:#f59e0b;transform:translateY(-3px) scale(1.02)}.sidebar-item:hover:after{opacity:1}.sidebar-item.active{background:linear-gradient(135deg,#fbbf24,#f59e0b 50%,#ea580c);border:2.5px solid #fff9;box-shadow:none;color:#1e3a8a;font-weight:800;letter-spacing:1.3px;position:relative;text-shadow:0 1px 2px #ffffff80;transform:translateY(0) scale(1);z-index:2}.sidebar-item.active:after{opacity:0}.sidebar-item.active:after,.sidebar-item.active:before{display:none}.sidebar-item svg{stroke:currentColor;color:inherit;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));flex-shrink:0;height:22px;transition:transform .3s ease;width:22px}.sidebar-item:not(.active) svg{stroke:#fbbf24;color:#fbbf24}.sidebar-item:hover svg{transform:scale(1.15) rotate(5deg)}.sidebar-item.active svg{stroke:#1e3a8a;color:#1e3a8a;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));transform:scale(1.1)}.sidebar-item span{color:inherit}.sidebar-item:not(.active) span{color:#fbbf24}.sidebar-item.active span{color:#1e3a8a}.sidebar-count{align-items:center;background:linear-gradient(135deg,#fff,#f3f4f6);border:2px solid #1e3a8a33;border-radius:20px;box-shadow:0 1px 3px #0000001a,inset 0 1px 0 #fffc;color:#000!important;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;margin-left:auto;min-width:32px;padding:0 10px;transition:all .3s ease}.sidebar-item:hover .sidebar-count{background:linear-gradient(135deg,#fff,#dbeafe);border-color:#3b82f666;box-shadow:0 2px 4px #0000001f,inset 0 1px 0 #fff;color:#000!important;transform:scale(1.15)}.sidebar-item.active .sidebar-count{background:linear-gradient(135deg,#fff,#fff7ed);border-color:#ea580c4d;box-shadow:0 2px 6px #0000001f,inset 0 1px 0 #fff;color:#000!important;font-weight:800;transform:scale(1.08)}.sidebar-item{animation:fadeInScale .5s ease-out backwards}.sidebar-item.active{animation:pulseGlow 2s ease-in-out infinite}@keyframes fadeInScale{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGlowExpanded{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}@keyframes pulseGlow{0%,to{box-shadow:0 6px 20px #f59e0b99,0 0 30px #f59e0b4d,inset 0 1px 0 #ffffff4d}50%{box-shadow:0 8px 24px #f59e0bcc,0 0 40px #f59e0b80,inset 0 1px 0 #fff6}}.lesson-main-panel{animation:fadeInUp .6s ease-out .2s backwards;background:#fff;border:1px solid #e5e7eb;border-radius:28px;box-shadow:0 8px 24px #0000000f;overflow:hidden}.panel-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0e7ff);border-bottom:2px solid #e5e7eb;display:flex;gap:20px;padding:40px 48px;position:relative}.panel-header:after{background:linear-gradient(90deg,#0000,#3b82f6,#0000);bottom:-2px;content:"";height:2px;left:48px;opacity:.3;position:absolute;right:48px}.panel-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;box-shadow:0 8px 20px #3b82f64d;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.panel-icon svg{height:28px;width:28px}.panel-title{color:#0f172a;font-size:32px!important;font-weight:800;letter-spacing:-.5px;margin:0!important}.panel-subtitle{color:#6b7280;font-size:16px;font-weight:500;margin:6px 0 0}.panel-content{animation:fadeIn .4s ease-out;padding:48px}.objectives-list{grid-gap:16px;display:grid;gap:16px}.objective-item{align-items:flex-start;animation:fadeInUp .5s ease-out backwards;background:linear-gradient(135deg,#10b9810d,#fff);border:2px solid #d1fae5;border-radius:20px;display:flex;gap:20px;padding:24px 28px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.objective-item:first-child{animation-delay:.05s}.objective-item:nth-child(2){animation-delay:.1s}.objective-item:nth-child(3){animation-delay:.15s}.objective-item:nth-child(4){animation-delay:.2s}.objective-item:nth-child(5){animation-delay:.25s}.objective-item:hover{background:linear-gradient(135deg,#d1fae5,#fff 70%);border-color:#10b981;box-shadow:0 12px 32px #10b98140;transform:translateY(-4px)}.objective-number{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 6px 16px #10b98159;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:800;height:44px;justify-content:center;transition:transform .3s ease;width:44px}.objective-item:hover .objective-number{transform:scale(1.15) rotate(5deg)}.bloom-badge{border:2px solid;border-radius:8px;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.objective-item:hover .bloom-badge{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.objective-text{color:#1f2937;font-size:16px;font-weight:500;line-height:1.7}.content-sections-list{display:flex;flex-direction:column;gap:20px}.content-section-card{background:#fff;border:2px solid #e5e7eb;border-radius:20px;overflow:hidden;transition:all .3s ease}.content-section-card.expanded{border-color:#3b82f6;box-shadow:0 12px 32px #3b82f633}.content-section-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:24px 28px;transition:background .2s ease;width:100%}.content-section-header:hover{background:#3b82f605}.content-section-left{align-items:center;display:flex;gap:20px}.section-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:14px;box-shadow:0 6px 20px #3b82f64d;color:#fff;display:flex;font-size:20px;font-weight:800;height:52px;justify-content:center;width:52px}.section-title{color:#0f172a;font-size:19px}.section-chevron{color:#9ca3af;height:28px;transition:transform .3s ease;width:28px}.content-section-card.expanded .section-chevron{color:#3b82f6;transform:rotate(180deg)}.content-section-body{animation:fadeInUp .4s ease-out;display:none;padding:0 28px 28px}.content-section-card.expanded .content-section-body{display:block}.subsection-tabs{border-bottom:2px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px}.subsection-tab{align-items:center;background:#f3f4f6;border:2px solid #0000;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 20px;transition:all .25s ease}.subsection-tab:hover{background:#e5e7eb;color:#374151}.subsection-tab.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 16px #8b5cf64d;color:#fff}.subsection-tab svg{height:18px;width:18px}.subsection-content{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e5e7eb;border-radius:16px;padding:20px}.subsection-text{color:#374151;font-size:16px;line-height:1.8}.subsection-text p{margin:0 0 16px}.subsection-text p:last-child{margin-bottom:0}.subsection-text strong{color:#3b82f6;font-weight:700}.takeaways-list{grid-gap:16px;display:grid;gap:16px}.takeaway-card{align-items:flex-start;animation:fadeInUp .5s ease-out backwards;background:linear-gradient(135deg,#dbeafe,#fffffff2);border:2px solid #bfdbfe;border-radius:20px;display:flex;gap:20px;padding:24px 28px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.takeaway-card:first-child{animation-delay:.05s}.takeaway-card:nth-child(2){animation-delay:.1s}.takeaway-card:nth-child(3){animation-delay:.15s}.takeaway-card:nth-child(4){animation-delay:.2s}.takeaway-card:hover{border-color:#3b82f6;box-shadow:0 12px 32px #3b82f640;transform:translateY(-4px)}.takeaway-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:14px;box-shadow:0 8px 20px #3b82f659;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.takeaway-icon svg{height:24px;width:24px}.takeaway-text{color:#1f2937;flex:1 1;font-size:16px;font-weight:500;line-height:1.7}.quiz-header{background:linear-gradient(135deg,#fbbf241a,#fff);border:2px solid #fef3c7;border-radius:20px;flex-wrap:wrap;gap:32px;margin-bottom:32px;padding:28px 32px}.quiz-header,.quiz-stat{align-items:center;display:flex}.quiz-stat{color:#78350f;font-size:16px;font-weight:700;gap:14px}.quiz-stat svg{color:#f59e0b;height:24px;width:24px}.quiz-instructions{align-items:center;background:linear-gradient(135deg,#dbeafe,#fff);border:2px solid #bfdbfe;border-left:4px solid #3b82f6;border-radius:16px;color:#1e40af;display:flex;font-size:15px;font-weight:600;gap:16px;margin-bottom:32px;padding:20px 28px}.quiz-instructions svg{color:#3b82f6;flex-shrink:0;height:24px;width:24px}.quiz-list{display:flex;flex-direction:column;gap:24px}.quiz-card{background:#fff;border:2px solid #e5e7eb;border-radius:20px;overflow:hidden;transition:all .3s ease}.quiz-card:hover{box-shadow:0 12px 32px #0000001a}.quiz-card-header{align-items:center;background:linear-gradient(135deg,#fef3c7,#fff);border-bottom:2px solid #fde68a;display:flex;gap:16px;padding:24px 28px}.quiz-result-badge{align-items:center;border-radius:30px;display:flex;font-size:14px;font-weight:700;gap:6px;margin-left:auto;padding:8px 18px}.quiz-result-badge.correct{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;color:#065f46}.quiz-result-badge.incorrect{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;color:#991b1b}.quiz-number{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 6px 20px #f59e0b66;color:#fff;display:flex;font-size:20px;font-weight:800;height:48px;justify-content:center;width:48px}.quiz-label{color:#78350f;font-size:15px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.quiz-card-body{padding:32px 28px}.quiz-scenario{align-items:flex-start;background:linear-gradient(135deg,#dbeafe,#fff);border-left:4px solid #3b82f6;border-radius:12px;color:#1e3a8a;display:flex;font-size:15px;line-height:1.8;margin-bottom:24px;padding:20px 24px}.quiz-scenario,.quiz-scenario span{font-style:italic;font-weight:700!important}.quiz-question-text{color:#0f172a;font-size:18px;font-weight:700;line-height:1.6;margin-bottom:24px}.quiz-options{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.quiz-option{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;color:#374151;cursor:pointer;display:flex;font-size:16px;gap:16px;padding:18px 22px;transition:all .25s ease}.quiz-option:hover{background:#f3f4f6;transform:translateX(6px)}.quiz-option.selected{background:linear-gradient(135deg,#dbeafe,#fff);border-color:#3b82f6;color:#1e40af;font-weight:600}.quiz-option.correct{animation:scalePop .5s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#d1fae5,#ffffffe6);border-color:#10b981;color:#065f46;font-weight:700}.quiz-option.wrong{animation:shake .4s ease-in-out;background:linear-gradient(135deg,#fee2e2,#ffffffe6);border-color:#ef4444;color:#991b1b;font-weight:600}.quiz-option-key{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;font-weight:800;height:40px;justify-content:center;transition:all .25s ease;width:40px}.quiz-option.selected .quiz-option-key{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 12px #3b82f64d;color:#fff}.quiz-option.correct .quiz-option-key{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 6px 20px #10b98166;color:#fff;transform:scale(1.15)}.quiz-option.wrong .quiz-option-key{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;box-shadow:0 4px 12px #ef444466;color:#fff}.quiz-explanation{background:linear-gradient(135deg,#fef3c7,#ffffffe6);border-left:4px solid #f59e0b;border-radius:12px;color:#78350f;display:flex;font-size:15px;gap:16px;line-height:1.8;padding:22px 24px}.quiz-explanation svg{color:#f59e0b;flex-shrink:0;height:24px;margin-top:2px;width:24px}.quiz-actions{border-top:2px solid #e5e7eb;display:flex;justify-content:center;margin-top:40px;padding-top:32px}.btn-reset-quiz,.btn-submit-quiz{align-items:center;border:none;border-radius:16px;box-shadow:0 8px 20px #0000001a;cursor:pointer;display:flex;font-size:17px;font-weight:700;gap:12px;padding:18px 40px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.btn-submit-quiz{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-submit-quiz:hover:not(:disabled){box-shadow:0 12px 28px #10b98159;transform:translateY(-3px)}.btn-submit-quiz:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-reset-quiz{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.btn-reset-quiz:hover{box-shadow:0 12px 28px #6b728059;transform:translateY(-3px)}.resources-grid{grid-gap:16px;display:grid;gap:16px}.resource-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e5e7eb;border-radius:16px;box-sizing:border-box;display:flex;gap:18px;max-width:100%;overflow:hidden;padding:22px 26px;text-decoration:none;transition:all .3s ease}.resource-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f633;transform:translateY(-3px)}.resource-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.resource-info{flex:1 1;min-width:0}.resource-title{color:#0f172a;font-size:16px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-domain{color:#6b7280;font-size:14px;font-weight:500}.resource-external{color:#9ca3af;flex-shrink:0;height:20px;width:20px}.downloads-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.download-card{align-items:center;background:linear-gradient(135deg,#f0f9ff,#fff);border:3px dashed #bfdbfe;border-radius:24px;cursor:pointer;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:48px 32px;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1)}.download-card:hover{background:linear-gradient(135deg,#dbeafe,#fff);border-color:#3b82f6;box-shadow:0 16px 40px #3b82f640;transform:translateY(-6px) scale(1.02)}.download-card svg{color:#3b82f6;height:56px;transition:transform .3s ease;width:56px}.download-card:hover svg{transform:scale(1.15) rotate(5deg)}.download-label{color:#0f172a;font-size:20px;font-weight:800}.download-format{color:#6b7280;font-size:14px;font-weight:600}.download-card.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.disclaimer-section{background:linear-gradient(135deg,#fef3c7,#fff);border:2px solid #fde68a;border-radius:24px;display:flex;gap:20px;margin-left:auto;margin-right:auto;margin-top:48px;max-width:1600px;padding:28px 32px}.disclaimer-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:14px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.disclaimer-content{flex:1 1}.disclaimer-text{color:#78350f;font-size:15px;line-height:1.8;margin:0 0 16px}.disclaimer-text strong{color:#92400e;font-weight:800}.disclaimer-checkbox{align-items:center;color:#78350f;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px}.disclaimer-checkbox input[type=checkbox]{accent-color:#f59e0b;cursor:pointer;height:22px;width:22px}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes gridMove{0%{background-position:0 0}to{background-position:80px 80px}}@keyframes scalePop{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}@media (max-width:1400px){.lesson-container{padding:24px}.lesson-content-grid{gap:24px}}@media (max-width:1200px){.lesson-title{font-size:56px!important}.lesson-content-grid{grid-template-columns:240px 1fr}.lesson-container{padding:20px}.panel-content,.panel-header{padding:24px 20px}}@media (max-width:992px){.lesson-view-container{overflow-x:hidden;padding:24px 16px}.lesson-header{border-radius:24px;margin-bottom:32px;padding:48px 32px}.lesson-title{font-size:42px!important}.lesson-content-grid{gap:24px;grid-template-columns:1fr}.lesson-sidebar{order:-1;position:static}.sidebar-nav{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));overflow:visible;padding:12px}.sidebar-item{flex-direction:column;gap:4px;justify-content:center;padding:12px 8px;text-align:center}.sidebar-item,.sidebar-item span{font-size:11px}.sidebar-count{font-size:10px;padding:2px 6px;position:absolute;right:4px;top:4px}.lesson-container{padding:16px}.content-cards{gap:16px}}@media (max-width:768px){.lesson-view-container{overflow-x:hidden;padding:16px 12px}.lesson-header{border-radius:20px;margin-bottom:24px;min-height:auto;padding:32px 20px}.lesson-header .generation-time-card-styled{margin-bottom:16px;margin-top:0;position:static}.lesson-header:after,.lesson-header:before{display:none}.lesson-title{font-size:28px!important;letter-spacing:-.5px;line-height:1.2}.lesson-badge{background:#ffffff59;border:1.5px solid #ffffff80;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff4d;font-size:12px;margin-bottom:16px;padding:8px 14px}.lesson-meta{flex-direction:row;flex-wrap:wrap;gap:8px}.meta-item{background:#ffffff4d;border:1.5px solid #fff6;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff4d;flex:1 1 auto;font-size:12px;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 14px}.meta-item svg{height:16px;width:16px}.sidebar-nav{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);overflow:visible;padding:10px}.sidebar-item{border-radius:12px;flex-direction:column;font-size:10px;gap:4px;padding:10px 6px;position:relative;text-align:center}.sidebar-item svg{height:18px;width:18px}.sidebar-item span{font-size:10px;line-height:1.2}.sidebar-count{font-size:9px;min-width:16px;padding:1px 4px;position:absolute;right:2px;top:2px}.lesson-main-panel{border-radius:20px}.panel-header{align-items:center;flex-direction:row;gap:12px;padding:16px}.panel-icon{height:40px;width:40px}.panel-title{font-size:18px}.panel-subtitle{font-size:12px}.panel-content{padding:16px}.objective-item{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.objective-number{font-size:12px;height:28px;width:28px}.objective-text{font-size:14px}.bloom-badge{font-size:9px;padding:4px 8px}.content-section-card{border-radius:16px}.content-section-header{padding:14px}.section-number{font-size:12px;height:28px;width:28px}.section-title{font-size:14px}.content-section-body{padding:14px}.subsection-tabs{flex-wrap:wrap;gap:6px}.subsection-tab{border-radius:20px;font-size:12px;padding:8px 14px}.subsection-tab svg{display:none}.takeaway-card{padding:12px}.takeaway-text{font-size:14px}.resources-grid{gap:10px;grid-template-columns:1fr}.resource-card{gap:12px;padding:12px}.resource-icon{border-radius:8px;height:36px;width:36px}.resource-icon svg{height:18px;width:18px}.resource-info{overflow:hidden}.resource-title{display:block;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-domain{font-size:12px}.resource-external{flex-shrink:0;height:16px;width:16px}.resource-title{font-size:14px}.quiz-header{align-items:flex-start;flex-direction:column;gap:10px}.quiz-stat{font-size:13px}.quiz-card{border-radius:16px}.quiz-card-header{flex-wrap:wrap;gap:8px;padding:12px}.quiz-card-body{padding:12px}.quiz-question-text{font-size:14px}.quiz-option{font-size:13px;padding:12px}.quiz-option-key{font-size:12px;height:28px;width:28px}.downloads-grid{gap:12px;grid-template-columns:1fr}.download-card{padding:20px}.disclaimer-section{flex-direction:column;gap:12px;padding:16px}.disclaimer-text{font-size:13px}.lesson-back-btn{font-size:13px;padding:10px 18px}.lesson-top-bar{align-items:flex-start;flex-direction:column;gap:12px}.generation-time-card-styled{padding:12px 16px;width:100%}}@media (max-width:580px){.lesson-view-container{padding:12px 10px}.lesson-header{border-radius:16px;margin-bottom:20px;padding:24px 16px}.lesson-title{font-size:24px!important;letter-spacing:-.3px}.lesson-badge{background:#ffffff59;border:1.5px solid #ffffff80;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff4d;font-size:11px;margin-bottom:12px;padding:6px 12px}.lesson-meta{gap:6px}.meta-item{background:#ffffff4d;border:1.5px solid #fff6;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff4d;font-size:11px;gap:6px;padding:8px 12px}.meta-item svg{height:14px;width:14px}.sidebar-nav{gap:6px;grid-template-columns:repeat(3,1fr);padding:8px}.sidebar-item{border-radius:10px;font-size:9px;padding:8px 4px}.sidebar-item svg{height:16px;width:16px}.sidebar-item span{font-size:9px}.sidebar-count{font-size:8px;padding:1px 3px}.panel-header{gap:10px;padding:14px}.panel-icon{height:36px;width:36px}.panel-title{font-size:16px}.panel-subtitle{font-size:11px}.panel-content{padding:14px}.objective-item{padding:10px}.objective-text,.section-title{font-size:13px}.subsection-tab{font-size:10px;gap:0;padding:6px 10px}.subsection-tab svg{display:none}.resource-card{gap:10px;padding:10px}.resource-icon{border-radius:6px;height:32px;width:32px}.resource-title{font-size:12px}.resource-domain{font-size:11px}.resource-external{height:14px;width:14px}.quiz-option{font-size:12px;padding:10px}.quiz-option-key{font-size:11px;height:24px;width:24px}.btn-reset-quiz,.btn-submit-quiz{font-size:14px;padding:12px 20px}.download-card{padding:16px}.download-card svg{height:24px;width:24px}.download-label{font-size:14px}.download-format{font-size:11px}}.visuals-container{display:flex;flex-direction:column;gap:32px}.visuals-section{display:flex;flex-direction:column;gap:16px}.visuals-section-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#1f2937;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0;padding-bottom:8px}.visuals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:8px 0}.visual-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.visual-card.ai-generated{border-color:#c4b5fd}.visual-card.ai-generated:hover{border-color:#8b5cf6;box-shadow:0 4px 16px #8b5cf626;transform:translateY(-2px)}.visual-card.web-sourced:hover{border-color:#93c5fd;box-shadow:0 4px 16px #3b82f61f;transform:translateY(-2px)}.visual-image-container{background:#f3f4f6;height:200px;overflow:hidden;position:relative;width:100%}.visual-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;font-size:11px;font-weight:600;left:10px;letter-spacing:.3px;padding:4px 10px;position:absolute;top:10px;z-index:2}.visual-badge.badge-ai{background:#8b5cf6d9;box-shadow:0 2px 8px #8b5cf64d;color:#fff}.visual-badge.badge-web{background:#3b82f6cc;box-shadow:0 2px 8px #3b82f640;color:#fff}.visual-image{background:#f3f4f6;display:block;height:100%;object-fit:contain;width:100%}.visual-image-fallback{align-items:center;background:#f9fafb;color:#9ca3af;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;width:100%}.visual-image-fallback span{font-size:12px}.visual-info{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:14px 16px}.visual-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden}.visual-host{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.visual-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;margin-top:auto;padding-top:10px}.visual-btn{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:6px 12px;text-decoration:none;transition:all .15s ease}.visual-btn.view-btn{background:#eff6ff;color:#2563eb}.visual-btn.view-btn:hover{background:#dbeafe}.visual-btn.source-btn{background:#f3f4f6;color:#4b5563}.visual-btn.source-btn:hover{background:#e5e7eb}@media (max-width:600px){.visuals-grid{grid-template-columns:1fr}.visual-image-container{height:180px}}.empty-visuals-message{flex-direction:column;min-height:300px;padding:48px 24px;text-align:center}.empty-visuals-icon,.empty-visuals-message{align-items:center;display:flex;justify-content:center}.empty-visuals-icon{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:50%;color:#0277bd;height:80px;margin-bottom:20px;width:80px}.empty-visuals-message h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 12px}.empty-visuals-message p{color:#6b7280;font-size:14px;line-height:1.6;margin:0;max-width:420px}@media (max-width:400px){.lesson-view-container{padding:10px 8px}.lesson-header{border-radius:14px;padding:20px 12px}.lesson-title{font-size:20px!important}.lesson-badge{background:#ffffff59;border:1.5px solid #ffffff80;padding:5px 10px}.lesson-badge,.meta-item{box-shadow:0 3px 10px #00000026,inset 0 1px 0 #ffffff4d;font-size:10px}.meta-item{background:#ffffff4d;border:1.5px solid #fff6;padding:6px 10px}.sidebar-nav{gap:4px;grid-template-columns:repeat(3,1fr);padding:6px}.sidebar-item{border-radius:8px;font-size:8px;padding:6px 2px}.sidebar-item svg{height:14px;width:14px}.panel-content,.panel-header{padding:12px}.panel-title{font-size:15px}.panel-icon{height:32px;width:32px}.objective-item{padding:8px}.objective-number{font-size:11px;height:24px;width:24px}.objective-text{font-size:12px}.content-section-header{padding:12px}.section-number{font-size:11px;height:24px;width:24px}.section-title{font-size:12px}.subsection-tab{font-size:9px;padding:5px 8px}.resource-card{gap:8px;padding:8px}.resource-icon{border-radius:6px;height:28px;width:28px}.resource-title{font-size:11px}.resource-domain{font-size:10px}.quiz-option{font-size:11px;padding:8px}.quiz-option-key{font-size:10px;height:22px;width:22px}.download-card{padding:14px}.lesson-back-btn{font-size:12px;padding:8px 14px}.generation-time-card-styled{gap:12px;padding:10px 14px}.time-text-content{font-size:13px}.time-highlight{font-size:14px}}@media (hover:none) and (pointer:coarse){.activity-card,.download-item,.quiz-option,.resource-card,.sidebar-item{align-items:center;display:flex;min-height:44px}.btn-download{min-height:44px}}.first-5-minutes-container{padding:1rem 0}.first-5-min-intro{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.25rem}.first-5-min-intro p{color:#1e40af;font-size:15px;font-weight:500;line-height:1.6;margin:0}.first-5-min-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.first-5-min-card{border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.first-5-min-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.first-5-min-header{align-items:center;border-bottom:2px solid #ffffff4d;display:flex;gap:10px;margin-bottom:1rem;padding-bottom:.75rem}.first-5-min-header h3{font-size:18px;font-weight:700;letter-spacing:.3px;margin:0}.first-5-min-header svg{flex-shrink:0}.first-5-min-content{font-size:15px;font-weight:400;line-height:1.7;margin:0}.hook-card{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937}.hook-card h3{color:#78350f}.hook-card .first-5-min-content{color:#1f2937}.analogy-card{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.analogy-card h3{color:#f3e8ff}.analogy-card .first-5-min-content{color:#fff}.motivation-card{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.motivation-card h3{color:#d1fae5}.motivation-card .first-5-min-content{color:#fff}@media (min-width:768px){.first-5-min-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.copilot-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1600px;min-height:100vh;padding:3vh 20px 16px;position:relative;width:95%}.patent-info{color:#94a3b8;font-size:10px;font-weight:500;margin-top:auto;padding-bottom:12px;padding-top:16px;text-align:center;width:100%}.stats-header{animation:fadeInDown .8s ease-out;display:flex;gap:16px;margin-bottom:24px}.stat-pill{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 2px 6px #00000008;color:#6b7280;display:flex;font-size:13px;font-weight:600;gap:8px;padding:6px 16px}.greeting-section{animation:fadeInDown .8s ease-out;margin-bottom:52px;text-align:center;width:100%}.mascot-image{animation:float 6s ease-in-out infinite;height:auto;margin-bottom:20px;width:120px}.tooltip-wrapper:hover .tooltip-content{opacity:1!important;visibility:visible!important}.tooltip-wrapper .tooltip-content{background:#f1f5f9!important;border:1px solid #cbd5e1!important;border-radius:12px!important;bottom:calc(100% + 12px)!important;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f!important;color:#334155!important;font-size:12.5px!important;line-height:1.65!important;opacity:0;padding:10px 16px!important;top:auto!important;transition:opacity .18s ease,visibility .18s ease;visibility:hidden;white-space:nowrap;z-index:9999!important}.tooltip-wrapper .tooltip-content:after{border:6px solid #0000;border-top-color:#cbd5e1;top:100%}.tooltip-wrapper .tooltip-content:after,.tooltip-wrapper .tooltip-content:before{bottom:auto;content:"";left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.tooltip-wrapper .tooltip-content:before{border:5px solid #0000;border-top-color:#f1f5f9;top:calc(100% - 1px);z-index:1}.tooltip-wrapper .tooltip-content strong{color:var(--primary)!important;font-size:13px!important}.greeting-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#f59e0b 60%);background-clip:text;-webkit-background-clip:text;font-size:72px;font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:20px;text-shadow:0 4px 12px #0000000d}.greeting-subtext{color:#4b5563;font-size:26px;font-weight:500}.prompt-bar-container{animation:fadeInUp .8s ease-out .2s backwards;max-width:1200px;position:relative;width:100%;z-index:10}.prompt-bar{align-items:center;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);background:#ffffffa6;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 25px 50px -12px #00000026,inset 0 0 0 1px #ffffff4d;display:flex;gap:20px;padding:8px 8px 8px 28px;transition:all .4s cubic-bezier(.25,.8,.25,1)}.prompt-bar:focus-within{background:#ffffffd9;border-color:#ffffffe6;box-shadow:0 35px 60px -15px #0003,0 0 0 2px rgba(var(--primary-rgb),.4) inset;transform:translateY(-4px) scale(1.01)}.prompt-textarea{background:#0000;border:none;color:#333;flex:1 1;font-family:inherit;font-size:20px;height:44px;line-height:1.5;max-height:120px;outline:none;overflow:hidden;padding:10px 0;resize:none}.prompt-textarea::placeholder{color:#9ca3af;font-weight:400}.btn-generate-copilot{align-items:center;background:var(--primary);background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);border:none;border-radius:16px;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;position:relative;transition:all .2s ease;width:42px;z-index:50}.btn-generate-copilot:hover{box-shadow:0 6px 16px rgba(var(--primary-rgb),.4);transform:scale(1.05)}.btn-generate-copilot:disabled{cursor:not-allowed;filter:grayscale(100%);opacity:.6}.toggle-pill{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:24px;box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000a;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:10px 18px;position:relative;transition:all .22s cubic-bezier(.25,.8,.25,1);white-space:nowrap}.toggle-pill:before{background:linear-gradient(135deg,rgba(var(--primary-rgb),0) 0,rgba(var(--primary-rgb),0) 100%);border-radius:24px;content:"";inset:0;position:absolute;transition:background .22s ease}.toggle-pill:hover{border-color:#94a3b8;box-shadow:0 6px 20px #0000001a;color:#334155;transform:translateY(-2px)}.toggle-pill--on{background:linear-gradient(135deg,rgba(var(--primary-rgb),.06) 0,rgba(var(--primary-rgb),.1) 100%);border-color:rgba(var(--primary-rgb),.38);box-shadow:0 2px 8px rgba(var(--primary-rgb),.12),0 6px 20px rgba(var(--primary-rgb),.06);color:var(--primary)}.toggle-pill--on:hover{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0,rgba(var(--primary-rgb),.15) 100%);border-color:rgba(var(--primary-rgb),.55);box-shadow:0 4px 14px rgba(var(--primary-rgb),.18),0 8px 24px rgba(var(--primary-rgb),.08);transform:translateY(-2px)}.toggle-pill svg{opacity:.55;transition:opacity .2s,color .2s}.toggle-pill--on svg{color:var(--primary);opacity:1}.toggle-pill__badge{align-items:center;background:#e2e8f0;border:1px solid #d1d5db;border-radius:10px;color:#94a3b8;display:inline-flex;font-size:10px;font-weight:800;justify-content:center;letter-spacing:.6px;padding:3px 9px;text-transform:uppercase;transition:all .2s ease}.toggle-pill--on .toggle-pill__badge{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);border-color:#0000;box-shadow:0 2px 6px rgba(var(--primary-rgb),.35);color:#fff}[data-theme=dark] .toggle-pill{background:linear-gradient(145deg,#1e2330,#252b3b);border-color:#ffffff1a;box-shadow:0 2px 8px #0003;color:#94a3b8}[data-theme=dark] .toggle-pill:hover{border-color:#fff3;color:#cbd5e1}[data-theme=dark] .toggle-pill--on{background:linear-gradient(135deg,rgba(var(--primary-rgb),.18),rgba(var(--primary-rgb),.08));border-color:rgba(var(--primary-rgb),.45);color:var(--primary)}[data-theme=dark] .toggle-pill__badge{background:#374151;border-color:#ffffff0f;color:#6b7280}.exercise-pill-wrapper{align-items:center;display:flex;max-width:-webkit-fit-content;max-width:fit-content;position:relative}.exercise-panel-anchor{align-items:flex-end;bottom:calc(100% + 10px);display:flex;height:0;justify-content:center;left:50%;overflow:visible;position:absolute;width:0;z-index:1000}.exercise-config-panel{flex-shrink:0;padding:16px 18px 14px!important;width:260px}.exercise-upgrade-hint{color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.2px}.exercise-level-row{align-items:center;border-bottom:1px solid #0000000d;display:flex;gap:10px;padding:7px 4px}.exercise-level-row:last-of-type{border-bottom:none}.exercise-level-dot{border-radius:50%;box-shadow:0 0 6px #00000026;flex-shrink:0;height:10px;width:10px}.exercise-level-label{color:#374151;flex:1 1;font-size:13px;font-weight:600;letter-spacing:-.1px}.exercise-stepper{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;display:flex;gap:0;overflow:hidden}.exercise-stepper__btn{align-items:center;background:#0000;border:none;color:var(--primary);cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;transition:all .15s ease;width:30px}.exercise-stepper__btn:hover:not(:disabled){background:rgba(var(--primary-rgb),.1)}.exercise-stepper__btn:disabled{color:#cbd5e1;cursor:not-allowed}.exercise-stepper__value{border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#1e293b;font-size:14px;font-weight:800;line-height:30px;text-align:center;width:28px}.exercise-total{border-top:1px dashed #e2e8f0;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.3px;margin-top:10px;padding:5px 0 2px;text-align:center}.exercise-total--over{color:#ef4444}[data-theme=dark] .exercise-level-label{color:#cbd5e1}[data-theme=dark] .exercise-stepper{background:#1e2330;border-color:#ffffff1a}[data-theme=dark] .exercise-stepper__value{border-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .exercise-stepper__btn:disabled{color:#4b5563}[data-theme=dark] .exercise-level-row{border-bottom-color:#ffffff0f}[data-theme=dark] .exercise-total{border-top-color:#ffffff14;color:#94a3b8}.context-pills{animation:fadeInUp .8s ease-out .4s backwards;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:20px;position:relative;width:100%;z-index:20}.context-pill,.context-pills{align-items:center;display:flex}.context-pill{background:linear-gradient(145deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:24px;box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000a;color:#475569;cursor:pointer;font-size:15px;font-weight:600;gap:8px;padding:11px 22px;transition:all .22s cubic-bezier(.25,.8,.25,1);white-space:nowrap}.context-pill svg{color:var(--primary);opacity:.7}.context-pill:hover{background:linear-gradient(145deg,#fff,#f1f5f9);border-color:rgba(var(--primary-rgb),.35);box-shadow:0 6px 20px #00000017;color:var(--primary);transform:translateY(-2px)}.context-pill.active{background:linear-gradient(135deg,rgba(var(--primary-rgb),.08),rgba(var(--primary-rgb),.14));border-color:rgba(var(--primary-rgb),.4);box-shadow:0 4px 14px rgba(var(--primary-rgb),.14);color:var(--primary)}.suggestion-chips{animation:fadeInUp .8s ease-out .6s backwards;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:60px}.suggestion-chip{background:#ffffff80;border:1px solid #0000001a;border-radius:12px;color:var(--text-light);cursor:pointer;font-size:15px;padding:12px 24px;transition:all .2s ease}.suggestion-chip:hover{background:rgba(var(--primary-rgb),.05);border-color:var(--primary);color:var(--primary)}.pill-wrapper{display:inline-flex;position:relative}.popover-menu{background:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;left:50%;min-width:150px;padding:8px;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);z-index:1000}.popover-item{border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;text-align:left;transition:.2s}.popover-item:hover{background:#0000000d}.popover-item.selected{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pill-chevron{flex-shrink:0;transition:transform .2s ease}.pill-chevron.rotated{transform:rotate(180deg)}.pill-icon{align-items:center;display:flex}.pill-label{white-space:nowrap}.disabled-pill{background:linear-gradient(145deg,#f8fafc,#f1f5f9)!important;border:1.5px dashed #cbd5e1!important;box-shadow:none!important;color:#94a3b8!important;cursor:not-allowed!important;opacity:.65;pointer-events:none}.disabled-pill-tooltip{background:#111827;border-radius:8px;bottom:calc(100% + 8px);color:#fff;font-size:12px;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap}.sd-panel{animation:sdPanelIn .22s cubic-bezier(.34,1.4,.64,1) both;background:linear-gradient(160deg,#fff,#f8faff);border:1.5px solid #c7d4f0;border-radius:20px;box-shadow:0 0 0 1px #6366f10f,0 4px 12px #00000014,0 20px 50px -8px #6366f12e;overflow:hidden;padding:18px;position:relative}.sd-panel:before{background:linear-gradient(90deg,var(--primary) 0,var(--accent) 100%);border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes sdPanelIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sd-panel__header{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;display:flex;font-size:10px;font-weight:800;gap:8px;letter-spacing:1.4px;margin-bottom:14px;padding:0 4px;text-transform:uppercase}.sd-panel__header:before{background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:unset;background-clip:initial;border-radius:3px;content:"";display:inline-block;flex-shrink:0;height:3px;width:18px}.sd-panel__options--row{display:flex;flex-wrap:wrap;gap:10px}.sd-panel__options--grid2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.sd-option{align-items:center;background:linear-gradient(145deg,#fff,#f5f7ff);border:1.5px solid #dde4f5;border-radius:14px;box-shadow:0 1px 3px #0000000f,0 0 0 0 rgba(var(--primary-rgb),0) inset;color:#3d4a6b;cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:4px;justify-content:center;min-width:90px;overflow:hidden;padding:14px 16px;position:relative;text-align:center;transition:all .18s cubic-bezier(.25,.8,.25,1)}.sd-option:after{background:linear-gradient(135deg,#fff9,#0000 60%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.sd-option:before{background:linear-gradient(180deg,var(--primary),var(--accent));border-radius:0 3px 3px 0;content:"";height:70%;left:0;opacity:0;position:absolute;top:15%;transition:opacity .18s ease;width:3px}.sd-option:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.06),rgba(var(--primary-rgb),.12));border-color:rgba(var(--primary-rgb),.45);box-shadow:0 8px 22px rgba(var(--primary-rgb),.16),0 0 0 1px rgba(var(--primary-rgb),.15) inset;color:var(--primary);transform:translateY(-3px)}.sd-option:hover:before{opacity:1}.sd-option--selected{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.18))!important;border-color:rgba(var(--primary-rgb),.55)!important;border-width:2px!important;box-shadow:0 6px 20px rgba(var(--primary-rgb),.22),0 0 0 1px rgba(var(--primary-rgb),.12) inset!important;color:var(--primary)!important;font-weight:700;transform:translateY(-1px)}.sd-option--selected:before{opacity:1!important}.sd-option__check{color:var(--primary);filter:drop-shadow(0 1px 2px rgba(var(--primary-rgb),.3));position:absolute;right:7px;top:7px}.sd-option__label{font-size:13.5px;font-weight:700;letter-spacing:-.2px;line-height:1.2}.sd-option__desc{color:#7e8fb3;font-size:10.5px;font-weight:500;line-height:1.2;margin-top:2px}[data-theme=dark] .sd-panel{background:linear-gradient(160deg,#1e2330,#1a1f2e);border-color:#6366f140;box-shadow:0 20px 60px #00000080,0 0 0 1px #6366f126}[data-theme=dark] .sd-panel__header{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#818cf8,#f59e0b);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .sd-option{background:linear-gradient(145deg,#252b3b,#1e2435);border-color:#ffffff1a;color:#c8d0e8}[data-theme=dark] .sd-option:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.18),rgba(var(--primary-rgb),.28));border-color:rgba(var(--primary-rgb),.45);color:#a5b4fc}[data-theme=dark] .sd-option--selected{background:linear-gradient(135deg,rgba(var(--primary-rgb),.25),rgba(var(--primary-rgb),.38))!important;border-color:rgba(var(--primary-rgb),.6)!important;color:#a5b4fc!important}.cognitive-load-component{align-items:center;display:flex;flex-direction:column;gap:12px;padding:8px}.cognitive-load-title{color:#374151;font-size:14px;font-weight:800;letter-spacing:1.2px;text-align:center;text-transform:uppercase}.cognitive-load-squares{align-items:center;display:flex;gap:10px;justify-content:center}.load-square{border:2.5px solid;border-radius:8px;height:32px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:32px}.load-square.filled{animation:squarePulse 2s ease-in-out infinite;transform:scale(1.05)}.load-square:hover{transform:scale(1.15)!important}.cognitive-level-badge{border:2px solid;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:8px 20px;text-align:center;text-transform:uppercase;transition:all .3s ease}@keyframes squarePulse{0%,to{opacity:1}50%{opacity:.85}}@media (max-width:1400px){.copilot-container{max-width:1200px;padding:4vh 20px 40px}.prompt-bar-container{max-width:1000px}.greeting-text{font-size:60px}}@media (max-width:1200px){.copilot-container{padding:4vh 20px 30px}.greeting-text{font-size:52px}.greeting-subtext{font-size:22px}.prompt-textarea{font-size:20px}}@media (max-width:1024px){.copilot-container{min-height:85vh;padding:4vh 16px 24px}.greeting-text{font-size:44px;letter-spacing:-1px}.greeting-subtext{font-size:18px}.greeting-section{margin-bottom:40px}.prompt-bar-container{max-width:100%}.prompt-bar{border-radius:20px;flex-wrap:nowrap;gap:12px;padding:10px 10px 10px 20px}.prompt-textarea{font-size:18px;height:48px}.btn-generate-copilot{flex-shrink:0;height:44px;width:44px}.context-pills{gap:10px;margin-top:24px}.context-pill{font-size:14px;padding:10px 18px}.suggestion-chips{gap:10px;margin-top:40px}.suggestion-chip{font-size:14px;padding:10px 18px}.stats-header{flex-wrap:wrap;gap:10px;justify-content:center}.stat-pill{font-size:12px;padding:5px 12px}}@media (max-width:768px){.copilot-container{height:auto;justify-content:flex-start;min-height:100vh;overflow-y:auto;padding:20px 16px 140px}.btn-back-floating{display:none!important}.greeting-section{margin-bottom:20px;margin-top:40px}.greeting-text{font-size:58px;letter-spacing:-1.5px;line-height:2.1;margin-bottom:12px}.greeting-subtext{color:#6b7280;font-size:16px}.mobile-options-wrapper{display:block!important}.prompt-bar-container{animation:slideUp .3s ease-out;background:linear-gradient(0deg,#fff 80%,#fff0);bottom:0;left:0;margin:0;max-width:100%;padding:12px 16px 20px;position:fixed;right:0;width:100%;z-index:100}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.prompt-bar{background:#fff;border:1px solid #0000001a;border-radius:24px;box-shadow:0 -4px 20px #0000000d;gap:8px;padding:8px 8px 8px 16px}.prompt-bar:focus-within{border-color:var(--primary);box-shadow:0 -4px 25px #0000001a;transform:none}.prompt-textarea{font-size:16px;height:44px;max-height:120px;padding:10px 0}.btn-generate-copilot{border-radius:50%;height:40px;width:40px}.context-pills{display:none!important}.suggestion-chips{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:flex-start;margin-top:20px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none;width:100%}.suggestion-chips::-webkit-scrollbar{display:none}.suggestion-chip{border-radius:20px;flex-shrink:0;font-size:13px;max-width:none;padding:10px 16px;text-align:center;white-space:nowrap;width:auto}.stats-header{margin-bottom:16px}.stat-pill{font-size:11px;padding:4px 10px}.popover-menu{min-width:130px;padding:6px}.popover-item{font-size:13px;padding:10px 14px}.cognitive-load-component{gap:8px;padding:6px}.cognitive-load-title{font-size:12px}.load-square{border-radius:6px;height:24px;width:24px}.cognitive-level-badge{font-size:10px;padding:6px 14px}}@media (max-width:480px){.copilot-container{justify-content:flex-start;padding:6vh 16px 20px}.greeting-section{margin-bottom:32px}.greeting-text{font-size:36px;letter-spacing:-.5px;line-height:1.1;margin-bottom:10px}.greeting-subtext{color:#6b7280;font-size:16px}.mobile-options-wrapper{display:block!important;margin-bottom:20px}.prompt-bar-container{max-width:100%}.prompt-bar{border-radius:18px;padding:8px 8px 8px 16px}.prompt-textarea{font-size:15px;height:42px}.btn-generate-copilot{border-radius:12px;height:38px;width:38px}.cognitive-load-section,.context-pills{display:none!important}.suggestion-chips{align-items:center;flex-direction:column;gap:10px;margin-top:24px}.suggestion-chip{border-radius:12px;font-size:14px;max-width:300px;padding:12px 18px;text-align:center;white-space:normal;width:100%}.stats-header{display:none}}@media (max-width:360px){.greeting-text{font-size:30px;letter-spacing:-.5px}.greeting-subtext{font-size:15px}.prompt-textarea{font-size:14px}.mobile-options-toggle{font-size:12px;padding:8px 14px}.mobile-option-row{padding:12px 14px}.mobile-option-label{font-size:14px;gap:8px}.mobile-option-label svg{height:18px;width:18px}.mobile-option-select{font-size:13px;min-width:110px;padding:8px 28px 8px 12px}.suggestion-chip{font-size:12px;padding:8px 12px}}.mobile-options-wrapper{display:none;margin:20px auto 24px;max-width:500px;width:100%}.mobile-options-toggle{align-items:center;background:#ffffffe6;border:1px solid #00000014;border-radius:24px;box-shadow:0 2px 8px #0000000a;color:var(--text-light);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-left:auto;margin-right:auto;padding:10px 18px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.mobile-options-toggle:hover{background:#fffffff2;border-color:#0000001f}.mobile-options-toggle.active{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.2);color:var(--primary)}.mobile-options-toggle svg{transition:transform .2s ease}.mobile-options-toggle.active svg:last-child{transform:rotate(180deg)}.mobile-options-panel{animation:slideUpPanel .3s ease-out;background:#fff;border:1px solid #00000014;border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px;bottom:80px;box-shadow:0 -4px 30px #00000026;display:none;flex-direction:column;gap:16px;left:0;margin-top:0;max-height:70vh;overflow-y:auto;padding:24px 20px;position:fixed;right:0;z-index:99}@keyframes slideUpPanel{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-options-panel.open{display:flex}.mobile-option-row{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin:0 auto 12px;max-width:80%;padding:0}.mobile-option-row:last-child{margin-bottom:0}.mobile-option-label{color:#374151;display:block;font-size:15px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-align:center;text-transform:uppercase}.mobile-option-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1.5px solid #0000001f;border-radius:14px;box-shadow:0 1px 3px #0000000f;color:var(--text-dark);cursor:pointer;font-size:16px;font-weight:500;max-width:100%;padding:12px 36px 12px 14px;transition:all .2s ease;width:100%}.mobile-option-select:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.mobile-option-select:hover{border-color:#0003}.mobile-quiz-toggle{align-items:center;background:#0000000a;border:1px solid #00000014;border-radius:20px;color:var(--text-light);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:6px 12px;transition:all .2s ease}.mobile-quiz-toggle.active{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.2);color:var(--primary)}.mobile-options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:8px}.mobile-option-toggle{flex-direction:column;gap:8px}.mobile-option-toggle,.mobile-toggle-btn{align-items:center;display:flex;justify-content:center}.mobile-toggle-btn{background:#0000;border:none;cursor:pointer;padding:0;position:relative;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.mobile-toggle-btn.disabled,.mobile-toggle-btn:disabled{cursor:not-allowed;opacity:.4}.mobile-option-label.disabled{opacity:.5}.toggle-slider{background:#cbd5e1;border-radius:12px;height:24px;overflow:hidden;position:relative;transition:all .3s ease;width:44px}.mobile-toggle-btn.active .toggle-slider{background:var(--primary)}.mobile-toggle-btn.disabled .toggle-slider{background:#e5e7eb}.toggle-slider:before{left:2px;top:2px;transition:transform .3s ease;z-index:2}.mobile-toggle-btn.active .toggle-slider:before{transform:translateX(20px)}.mobile-options-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px;z-index:100}.mobile-options-close:active{background:#e5e7eb;transform:scale(.9)}.blueprint-modal-backdrop{animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.blueprint-modal{align-items:stretch;animation:slideUpFadeIn .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:32px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:700px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}.modal-close-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px;z-index:10}.modal-close-btn:hover{background:#ffffff40;transform:scale(1.1)}.modal-header{background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#3b82f6);overflow:hidden;padding:48px 40px 40px;position:relative;text-align:center}.modal-header:before{animation:float 15s ease-in-out infinite;background:radial-gradient(circle,#f59e0b33 0,#0000 70%);border-radius:50%;content:"";filter:blur(60px);height:400px;position:absolute;right:-20%;top:-50%;width:400px}.header-icon{align-items:center;animation:pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:20px;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.modal-title{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 12px}.modal-subtitle{color:#fffc;font-size:15px;font-weight:500;margin:0}.modal-content{box-sizing:border-box;flex:1 1;max-height:calc(85vh - 280px);overflow-x:hidden;padding:32px 0 32px 24px}.modal-content>*{margin-right:12px}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#e5e7eb}.modal-content::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.blueprint-card{background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e5e7eb;border-radius:20px;box-sizing:border-box;margin-bottom:24px;overflow:hidden;padding:24px;transition:all .3s ease}.topic-card{background:linear-gradient(135deg,#dbeafe,#fff);border-color:#bfdbfe;gap:20px}.card-icon,.topic-card{align-items:center;display:flex}.card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:14px;box-shadow:0 8px 20px #3b82f64d;color:#fff;flex-shrink:0;height:48px;justify-content:center;width:48px}.card-content{flex:1 1;min-width:0;overflow:hidden}.card-label{color:#6b7280;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.topic-text{word-wrap:break-word;color:#0f172a;font-size:20px;font-weight:700;line-height:1.4;margin:0;overflow-wrap:break-word}.blueprint-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.blueprint-param{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e5e7eb;border-radius:16px;display:flex;gap:14px;padding:18px 20px;transition:all .3s ease}.blueprint-param:hover{border-color:#3b82f6;box-shadow:0 8px 20px #3b82f626;transform:translateY(-2px)}.param-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.param-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.param-label{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.param-value{word-wrap:break-word;color:#1f2937;font-size:15px;font-weight:700;overflow-wrap:break-word}.blueprint-gauge-section{background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e5e7eb;border-radius:20px;display:flex;justify-content:center;margin-bottom:32px;padding:32px 20px}.structure-card{background:linear-gradient(135deg,#fef3c7,#fff);border-color:#fde68a}.structure-header{align-items:center;color:#78350f;display:flex;font-size:14px;font-weight:700;gap:12px;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}.structure-stats{align-items:center;display:flex;gap:16px;justify-content:space-between}.stat-item{color:#92400e;flex:1 1;gap:8px;min-width:0}.stat-item svg{color:#f59e0b}.stat-label{word-wrap:break-word;font-size:11px;letter-spacing:.3px;line-height:1.3;overflow-wrap:break-word;text-align:center;text-transform:uppercase;width:100%}.stat-value{color:#78350f}.stat-divider{background:linear-gradient(180deg,#0000,#fbbf24,#0000);height:40px;width:1px}.path-card{background:linear-gradient(135deg,#f0f9ff,#fff);border-color:#bfdbfe}.path-header{margin-bottom:20px}.path-label{color:#1e40af;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.path-flow{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));overflow:hidden}.path-step{align-items:center;background:#fff;border:2px solid #bfdbfe;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:100px;overflow:hidden;padding:20px 12px;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.path-step:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.step-number{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;font-size:16px;font-weight:800;height:36px;width:36px}.step-name{word-wrap:break-word;color:#1e40af;font-size:14px;font-weight:700;line-height:1.4;max-width:100%;overflow-wrap:break-word}.blueprint-estimate{align-items:center;background:linear-gradient(135deg,#fef3c7,#fff);border:2px solid #fde68a;border-radius:16px;color:#78350f;display:flex;font-size:14px;gap:10px;justify-content:center;margin-top:24px;padding:16px}.blueprint-estimate svg{color:#f59e0b}.blueprint-estimate strong{color:#92400e;font-weight:800}.modal-footer{background:#f8fafc;border-top:2px solid #e5e7eb;display:flex;flex-shrink:0;gap:16px;padding:24px 40px}.btn-confirm,.btn-edit{align-items:center;border:none;border-radius:14px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:16px 32px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.btn-edit{background:#fff;border:2px solid #d1d5db;color:#4b5563}.btn-edit:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 8px 20px #0000001f;transform:translateY(-2px)}.btn-confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-confirm:hover{box-shadow:0 12px 28px #3b82f666;transform:translateY(-3px)}@keyframes slideUpFadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:768px){.blueprint-modal{border-radius:24px;max-height:95vh;overflow:hidden;width:95%}.modal-header{overflow:hidden;padding:36px 20px 28px}.modal-title{word-wrap:break-word;font-size:20px}.modal-subtitle{font-size:13px;line-height:1.5;margin-top:8px;opacity:1}.modal-content{overflow-x:hidden;padding:20px 0 20px 12px}.modal-content>*{margin-right:10px}.blueprint-grid{gap:12px;grid-template-columns:1fr}.blueprint-param{padding:14px 16px}.param-icon{height:36px;width:36px}.param-label{font-size:10px}.param-value{font-size:14px}.topic-card{align-items:flex-start;flex-direction:column;gap:12px}.topic-text{font-size:16px}.card-icon{height:40px;width:40px}.structure-stats{flex-wrap:wrap;gap:12px;justify-content:center}.stat-item{min-width:70px}.stat-value{font-size:18px}.stat-divider{display:none}.modal-footer{flex-direction:column;gap:12px;padding:16px}.btn-confirm,.btn-edit{font-size:14px;padding:14px 20px}.path-flow{gap:12px;grid-template-columns:1fr}.path-step{min-height:auto;padding:16px}.path-arrow{display:none}.blueprint-gauge-section{margin-bottom:20px;padding:20px 12px}.blueprint-card{border-radius:16px;margin-bottom:16px;padding:16px}.blueprint-estimate{font-size:13px;padding:12px}}@media (max-width:400px){.blueprint-modal{border-radius:16px;max-height:98vh;width:98%}.modal-header{padding:24px 14px 20px}.modal-title{font-size:18px}.modal-subtitle{font-size:12px}.modal-close-btn{height:32px;right:12px;top:12px;width:32px}.modal-content{padding:14px 0 14px 8px}.modal-content>*{margin-right:8px}.blueprint-card{border-radius:12px;margin-bottom:12px;padding:12px}.blueprint-param{gap:10px;padding:10px 12px}.param-icon{height:32px;width:32px}.param-label{font-size:9px}.param-value{font-size:12px}.topic-text{font-size:14px}.card-icon{height:36px;width:36px}.cognitive-load-component{transform:scale(.9)}.stat-item{min-width:60px}.stat-value{font-size:16px}.stat-label{font-size:9px}.modal-footer{gap:10px;padding:12px}.btn-confirm,.btn-edit{font-size:13px;padding:12px 16px}}@media (max-width:430px){.blueprint-modal{max-height:85vh!important;top:45%!important}.modal-content{max-height:calc(85vh - 260px)!important}.modal-footer{background:#f8fafc;bottom:0;flex-shrink:0!important;padding:14px 12px!important;position:-webkit-sticky;position:sticky;z-index:10}.btn-confirm,.btn-edit{font-size:14px!important;min-height:48px;padding:14px 20px!important}}@media (max-width:375px){.blueprint-modal{max-height:82vh!important;top:44%!important}.modal-content{max-height:calc(82vh - 240px)!important}.modal-footer{padding:12px 10px!important}.btn-confirm,.btn-edit{font-size:13px!important;padding:12px 16px!important}}.feedback-modal-overlay{align-items:center;animation:fadeIn .4s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.feedback-modal{animation:scaleIn .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:24px;box-shadow:0 40px 100px -10px #0006,0 0 80px #ffd7001a;display:flex;flex-direction:column;max-height:85vh;max-width:650px;overflow:hidden;position:relative;width:90%}.modal-glow{background:radial-gradient(circle,#ffd7001a 0,#0000 70%);filter:blur(40px);height:200px;left:50%;pointer-events:none;position:absolute;top:-100px;transform:translateX(-50%);width:400px;z-index:0}.feedback-header{background:#0000;padding:32px 40px 24px;position:relative;text-align:center;z-index:2}.header-content h2{-webkit-text-fill-color:#111827!important;background:none!important;color:#111827!important;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px;opacity:1!important;visibility:visible!important}.header-content p{color:#4b5563!important;font-size:15px;font-weight:500;margin:0;opacity:1!important}.progress-container{background:#f3f4f6;border-radius:3px;height:6px;margin-top:24px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,gold,#f97316);border-radius:3px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.step-indicator{color:#d97706;font-size:12px;font-weight:700;letter-spacing:.5px;margin-top:10px;text-transform:uppercase}.feedback-body{flex:1 1;overflow-y:auto;padding:10px 40px 30px;position:relative;z-index:2}.feedback-body::-webkit-scrollbar{width:6px}.feedback-body::-webkit-scrollbar-track{background:#f9fafb}.feedback-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.feedback-field{animation:fadeUp .4s ease-out forwards;margin-bottom:24px}.feedback-field label{color:#374151;display:block;font-size:15px;font-weight:600;margin-bottom:8px}.feedback-field input[type=text],.feedback-field select,.feedback-field textarea{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:15px;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.feedback-field input:hover,.feedback-field select:hover,.feedback-field textarea:hover{background:#fff;border-color:#d1d5db}.feedback-field input:focus,.feedback-field select:focus,.feedback-field textarea:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a}.feedback-field option{background:#fff;color:#111827}.feedback-field input:-webkit-autofill,.feedback-field select:-webkit-autofill,.feedback-field textarea:-webkit-autofill{-webkit-text-fill-color:#111827!important;-webkit-box-shadow:inset 0 0 0 1000px #f9fafb;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.feedback-field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px}.checkbox-group,.radio-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-label,.radio-label{align-items:center!important;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;display:flex!important;font-size:14px;font-weight:500;gap:12px;line-height:normal!important;padding:12px 16px;transition:all .2s}.checkbox-label:hover,.radio-label:hover{background:#f3f4f6}.checkbox-label input,.radio-label input{accent-color:#f59e0b;cursor:pointer;display:block!important;flex-shrink:0!important;height:18px!important;margin:0!important;padding:0!important;width:18px!important}.checkbox-label:has(input:checked),.radio-label:has(input:checked){background:#fffbeb;border-color:#f59e0b;color:#92400e}.feedback-footer{align-items:center;background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px 40px;position:relative;z-index:2}.btn-primary,.btn-secondary,.btn-success{align-items:center;border:none;border-radius:50px;box-sizing:border-box;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;height:48px;justify-content:center;min-width:130px;padding:0 24px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,gold,#f97316);box-shadow:0 6px 16px #f9731633}.btn-primary:hover{box-shadow:0 8px 20px #f973164d}.btn-secondary{border:1px solid #0000;color:#4b5563}.btn-secondary:hover{background:#e5e7eb!important;color:#111827!important}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 16px #10b98133;color:#fff}.btn-success:hover{box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.btn-success:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-container{align-items:flex-start;animation:slideIn .4s cubic-bezier(.16,1,.3,1);background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 10px 30px #00000026,0 4px 6px #0000000d;display:flex;gap:12px;max-width:420px;min-width:320px;padding:16px;position:fixed;right:24px;top:24px;transition:all .3s ease;z-index:10000}.toast-container.success{border-left-color:#10b981}.toast-container.success .toast-icon{color:#10b981}.toast-container.error{border-left-color:#ef4444}.toast-container.error .toast-icon{color:#ef4444}.toast-content{flex:1 1}.toast-title{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.toast-message{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.toast-close:hover{background:#f3f4f6;color:#4b5563}@keyframes slideIn{0%{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}:root{--profile-primary:#f59e0b;--profile-primary-dark:#d97706;--profile-bg:#f8fafc;--profile-card-bg:#fff;--profile-text:#1e293b;--profile-text-muted:#64748b;--profile-border:#e2e8f0;--profile-hover:#fef3c7}.profile-page-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:2rem 1.5rem}.profile-page-header{margin:0 auto 3rem;max-width:1400px;text-align:center}.profile-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--profile-primary) 0,var(--profile-primary-dark) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem}.profile-page-subtitle{color:#64748b;color:var(--profile-text-muted);font-size:1.125rem;font-weight:500}.profile-content-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:320px 1fr;margin:0 auto;max-width:1400px}@media (max-width:1024px){.profile-content-layout{grid-template-columns:1fr}}.profile-sidebar-card{background:#fff;background:var(--profile-card-bg);border:1px solid #e2e8f0;border:1px solid var(--profile-border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem}.profile-sidebar-card:hover{box-shadow:0 12px 24px -4px #f59e0b26,0 8px 16px -4px #0000000d;transform:translateY(-4px);transition:all .3s ease}.profile-avatar-section{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--profile-border);display:flex;flex-direction:column;margin-bottom:2rem;padding-bottom:2rem}.profile-avatar-wrapper{height:140px;margin-bottom:1.5rem;position:relative;width:140px}.profile-avatar-image{border:4px solid #f59e0b;border:4px solid var(--profile-primary);border-radius:50%;box-shadow:0 8px 24px #f59e0b40;height:100%;object-fit:cover;width:100%}.profile-avatar-upload{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--profile-primary) 0,var(--profile-primary-dark) 100%);border:4px solid #fff;border-radius:50%;bottom:0;box-shadow:0 4px 12px #f59e0b66;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:0;transition:all .3s ease;width:44px}.profile-avatar-upload:hover{box-shadow:0 6px 20px #f59e0b80;transform:scale(1.1) rotate(15deg)}.profile-avatar-input{display:none}.profile-user-name{color:#1e293b;color:var(--profile-text);font-size:1.5rem;font-weight:700;margin:0 0 .5rem;text-align:center}.profile-user-email{color:#64748b;color:var(--profile-text-muted);font-size:.875rem;text-align:center}.profile-status-items{display:flex;flex-direction:column;gap:.75rem}.profile-status-item{align-items:center;background:#f8fafc;border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.profile-status-item:hover{background:#fef3c7;background:var(--profile-hover);transform:translateX(4px)}.profile-status-icon{align-items:center;background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-radius:8px;color:#f59e0b;color:var(--profile-primary);display:flex;height:36px;justify-content:center;width:36px}.profile-status-text{flex:1 1}.profile-status-label{color:#64748b;color:var(--profile-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.profile-status-value{color:#1e293b;color:var(--profile-text);font-size:.875rem;font-weight:600;margin:0}.profile-main-content{display:flex;flex-direction:column;gap:2rem}.profile-info-card{background:#fff;background:var(--profile-card-bg);border:1px solid #e2e8f0;border:1px solid var(--profile-border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;padding:2rem;transition:all .3s ease}.profile-info-card:hover{box-shadow:0 12px 24px -4px #f59e0b26,0 8px 16px -4px #0000000d;transform:translateY(-4px)}.profile-card-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--profile-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.profile-card-title{align-items:center;color:#1e293b;color:var(--profile-text);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0}.profile-card-icon{align-items:center;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-radius:10px;color:#f59e0b;color:var(--profile-primary);display:flex;height:40px;justify-content:center;width:40px}.profile-snapshot-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.profile-snapshot-grid{grid-template-columns:1fr}}.profile-snapshot-item{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--profile-border);border-radius:1rem;padding:1.5rem;transition:all .2s ease}.profile-snapshot-item:hover{background:#fff;border-color:#f59e0b;border-color:var(--profile-primary);box-shadow:0 4px 12px #f59e0b26;transform:translateY(-2px)}.profile-snapshot-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.profile-snapshot-title{color:#64748b;color:var(--profile-text-muted);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.profile-add-button{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--profile-primary) 0,var(--profile-primary-dark) 100%);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.375rem .75rem;transition:all .2s ease}.profile-add-button:hover{box-shadow:0 4px 12px #f59e0b66;transform:scale(1.05)}.profile-items-list{display:flex;flex-wrap:wrap;gap:.5rem}.profile-item-tag{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--profile-border);border-radius:2rem;color:#1e293b;color:var(--profile-text);font-size:.875rem;font-weight:500;padding:.5rem .875rem;transition:all .2s ease}.profile-item-tag:hover{background:#fef3c7;background:var(--profile-hover);border-color:#f59e0b;border-color:var(--profile-primary);transform:translateY(-2px)}.profile-empty-state{color:#64748b;color:var(--profile-text-muted);font-size:.875rem;font-style:italic}.profile-bio-text{color:#1e293b;color:var(--profile-text);font-size:.9375rem;line-height:1.7}.profile-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}@media (max-width:768px){.profile-form-grid{grid-template-columns:1fr}}.profile-form-field{display:flex;flex-direction:column;gap:.5rem}.profile-form-field.full-width{grid-column:1/-1}.profile-form-label{color:#1e293b;color:var(--profile-text);font-size:.875rem;font-weight:600}.profile-form-input{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--profile-border);border-radius:.75rem;color:#1e293b;color:var(--profile-text);font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease}.profile-form-input:focus{border-color:#f59e0b;border-color:var(--profile-primary);box-shadow:0 0 0 3px #f59e0b1a;outline:none}.profile-form-input:disabled{background:#f1f5f9;color:#64748b;color:var(--profile-text-muted);cursor:not-allowed}.profile-form-actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width:768px){.profile-form-actions{flex-direction:column}}.profile-btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 2rem;transition:all .2s ease}.profile-btn-cancel{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--profile-border);color:#1e293b;color:var(--profile-text)}.profile-btn-cancel:hover{border-color:#f59e0b;border-color:var(--profile-primary);color:#f59e0b;color:var(--profile-primary);transform:translateY(-2px)}.profile-btn-save{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--profile-primary) 0,var(--profile-primary-dark) 100%);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.profile-btn-save:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.profile-btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.profile-status-message{align-items:center;border-radius:.75rem;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.profile-status-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.profile-status-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}[data-theme=dark] .profile-page-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .profile-info-card,[data-theme=dark] .profile-sidebar-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border-color:#33415580}[data-theme=dark] .profile-empty-state,[data-theme=dark] .profile-page-subtitle,[data-theme=dark] .profile-status-label,[data-theme=dark] .profile-user-email{color:#94a3b8}[data-theme=dark] .profile-bio-text,[data-theme=dark] .profile-card-title,[data-theme=dark] .profile-form-label,[data-theme=dark] .profile-status-value,[data-theme=dark] .profile-user-name{color:#f1f5f9}[data-theme=dark] .profile-snapshot-title{color:#cbd5e1}[data-theme=dark] .profile-avatar-section,[data-theme=dark] .profile-card-header{border-bottom-color:#33415580}[data-theme=dark] .profile-status-item{background:#33415580}[data-theme=dark] .profile-status-item:hover{background:#fbbf2426}[data-theme=dark] .profile-snapshot-item{background:#33415580;border-color:#64748b80}[data-theme=dark] .profile-snapshot-item:hover{background:#334155cc}[data-theme=dark] .profile-item-tag{background:#334155b3;border-color:#64748b80;color:#cbd5e1}[data-theme=dark] .profile-item-tag:hover{background:#fbbf2426;border-color:#fbbf24}[data-theme=dark] .profile-form-input{background:#33415580;border-color:#64748b80;color:#f1f5f9}[data-theme=dark] .profile-form-input:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2426}[data-theme=dark] .profile-form-input:disabled{background:#1e293bcc;color:#64748b}[data-theme=dark] .profile-btn-cancel{background:#33415580;border-color:#64748b80;color:#cbd5e1}[data-theme=dark] .profile-btn-cancel:hover{border-color:#fbbf24;color:#fbbf24}[data-theme=dark] .profile-status-message.error{background:#dc262626;border-color:#dc26264d;color:#f87171}[data-theme=dark] .profile-status-message.success{background:#16a34a26;border-color:#16a34a4d;color:#4ade80}[data-theme=dark] .profile-avatar-upload{border-color:#1e293bcc}.learn-more-page{background:var(--bg-light);color:var(--text-dark);min-height:100vh}.learn-more-container{margin:0 auto;max-width:1200px;padding:40px 20px 80px}.back-button{align-items:center;background:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);color:var(--text-dark);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:40px;padding:12px 24px;transition:all .3s ease}.back-button:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateX(-4px)}.learn-more-header{margin-bottom:60px;text-align:center}.header-badge{align-items:center;border-radius:50px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:10px 20px}.header-badge,.learn-more-title{background:linear-gradient(135deg,var(--primary),var(--accent))}.learn-more-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;font-size:56px;font-weight:900;letter-spacing:-1px;line-height:1.2;margin-bottom:20px}.learn-more-subtitle{color:var(--text-light);font-size:20px;line-height:1.6;margin:0 auto;max-width:800px}.learn-more-content{display:flex;flex-direction:column;gap:80px;width:100%}.benefits-section,.process-section,.time-section{width:100%}.section-title{color:var(--text-dark);font-size:36px;font-weight:800;gap:16px;margin-bottom:16px}.section-title svg{color:var(--accent);flex-shrink:0}.section-intro{color:var(--text-light);font-size:18px;line-height:1.7;margin-bottom:40px;max-width:100%}.steps-container{display:flex;flex-direction:column;gap:24px;width:100%}.process-card{align-items:flex-start;background:var(--bg-white);border:2px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow);box-sizing:border-box;display:flex;flex-direction:row;gap:28px;min-height:200px;padding:36px 40px;text-align:left;transition:all .3s ease;width:100%}.process-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.step-number{align-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:18px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;display:flex;flex-shrink:0;font-size:32px;font-weight:900;height:70px;justify-content:center;width:70px}.step-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0;text-align:left}.step-content h3{color:var(--text-dark);font-size:24px;font-weight:800;margin-bottom:12px}.step-content>p{color:var(--text-light);font-size:16px;line-height:1.6;margin-bottom:16px}.step-details{display:flex;flex-direction:column;gap:8px;list-style:none;width:100%}.step-details li{color:var(--text-light);font-size:15px;padding-left:24px;position:relative}.step-details li:before{color:var(--accent);content:"→";font-weight:700;left:0;position:absolute}.step-details li strong{color:var(--primary);font-weight:700}.benefits-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.benefit-card{align-items:center;background:var(--bg-white);border:2px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:280px;padding:36px 28px;text-align:center;transition:all .3s ease}.benefit-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.benefit-icon{background:linear-gradient(135deg,#f59e0b1a,#1e3a8a0d);border-radius:20px;color:var(--accent);display:inline-flex;height:80px;margin-bottom:20px;width:80px}.benefit-card h3{align-items:center;color:var(--text-dark);display:flex;font-size:20px;font-weight:800;justify-content:center;margin-bottom:12px;min-height:48px}.benefit-card p{color:var(--text-light);flex-grow:1;font-size:15px;line-height:1.6}.time-comparison{grid-gap:30px;align-items:stretch;display:grid;gap:30px;grid-template-columns:1fr auto 1fr;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:1100px}.time-card{background:var(--bg-white);border:3px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;padding:40px 32px}.time-card h3{color:var(--text-dark);font-size:24px;font-weight:800;margin-bottom:20px;text-align:center}.time-amount{font-size:48px;font-weight:900;margin-bottom:24px;text-align:center}.time-card.traditional .time-amount{color:#dc2626}.time-card.genie{border-color:var(--accent);box-shadow:0 12px 40px #f59e0b33}.time-card.genie .time-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text}.time-breakdown{display:flex;flex-direction:column;flex-grow:1;gap:10px;list-style:none;margin-bottom:24px}.time-breakdown li{align-items:center;background:var(--bg-subtle);border-radius:8px;color:var(--text-light);display:flex;font-size:15px;padding:10px 14px}.time-stress{color:#dc2626}.time-benefit,.time-stress{font-size:14px;font-style:italic;font-weight:600;text-align:center}.time-benefit,.vs-divider{color:var(--accent)}.vs-divider{align-items:center;display:flex;flex-direction:column;font-size:20px;font-weight:900;gap:12px}.time-savings-box{background:linear-gradient(135deg,#f59e0b1a,#1e3a8a0d);border:3px solid var(--accent);border-radius:24px;padding:48px;text-align:center}.time-savings-box svg{color:var(--accent);margin-bottom:20px}.time-savings-box h3{color:var(--text-dark);font-size:32px;font-weight:800;margin-bottom:32px}.activities-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:900px}.activity{align-items:center;background:var(--bg-white);border:2px solid var(--border-color);border-radius:12px;color:var(--text-dark);display:flex;font-size:15px;font-weight:600;gap:12px;padding:16px 20px;text-align:left;transition:all .3s ease}.activity:hover{border-color:var(--accent);transform:scale(1.02)}.activity svg{color:var(--accent);flex-shrink:0}.activity span{flex:1 1}.final-cta{background:linear-gradient(135deg,#f59e0b26,#1e3a8a14);border:3px solid var(--accent);border-radius:32px;box-shadow:0 20px 60px #f59e0b33;padding:60px 40px;text-align:center}.final-cta svg{color:var(--accent);filter:drop-shadow(0 4px 12px rgba(245,158,11,.3));margin-bottom:24px}.final-cta h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;font-size:40px;font-weight:900;margin-bottom:16px}.final-cta>p{color:var(--text-light);font-size:18px;margin-bottom:32px}.cta-stats{display:flex;flex-wrap:wrap;gap:60px;justify-content:center;margin-bottom:32px}.stat-item{align-items:center;display:flex;flex-direction:column;min-width:150px}.stat-item strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;display:block;font-size:36px;font-weight:900;margin-bottom:8px}.stat-item span{color:var(--text-light);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.btn{border-radius:12px;font-size:18px;font-weight:700;padding:16px 48px;transition:all .3s ease}.btn-accent{background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 8px 24px #f59e0b66}.btn-accent:hover{box-shadow:0 12px 32px #f59e0b80;transform:translateY(-4px)}.btn-large{font-size:20px;padding:18px 56px}@media (max-width:1024px){.benefits-grid{grid-template-columns:repeat(2,1fr)}.time-comparison{gap:24px;grid-template-columns:1fr}.vs-divider{flex-direction:row;justify-content:center}.activities-grid{grid-template-columns:1fr}}@media (max-width:768px){.learn-more-container{padding:24px 16px 60px}.learn-more-title{font-size:36px}.learn-more-subtitle{font-size:16px}.section-title{font-size:28px}.section-intro{font-size:16px}.process-card{flex-direction:column;padding:24px}.benefits-grid{grid-template-columns:1fr}.benefit-card{min-height:auto}.time-card{padding:24px}.time-amount{font-size:36px}.time-savings-box{padding:32px 24px}.time-savings-box h3{font-size:24px}.cta-stats{flex-direction:column;gap:24px}.final-cta{padding:40px 24px}.final-cta h2{font-size:28px}}@media (max-width:480px){.learn-more-title{font-size:28px}.learn-more-subtitle{font-size:15px}.section-title{font-size:24px;gap:12px}.section-title svg{height:24px;width:24px}.step-number{font-size:24px;height:50px;width:50px}.step-content h3{font-size:20px}.btn-large{font-size:16px;padding:14px 32px}}[data-theme=dark] .learn-more-page{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .back-button{background:#ffffff1a;border-color:#fff3;color:#e2e8f0}[data-theme=dark] .back-button:hover{background:#ffffff26;border-color:var(--accent)}[data-theme=dark] .activity,[data-theme=dark] .benefit-card,[data-theme=dark] .step-card,[data-theme=dark] .time-card{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .process-card{background:linear-gradient(135deg,var(--bg-white),var(--bg-subtle));border-color:var(--border-color)}[data-theme=dark] .activity:hover,[data-theme=dark] .benefit-card:hover,[data-theme=dark] .process-card:hover{background:#ffffff14;border-color:var(--accent)}[data-theme=dark] .time-breakdown li{background:#ffffff0d}[data-theme=dark] .time-savings-box{background:linear-gradient(135deg,#f59e0b26,#1e3a8a0d)}[data-theme=dark] .final-cta{background:linear-gradient(135deg,#f59e0b33,#1e3a8a1a)}[data-theme=ocean] .learn-more-page{background:linear-gradient(135deg,#0c1821,#0f2027)}[data-theme=ocean] .back-button{background:#0ea5e91a;border-color:#0ea5e94d}[data-theme=ocean] .back-button:hover{background:#0ea5e926;border-color:var(--accent)}[data-theme=ocean] .activity,[data-theme=ocean] .benefit-card,[data-theme=ocean] .process-card,[data-theme=ocean] .time-card{background:#0ea5e90d;border-color:#0ea5e926}[data-theme=ocean] .activity:hover,[data-theme=ocean] .benefit-card:hover,[data-theme=ocean] .process-card:hover{background:#0ea5e914;border-color:var(--accent)}[data-theme=ocean] .time-breakdown li{background:#0ea5e90d}[data-theme=ocean] .time-savings-box{background:linear-gradient(135deg,#0ea5e926,#06b6d40d)}[data-theme=ocean] .final-cta{background:linear-gradient(135deg,#0ea5e933,#06b6d41a)}.auth-container{align-items:center;background:linear-gradient(135deg,#748fd8 10%,#d97706 90%);display:flex;height:100vh;justify-content:center;overflow:hidden;padding:20px;position:relative}.auth-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.gradient-1{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#f59e0b33 0,#0000 70%);height:500px;right:100px;top:-100px;width:500px}.gradient-1,.gradient-2{border-radius:50%;position:absolute}.gradient-2{animation:float 25s ease-in-out infinite;animation-delay:2s;background:radial-gradient(circle,var(--accent-light) 0,#0000 70%);bottom:-50px;height:400px;left:100px;width:400px}.auth-wrapper{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:auto 0;max-width:1200px;min-height:-webkit-fit-content;min-height:fit-content;position:relative;width:100%;z-index:2}.auth-card{animation:slideInLeft .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #1e3a8a4d;display:flex;flex-direction:column;margin:20px 0;max-height:calc(100vh - 80px);padding:30px}.auth-header{flex-shrink:0;margin-bottom:15px;text-align:center}.auth-logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:15px}.auth-logo-image{border-radius:50%;box-shadow:0 4px 12px #00000026;flex-shrink:0;height:55px;object-fit:cover;width:55px}.logo-icon{animation:float 3s ease-in-out infinite;font-size:40px}.auth-logo h1{color:#1f2937;font-size:32px;font-weight:700;margin:0}.animated-title span{animation:letterAppear .5s ease-in forwards;display:inline-block;opacity:0}@keyframes letterAppear{0%{opacity:0;transform:translateY(-20px) rotateX(90deg)}50%{opacity:.5;transform:translateY(-10px) rotateX(45deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}.auth-subtitle{color:#6b7280;font-size:16px;margin-top:10px}.auth-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:20px;margin-bottom:40px}.auth-tab{border-bottom:3px solid #0000;color:#6b7280;flex:1 1;font-weight:600;margin-bottom:-2px;padding:15px;position:relative;text-align:center;transition:all .3s ease}.auth-tab:hover{color:#1e3a8a}.auth-tab.active{border-bottom-color:#f59e0b;color:#f59e0b}.auth-form-container{flex:1 1;margin-bottom:20px;overflow-x:hidden;overflow-y:auto;padding-right:10px}.auth-form-container::-webkit-scrollbar{width:6px}.auth-form-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.auth-form-container::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:10px}.auth-form-container::-webkit-scrollbar-thumb:hover{background:#d97706}.tutor-type-selection{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:30px}.tutor-type-option{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.tutor-type-option:hover{background:#f59e0b0d;border-color:#f59e0b}.tutor-type-option.selected{background:#f59e0b1a;border-color:#f59e0b}.tutor-type-icon{font-size:32px;margin-bottom:10px}.tutor-type-option h4{color:#1f2937;font-size:16px;margin:0}.auth-form{margin-bottom:0}.auth-form button[type=submit]{display:block;margin:0 auto;text-align:center;width:100%}.phone-input-group{display:flex;gap:10px}.phone-input-group .country-code-select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#1f2937;flex:0 0 140px;font-size:15px;padding:12px 14px;transition:all .3s ease}.phone-input-group input{flex:1 1}.form-group textarea{border:1px solid #e5e7eb;border-radius:10px;color:#1f2937;font-family:inherit;font-size:15px;min-height:80px;padding:12px 14px;resize:vertical;transition:all .3s ease;width:100%}.form-group textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:45px;width:100%}.toggle-password{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:12px;transition:all .3s ease;width:40px}.toggle-password:hover{color:#1e3a8a}.auth-options{gap:15px;justify-content:space-between;margin-bottom:25px}.auth-options,.remember-me{align-items:center;display:flex}.remember-me{color:#1f2937;cursor:pointer;font-weight:500;gap:8px}.remember-me input{accent-color:#f59e0b;cursor:pointer;height:18px;width:18px}.forgot-password{color:#f59e0b;font-weight:600;transition:all .3s ease}.forgot-password:hover{color:#d97706}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.auth-divider{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:400;justify-content:center;margin:8px 0;width:100%}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #e5e7eb;content:"";flex:1 1}.auth-divider span{padding:0 16px}.social-login{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:30px}.social-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;cursor:pointer;display:flex;font-weight:600;gap:10px;justify-content:center;padding:10px;transition:all .3s ease}.social-btn:hover{background:#f59e0b0d;border-color:#f59e0b;color:#f59e0b}.social-btn img{height:20px;width:20px}.terms-agreement{align-items:flex-start;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:10px;margin-bottom:25px}.terms-agreement input{accent-color:#f59e0b;cursor:pointer;flex-shrink:0;height:18px;margin-top:3px;width:18px}.terms-link{color:#f59e0b;font-weight:600;transition:all .3s ease}.terms-link:hover{color:#d97706}.auth-footer{color:#6b7280;font-size:14px;text-align:center}.auth-link{color:#f59e0b;font-weight:700;transition:all .3s ease}.auth-link:hover{color:#d97706}.auth-benefits{animation:slideInRight .6s ease-out}.auth-benefits h2{color:#fff;font-size:36px;line-height:1.3;margin-bottom:40px}.auth-benefits ul{display:flex;flex-direction:column;gap:30px;list-style:none}.auth-benefits li{align-items:flex-start;display:flex;gap:20px}.benefit-icon{align-items:center;animation:float 3s ease-in-out infinite;background:#f59e0b33;border-radius:15px;display:flex;flex-shrink:0;font-size:32px;height:60px;justify-content:center;width:60px}.auth-benefits h4{color:#fff;font-size:18px;margin-bottom:8px}.auth-benefits p{color:#fffc;font-size:14px;line-height:1.6}@media (max-width:1024px){.auth-wrapper{gap:40px;grid-template-columns:1fr}.auth-benefits{display:none}.auth-card{margin:0 auto;max-width:500px;padding:40px}.auth-logo h1{font-size:28px}}@media (max-width:768px){.auth-container{height:auto;min-height:100vh;padding:20px}.auth-wrapper{align-items:center;display:flex;height:auto;justify-content:center;min-height:auto}.auth-card,.auth-wrapper{max-width:100%;width:100%}.auth-card{margin:0 auto;padding:30px}.auth-logo h1{font-size:24px}.auth-subtitle{font-size:14px}.form-group{margin-bottom:18px}.auth-tabs{gap:10px;margin-bottom:30px}.auth-tab{font-size:14px;padding:12px}.social-login{grid-template-columns:1fr}}@media (max-width:480px){.auth-card{padding:20px}.auth-header{margin-bottom:25px}.logo-icon{font-size:32px}.auth-logo h1{font-size:20px}.auth-subtitle{font-size:13px}.auth-tabs{margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{font-size:13px}.form-group input,.form-group select{font-size:14px;padding:12px 14px}.btn{font-size:12px;padding:10px 20px}.btn-large{font-size:13px;padding:12px 24px}}@media (max-width:400px){.auth-container{padding:12px}.auth-card{border-radius:16px;padding:16px}.auth-header{margin-bottom:20px}.logo-icon{font-size:28px}.auth-logo h1{font-size:18px}.auth-subtitle{font-size:12px}.auth-tabs{gap:6px;margin-bottom:16px}.auth-tab{font-size:13px;padding:10px 8px}.form-group{margin-bottom:12px}.form-group label{font-size:12px;margin-bottom:4px}.form-group input,.form-group select{border-radius:10px;font-size:14px;padding:10px 12px}.btn{font-size:11px;padding:8px 16px}.btn-large{font-size:12px;padding:10px 20px}.social-login{gap:8px}.social-btn{font-size:12px;padding:10px}.auth-footer{font-size:12px;margin-top:16px}}@media (hover:none) and (pointer:coarse){.auth-tab,.btn,.btn-large,.form-group input,.form-group select,.social-btn{min-height:44px}}[data-theme=dark] .auth-container{background:linear-gradient(135deg,#1e293b 10%,#dc2626 90%)}[data-theme=dark] .auth-card{background:#1e293bf2;box-shadow:0 20px 60px #00000080}[data-theme=dark] .auth-header h1,[data-theme=dark] .auth-welcome h2{color:#e2e8f0}[data-theme=dark] .auth-subtitle,[data-theme=dark] .auth-welcome p,[data-theme=dark] .form-group label{color:#cbd5e1}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background:#ffffff0d;border-color:#fff3;color:#e2e8f0}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus{background:#ffffff14;border-color:var(--accent)}[data-theme=dark] .auth-link{color:var(--accent)}[data-theme=ocean] .auth-container{background:linear-gradient(135deg,#0c1821 10%,#0e7490 90%)}[data-theme=ocean] .auth-card{background:#0c1821f2;box-shadow:0 20px 60px #0ea5e94d}[data-theme=ocean] .auth-header h1,[data-theme=ocean] .auth-welcome h2{color:#e0f2fe}[data-theme=ocean] .auth-subtitle,[data-theme=ocean] .auth-welcome p,[data-theme=ocean] .form-group label{color:#bae6fd}[data-theme=ocean] .form-group input,[data-theme=ocean] .form-group select{background:#0ea5e90d;border-color:#0ea5e94d;color:#e0f2fe}[data-theme=ocean] .form-group input:focus,[data-theme=ocean] .form-group select:focus{background:#0ea5e91a;border-color:var(--accent)}[data-theme=ocean] .auth-link{color:var(--accent)}.react-select__control{background-color:#fff!important;border:2px solid var(--border-color)!important;border-radius:10px!important;box-shadow:none!important;cursor:pointer;min-height:50px;padding:2px;transition:var(--transition)}.react-select__control--is-focused,.react-select__control:hover{border-color:var(--accent)!important}.react-select__control--is-focused{box-shadow:0 0 0 3px #f59e0b1a!important}.react-select__value-container{padding:2px 8px!important}.react-select__single-value{color:var(--text-dark)!important;font-size:16px}.react-select__input-container{color:var(--text-dark)!important;margin:0!important;padding:0!important}.react-select__placeholder{color:var(--text-light)!important}.react-select__indicator-separator{display:none}.react-select__dropdown-indicator{color:var(--text-light)!important}.react-select__dropdown-indicator:hover{color:var(--accent)!important}.react-select__menu{background-color:#fff!important;border:1px solid var(--border-color);border-radius:10px!important;box-shadow:var(--shadow-lg)!important;margin-top:8px!important;overflow:hidden!important;z-index:50!important}.react-select__option{background-color:initial!important;color:var(--text-dark)!important;cursor:pointer!important;padding:12px 16px!important}.react-select__option--is-focused{background-color:#f59e0b1a!important;color:var(--accent-dark)!important}.react-select__option--is-selected{background-color:var(--accent)!important;color:#fff!important}[data-theme=dark] .react-select__control,[data-theme=dark] .react-select__menu{background-color:var(--bg-white)!important;border-color:var(--border-color)!important}[data-theme=dark] .react-select__input-container,[data-theme=dark] .react-select__option,[data-theme=dark] .react-select__single-value{color:var(--text-dark)!important}[data-theme=dark] .react-select__option--is-focused{background-color:#fbbf241a!important;color:#fbbf24!important}[data-theme=dark] .react-select__option--is-selected{background-color:var(--accent)!important;color:var(--primary-dark)!important}.step-container{animation:fadeInSlide .4s ease-out}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-secondary{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;font-weight:600;padding:14px 28px;transition:all .3s ease}.btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db}.tagline{color:#6b7280;font-size:15px;margin-bottom:20px}.logo{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px}.logo h1{color:#1f2937;font-size:32px}.checkbox-label{color:#4b5563;font-size:14px}.checkbox-label input[type=checkbox]{accent-color:#f97316;cursor:pointer;height:18px;width:18px}.auth-form{overflow:hidden}.auth-form,.auth-form>div{max-width:100%}.step-container{box-sizing:border-box;max-width:100%}.otp-input-container{margin:0 auto;max-width:400px;width:100%}.otp-input-boxes{display:flex;gap:12px;justify-content:center;margin:20px 0}.otp-input-box{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#1f2937;font-family:Courier New,monospace;font-size:24px;font-weight:600;height:60px;text-align:center;transition:all .2s ease;width:50px}.otp-input-box:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a;outline:none;transform:scale(1.05)}.otp-input-box.error{background:#fee2e2;border-color:#ef4444}.otp-input-box.disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.otp-input-box::-webkit-inner-spin-button,.otp-input-box::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp-input-box[type=number]{-moz-appearance:textfield}.error-message{align-items:center;color:#ef4444;display:flex;font-size:14px;gap:6px;justify-content:center}@media (max-width:480px){.otp-input-box{font-size:20px;height:50px;width:40px}.otp-input-boxes{gap:8px}}.dashboard{background:var(--bg-light);display:flex;min-height:100vh;overflow:hidden}.dashboard-sidebar{background:linear-gradient(180deg,var(--bg-white) 0,#f59e0b05 100%);border-right:1px solid #1e3a8a1a;bottom:0;box-shadow:2px 0 20px #0000000a;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:1000}.dashboard-sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #1e3a8a1a;padding:24px 20px}.sidebar-logo{align-items:center;color:var(--primary);display:flex;font-size:20px;font-weight:800;gap:12px;transition:all .3s ease}.sidebar-logo svg{color:var(--accent);filter:drop-shadow(0 2px 8px rgba(245,158,11,.3));flex-shrink:0}.dashboard-sidebar.collapsed .sidebar-logo span{display:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 12px}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-light);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;margin-bottom:6px;padding:14px 16px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.nav-item svg{flex-shrink:0;transition:all .3s ease}.nav-item:hover{background:#f59e0b14;color:var(--primary);transform:translateX(4px)}.nav-item.active{background:linear-gradient(135deg,#f59e0b26,#1e3a8a14);box-shadow:0 4px 12px #f59e0b26;color:var(--primary)}.nav-item.active:before{background:var(--accent);border-radius:0 4px 4px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-item.active svg{color:var(--accent);filter:drop-shadow(0 2px 6px rgba(245,158,11,.3))}.nav-item-danger{color:#ef4444}.nav-item-danger:hover{background:#ef444414;color:#dc2626}.dashboard-sidebar.collapsed .nav-item{justify-content:center;padding:14px}.dashboard-sidebar.collapsed .nav-item span{display:none}.sidebar-footer{border-top:1px solid #1e3a8a1a;padding:12px}.dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh;padding:40px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.dashboard-sidebar.collapsed~.dashboard-main{margin-left:100px}.dashboard-header{background:var(--bg-white);border-bottom:1px solid #1e3a8a1a;box-shadow:0 2px 12px #0000000a;gap:24px;justify-content:space-between;padding:20px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:20px}.btn-toggle-sidebar{align-items:center;background:#f59e0b1a;border:none;border-radius:10px;color:var(--primary);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-toggle-sidebar:hover{background:#f59e0b33;transform:scale(1.05)}.header-welcome h1{color:var(--primary);font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.header-welcome p{color:var(--text-light);font-size:14px;font-weight:600;margin:0}.header-right{gap:16px}.btn-header-icon,.header-right{align-items:center;display:flex}.btn-header-icon{background:#f59e0b14;border:none;border-radius:10px;color:var(--primary);cursor:pointer;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.btn-header-icon:hover{background:#f59e0b26;transform:scale(1.05)}.notification-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.header-tutor{align-items:center;background:#f59e0b14;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:8px 16px;transition:all .3s ease}.header-tutor:hover{background:#f59e0b26}.tutor-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.header-tutor span{color:var(--primary);font-size:14px;font-weight:600}.dashboard-content{flex:1 1;overflow-y:auto;padding:32px}.dashboard-content-section{margin:0 auto;max-width:1200px}.section-header-dashboard{margin-bottom:32px}.section-header-dashboard h2{color:var(--primary);font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.section-header-dashboard p{color:var(--text-light);font-size:15px;font-weight:500;margin:0}.profile-content{grid-gap:24px;display:grid;gap:24px}.profile-card{background:linear-gradient(135deg,#f59e0b14,#1e3a8a0d);border:1px solid #f59e0b33;border-radius:16px;box-shadow:0 8px 24px #0000000f;padding:40px;text-align:center}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;box-shadow:0 8px 24px #f59e0b4d;color:#fff;display:flex;height:120px;justify-content:center;margin:0 auto 20px;width:120px}.profile-card h3{color:var(--primary);font-size:24px;font-weight:800;margin:0 0 8px}.profile-card p{color:var(--text-light);margin:0 0 16px}.profile-badge{background:var(--accent);border-radius:20px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;padding:8px 20px;text-transform:uppercase}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{align-items:center;background:var(--bg-white);border:1px solid #1e3a8a1a;border-radius:14px;box-shadow:0 4px 12px #0000000a;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.stat-card svg{border-radius:10px;height:40px;padding:10px;width:40px}.stat-blue svg{background:#3b82f61a;color:#3b82f6}.stat-green svg{background:#22c55e1a;color:#22c55e}.stat-orange svg{background:#f59e0b1a;color:#f59e0b}.stat-purple svg{background:#a855f71a;color:#a855f7}.stat-info{flex:1 1}.stat-value{color:var(--primary);font-size:24px;font-weight:800;line-height:1;margin-bottom:4px}.stat-label{color:var(--text-light);font-size:13px;font-weight:600}.profile-details{background:var(--bg-white);border:1px solid #1e3a8a1a;border-radius:14px;box-shadow:0 4px 12px #0000000a;padding:28px}.profile-details h3{color:var(--primary);font-size:18px;font-weight:800;margin:0 0 20px}.detail-row{align-items:center;border-bottom:1px solid #1e3a8a14;display:flex;justify-content:space-between;padding:16px 0}.detail-row:last-child{border-bottom:none}.detail-row span{color:var(--text-light);font-size:14px;font-weight:600}.detail-row strong{color:var(--primary);font-weight:700}.status-active{color:#22c55e!important}.history-content{grid-gap:16px;display:grid;gap:16px}.history-card{align-items:center;background:var(--bg-white);border:1px solid #1e3a8a1a;border-radius:14px;box-shadow:0 4px 12px #0000000a;display:flex;gap:16px;padding:20px;transition:all .3s ease}.history-card:hover{border-color:#f59e0b4d;box-shadow:0 8px 24px #f59e0b1f;transform:translateY(-2px)}.history-icon{align-items:center;background:#f59e0b1a;border-radius:12px;color:var(--accent);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.history-info{flex:1 1}.history-info h4{color:var(--primary);font-size:16px;font-weight:700;margin:0 0 6px}.history-meta{align-items:center;color:var(--text-light);display:flex;font-size:13px;font-weight:600;gap:8px}.history-meta span{align-items:center;display:flex;gap:4px}.history-actions{display:flex;gap:8px}.btn-icon{background:#f59e0b14;border:none;border-radius:8px;color:var(--primary);transition:all .3s ease}.btn-icon:hover{background:#f59e0b26;transform:scale(1.05)}.community-content{grid-gap:20px;display:grid;gap:20px}.community-search{margin-bottom:12px;position:relative}.community-search svg{color:var(--text-light);left:16px;position:absolute;top:50%;transform:translateY(-50%)}.community-search input{background:var(--bg-white);border:1.5px solid #1e3a8a26;border-radius:12px;color:var(--text-dark);font-size:15px;font-weight:500;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.community-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b26;outline:none}.community-card{background:var(--bg-white);border:1px solid #1e3a8a1a;border-radius:14px;box-shadow:0 4px 12px #0000000a;padding:24px;transition:all .3s ease}.community-card:hover{border-color:#f59e0b4d;box-shadow:0 8px 24px #f59e0b1f;transform:translateY(-2px)}.community-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.community-tutor{align-items:center;display:flex;gap:12px}.tutor-avatar-small{align-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.community-tutor strong{color:var(--primary);display:block;font-size:14px;font-weight:700}.community-user p{color:var(--text-light);font-size:12px;font-weight:600;margin:0}.btn-follow{background:#0000;border:1.5px solid var(--accent);border-radius:8px;color:var(--accent);cursor:pointer;font-size:13px;font-weight:700;padding:8px 20px;transition:all .3s ease}.btn-follow:hover{background:var(--accent);color:#fff}.community-card h4{color:var(--primary);font-size:18px;font-weight:700;margin:0 0 12px}.community-stats{color:var(--text-light);font-weight:600;gap:16px;margin-bottom:16px}.btn-view,.community-stats{display:flex;font-size:14px}.btn-view{align-items:center;background:linear-gradient(135deg,#f59e0b1a,#1e3a8a0d);border:none;border-radius:10px;color:var(--primary);cursor:pointer;font-weight:700;gap:6px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.btn-view:hover{background:linear-gradient(135deg,#f59e0b26,#1e3a8a14);transform:translateY(-1px)}.settings-content{grid-gap:24px;display:grid;gap:24px}.settings-group{background:var(--bg-white);border:1px solid #1e3a8a1a;border-radius:14px;box-shadow:0 4px 12px #0000000a;padding:28px}.settings-group h3{border-bottom:1px solid #1e3a8a1a;color:var(--primary);font-size:18px;font-weight:800;margin:0 0 20px;padding-bottom:12px}.setting-item{align-items:center;border-bottom:1px solid #1e3a8a14;display:flex;justify-content:space-between;padding:20px 0}.setting-item:last-child{border-bottom:none}.setting-item strong{color:var(--primary);display:block;font-size:15px;font-weight:700;margin-bottom:4px}.setting-item p{color:var(--text-light);font-size:13px;font-weight:600;margin:0}.toggle{display:inline-block;height:28px;position:relative;width:52px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:#1e3a8a33;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:4px;position:absolute;transition:.3s;width:20px}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translateX(24px)}.btn-secondary-dashboard{background:#0000;border:1.5px solid #1e3a8a33;border-radius:8px;color:var(--primary);cursor:pointer;font-size:13px;font-weight:700;padding:10px 20px;transition:all .3s ease}.btn-secondary-dashboard:hover{background:#f59e0b14;border-color:var(--accent);color:var(--accent)}.btn-danger{background:#0000;border:1.5px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:700;padding:10px 20px;transition:all .3s ease}.btn-danger:hover{background:#ef4444;color:#fff}@media (max-width:1400px){.dashboard-content{padding:28px}.modern-card{padding:24px}}@media (max-width:1200px){.dashboard-content{padding:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.modern-title{font-size:2.25rem}}@media (max-width:1024px){.dashboard-sidebar{width:80px}.dashboard-sidebar .nav-item span,.dashboard-sidebar .sidebar-logo span{display:none}.dashboard-main{margin-left:80px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content,.modern-card{padding:20px}.modern-title{font-size:2rem}.setting-item{align-items:flex-start;flex-direction:column;gap:12px}.setting-item>div:last-child{padding-left:0;width:100%}}@media (max-width:768px){.dashboard-sidebar{height:100vh;position:fixed;transform:translateX(-100%);width:260px;z-index:1000}.dashboard-sidebar.open{transform:translateX(0)}.dashboard-main{margin-left:0}.dashboard-header{padding:16px 20px}.header-welcome h1{font-size:20px}.header-tutor span{display:none}.dashboard-content{padding:16px}.stats-grid{gap:12px;grid-template-columns:1fr}.history-card{flex-direction:column;text-align:center}.history-actions{justify-content:center;width:100%}.modern-card{border-radius:16px;padding:16px}.modern-card h3{font-size:1.1rem}.modern-title{font-size:1.75rem;text-align:center}.modern-subtitle{font-size:1rem;text-align:center}.setting-item{padding:16px}.setting-icon-box{height:40px;width:40px}.setting-icon-box svg{height:18px;width:18px}.grid-cols-1,.lg\\:grid-cols-2{grid-template-columns:1fr!important}}@media (max-width:580px){.dashboard-content{padding:12px}.modern-card{border-radius:14px;padding:14px}.modern-title{font-size:1.5rem}.modern-subtitle{font-size:.9rem}.setting-item{gap:10px;padding:14px}.setting-item strong{font-size:.9rem}.setting-item p{font-size:.8rem}.header-welcome h1{font-size:18px}.modern-btn,.modern-btn-ghost{font-size:13px;padding:10px 16px}}@media (max-width:400px){.dashboard-content{padding:10px}.modern-card{border-radius:12px;padding:12px}.modern-title{font-size:1.3rem}.modern-subtitle{font-size:.85rem}.setting-item{padding:12px}.setting-icon-box{height:36px;width:36px}.setting-icon-box svg{height:16px;width:16px}.header-welcome h1{font-size:16px}.w-14{width:48px}.h-8{height:28px}}@media (hover:none) and (pointer:coarse){.modern-btn,.modern-btn-ghost,.nav-item,.setting-item{min-height:44px}.setting-item:active{transform:scale(.98)}}.generator-card{background:linear-gradient(135deg,var(--bg-white) 0,#f59e0b05 100%);border:1px solid #1e3a8a1a;border-radius:20px;box-shadow:0 8px 24px #0000000f;padding:32px}.generator-card-header{align-items:center;border-bottom:2px solid #f59e0b26;display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px}.generator-card-icon{filter:drop-shadow(0 2px 8px rgba(245,158,11,.3));flex-shrink:0;font-size:36px}.generator-card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0}@media (max-width:768px){.generator-card{padding:24px}.generator-card-header{gap:12px}.generator-card-icon{font-size:28px}.generator-card-title{font-size:22px}}[data-theme=dark] .dashboard{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .dashboard-sidebar{background:linear-gradient(180deg,#ffffff0d,#f59e0b05);border-right-color:#ffffff1a;box-shadow:2px 0 20px #0000004d}[data-theme=dark] .sidebar-header{border-bottom-color:#ffffff1a}[data-theme=dark] .nav-item:hover{background:#f59e0b26}[data-theme=dark] .nav-item.active{background:linear-gradient(135deg,#f59e0b33,#1e3a8a26);box-shadow:0 4px 12px #f59e0b4d}[data-theme=dark] .generator-card,[data-theme=dark] .help-card,[data-theme=dark] .profile-card,[data-theme=dark] .settings-card{background:linear-gradient(135deg,#ffffff0d,#f59e0b05);border-color:#ffffff1a;box-shadow:0 8px 24px #0006}[data-theme=dark] .input-group input,[data-theme=dark] .input-group select,[data-theme=dark] .input-group textarea{background:#ffffff0d;border-color:#ffffff26;color:#e2e8f0}[data-theme=dark] .input-group input:focus,[data-theme=dark] .input-group select:focus,[data-theme=dark] .input-group textarea:focus{background:#ffffff14;border-color:var(--accent)}[data-theme=dark] .stat-card{background:#ffffff0d;border-color:#ffffff1a}[data-theme=ocean] .dashboard{background:linear-gradient(135deg,#0c1821,#0f2027)}[data-theme=ocean] .dashboard-sidebar{background:linear-gradient(180deg,#0ea5e914,#06b6d408);border-right-color:#0ea5e933;box-shadow:2px 0 20px #0ea5e926}[data-theme=ocean] .sidebar-header{border-bottom-color:#0ea5e933}[data-theme=ocean] .nav-item:hover{background:#0ea5e926}[data-theme=ocean] .nav-item.active{background:linear-gradient(135deg,#0ea5e933,#06b6d426);box-shadow:0 4px 12px #0ea5e94d}[data-theme=ocean] .generator-card,[data-theme=ocean] .help-card,[data-theme=ocean] .profile-card,[data-theme=ocean] .settings-card{background:linear-gradient(135deg,#0ea5e914,#06b6d408);border-color:#0ea5e933;box-shadow:0 8px 24px #0ea5e926}[data-theme=ocean] .input-group input,[data-theme=ocean] .input-group select,[data-theme=ocean] .input-group textarea{background:#0ea5e90d;border-color:#0ea5e933}[data-theme=ocean] .input-group input:focus,[data-theme=ocean] .input-group select:focus,[data-theme=ocean] .input-group textarea:focus{background:#0ea5e91a;border-color:var(--accent)}[data-theme=ocean] .stat-card{background:#0ea5e90d;border-color:#0ea5e926}:root{--settings-primary:#f59e0b;--settings-primary-dark:#d97706;--settings-bg:#f8fafc;--settings-card-bg:#fff;--settings-text:#1e293b;--settings-text-muted:#64748b;--settings-border:#e2e8f0;--settings-hover:#fef3c7}.settings-page-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:2rem 1.5rem}.settings-page-header{margin:0 auto 3rem;max-width:1200px;text-align:center}.settings-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--settings-primary) 0,var(--settings-primary-dark) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem}.settings-page-subtitle{color:#64748b;color:var(--settings-text-muted);font-size:1.125rem;font-weight:500}.settings-content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin:0 auto;max-width:1200px}@media (min-width:1024px){.settings-content-grid{grid-template-columns:repeat(2,1fr)}}.settings-card{background:#fff;background:var(--settings-card-bg);border:1px solid #e2e8f0;border:1px solid var(--settings-border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.settings-card:before{background:linear-gradient(90deg,#f59e0b,#d97706);background:linear-gradient(90deg,var(--settings-primary) 0,var(--settings-primary-dark) 100%);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.settings-card:hover:before{opacity:1}.settings-card:hover{box-shadow:0 12px 24px -4px #f59e0b26,0 8px 16px -4px #0000000d;transform:translateY(-4px)}.settings-card-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--settings-border);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.settings-card-icon{align-items:center;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-radius:12px;color:#f59e0b;color:var(--settings-primary);display:flex;height:48px;justify-content:center;width:48px}.settings-card-title{color:#1e293b;color:var(--settings-text);font-size:1.25rem;font-weight:700;margin:0}.settings-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--settings-border);padding:1.25rem 0;transition:all .2s ease}.settings-item:last-child{border-bottom:none;padding-bottom:0}.settings-item:hover{background:linear-gradient(90deg,#f59e0b08,#0000);border-radius:.75rem;margin-left:-.75rem;margin-right:-.75rem;padding-left:.75rem;padding-right:.75rem}.settings-item-content{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.settings-item-left{align-items:center;display:flex;flex:1 1;gap:1rem}.settings-item-icon-box{align-items:center;background:#f1f5f9;border-radius:10px;color:#f59e0b;color:var(--settings-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.settings-item:hover .settings-item-icon-box{background:#fef3c7;background:var(--settings-hover);transform:scale(1.1) rotate(5deg)}.settings-item-info{flex:1 1}.settings-item-title{color:#1e293b;color:var(--settings-text);font-size:1rem;font-weight:600;margin:0 0 .25rem}.settings-item-description{color:#64748b;color:var(--settings-text-muted);font-size:.875rem;line-height:1.5;margin:0}.settings-toggle{background:#cbd5e1;border-radius:999px;cursor:pointer;flex-shrink:0;height:32px;position:relative;transition:all .3s ease;width:56px}.settings-toggle.active{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--settings-primary) 0,var(--settings-primary-dark) 100%);box-shadow:0 4px 12px #f59e0b66}.settings-toggle-handle{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:28px;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.settings-toggle.active .settings-toggle-handle{left:26px;transform:scale(1.1)}.settings-action-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--settings-border);border-radius:.75rem;color:#1e293b;color:var(--settings-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.settings-action-btn:hover{background:#fef3c7;background:var(--settings-hover);border-color:#f59e0b;border-color:var(--settings-primary);color:#f59e0b;color:var(--settings-primary);transform:translateY(-2px)}.settings-action-btn.danger{border-color:#fecaca;color:#dc2626}.settings-action-btn.danger:hover{background:#fef2f2;border-color:#dc2626}.settings-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--settings-border);margin:3rem auto 0;max-width:1200px;padding-top:2rem;text-align:center}.settings-footer-text{color:#64748b;color:var(--settings-text-muted);font-size:.875rem}[data-theme=dark] .settings-page-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .settings-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border-color:#33415580}[data-theme=dark] .settings-card-header{border-bottom-color:#33415580}[data-theme=dark] .settings-card-icon{background:linear-gradient(135deg,#fbbf2433,#fbbf241a)}[data-theme=dark] .settings-card-title,[data-theme=dark] .settings-item-title{color:#f1f5f9}[data-theme=dark] .settings-footer-text,[data-theme=dark] .settings-item-description,[data-theme=dark] .settings-page-subtitle{color:#94a3b8}[data-theme=dark] .settings-item{border-bottom-color:#33415580}[data-theme=dark] .settings-item:hover{background:linear-gradient(90deg,#fbbf2414,#0000)}[data-theme=dark] .settings-item-icon-box{background:#33415580}[data-theme=dark] .settings-item:hover .settings-item-icon-box{background:#fbbf2433}[data-theme=dark] .settings-toggle{background:#64748b80}[data-theme=dark] .settings-action-btn{background:#33415580;border-color:#64748b80;color:#cbd5e1}[data-theme=dark] .settings-action-btn:hover{background:#fbbf241a;border-color:#fbbf24;color:#fbbf24}[data-theme=dark] .settings-action-btn.danger{border-color:#dc26264d;color:#f87171}[data-theme=dark] .settings-action-btn.danger:hover{background:#dc262626;border-color:#dc2626}[data-theme=dark] .settings-footer{border-top-color:#33415580}@media (max-width:768px){.settings-page-title{font-size:2rem}.settings-card{padding:1.5rem}.settings-item-content{align-items:flex-start;flex-direction:column;gap:1rem}.settings-action-btn{justify-content:center;width:100%}}.not-found-page{background:linear-gradient(135deg,#f9fafb,#eef2ff);overflow:hidden}.not-found-main,.not-found-page{min-height:100vh;position:relative}.not-found-main{align-items:center;display:flex;justify-content:center;padding:2rem 1rem;z-index:10}.not-found-split{grid-gap:clamp(1rem,4vw,3.5rem);align-items:center;display:grid;gap:clamp(1rem,4vw,3.5rem);grid-template-columns:minmax(220px,360px) 1fr;width:min(1080px,96%)}.not-found-visual{align-items:center;display:flex;justify-content:center;min-height:360px;position:relative}.not-found-glow-ring{background:radial-gradient(circle,#1e3a8a57,#f59e0b3d 58%,#0000 72%);border-radius:999px;filter:blur(10px);height:clamp(200px,25vw,290px);position:absolute;width:clamp(200px,25vw,290px)}.not-found-favicon{animation:notFoundFloat 4.5s ease-in-out infinite;filter:drop-shadow(0 16px 28px rgba(30,58,138,.3));height:clamp(250px,30vw,400px);object-fit:contain;position:relative;width:clamp(250px,30vw,400px);z-index:1}.not-found-copy{max-width:660px;text-align:left;transform:translateX(-20px)}.not-found-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3a8a,#f59e0b 50%,#1e40af);-webkit-background-clip:text;background-clip:text;display:block;font-size:clamp(3rem,10vw,6rem);font-weight:900;letter-spacing:1px;line-height:1;margin:0;text-align:center;text-shadow:0 8px 24px #1e3a8a33;width:100%}.not-found-title{-webkit-text-fill-color:#0000;background:linear-gradient(130deg,#1e3a8a,#2563eb 32%,#f59e0b 72%,#d97706);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.55rem,3.8vw,3rem);font-weight:900;letter-spacing:-.012em;line-height:1.16;margin:.85rem 0 0;text-shadow:0 8px 18px #1e3a8a33;white-space:nowrap}.not-found-subtitle{color:#475569;font-size:1.02rem;font-weight:500;line-height:1.65;margin:.95rem auto 0;max-width:620px;text-align:center}.not-found-tagline{color:#1e3a8a;display:block;font-size:clamp(1rem,2vw,1.25rem);font-weight:800;letter-spacing:.01em;margin:.95rem 0 0;text-align:center}.not-found-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin-top:1.6rem}.not-found-back-btn,.not-found-home-btn{align-items:center;border:0;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:.5rem;padding:.85rem 1.1rem;text-decoration:none;transition:all .2s ease}.not-found-home-btn{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#111827}.not-found-home-btn:hover{box-shadow:0 8px 20px #f59e0b59;transform:translateY(-2px)}.not-found-back-btn{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#f8fafc}.not-found-back-btn:hover{box-shadow:0 8px 20px #1e3a8a59;transform:translateY(-2px)}@keyframes notFoundFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.not-found-main{padding:1.2rem .75rem 2.2rem}.not-found-split{gap:.8rem;grid-template-columns:1fr;text-align:center}.not-found-visual{min-height:300px}.not-found-favicon{height:clamp(210px,48vw,300px);width:clamp(210px,48vw,300px)}.not-found-copy{max-width:100%;text-align:center;transform:translateX(0)}.not-found-actions{justify-content:center}.not-found-subtitle{font-size:.95rem;margin-left:auto;margin-right:auto}.not-found-tagline{font-size:.98rem;justify-content:center;margin-left:auto;margin-right:auto;padding:.45rem .8rem;text-align:center}}@media (max-width:480px){.not-found-main{padding:.8rem .6rem 2rem}.not-found-code{font-size:clamp(2.6rem,14vw,4rem)}.not-found-title{font-size:clamp(1.18rem,6.2vw,1.42rem);letter-spacing:-.006em}.not-found-visual{min-height:250px}.not-found-favicon{height:220px;width:220px}.not-found-home-btn{justify-content:center}.not-found-tagline{font-size:.9rem;line-height:1.3}}:root{--primary-navy:#1e3a8a;--accent-gold:#f59e0b;--bg-gradient:linear-gradient(135deg,#f8fafc,#e2e8f0);--glass-bg:#ffffffe6;--shadow-sm:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0003}.assessathon-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:var(--bg-gradient);display:flex;font-family:Inter,system-ui,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.assessathon-page-header img{height:36px;max-width:120px;object-fit:contain;width:auto}.lpu-auth-logo-row{align-items:center;display:flex;gap:10px}.lpu-auth-logo-row img{height:auto;max-width:72px}.assessathon-select-table-wrap table{table-layout:fixed;width:100%}.assessathon-select-dot{appearance:none;-webkit-appearance:none;font-size:0;height:18px;line-height:0;min-height:18px;min-width:18px;padding:0!important;width:18px}.assessathon-select-matrix .assessathon-select-dot,.assessathon-select-table-wrap .assessathon-select-dot{height:18px!important;min-height:18px!important;min-width:18px!important;width:18px!important}.assessathon-desktop-only{display:block}.assessathon-mobile-only{display:none}.lpu-auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:10}.lpu-auth-background{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.lpu-auth-background .gradient-1,.lpu-auth-background .gradient-2{border-radius:50%;height:600px;position:absolute;width:600px}.lpu-auth-background .gradient-1{left:-100px;top:-100px}.lpu-auth-background .gradient-2{bottom:-100px;right:-100px}.lpu-auth-wrapper{background:#fff;border-radius:20px;box-shadow:0 10px 15px -3px #0003;box-shadow:var(--shadow-lg);display:flex;max-width:1000px;overflow:hidden;position:relative;width:100%;z-index:1}.lpu-auth-card{background:#fff;flex:1.2 1;padding:3rem}.lpu-auth-benefits{color:#fff;display:flex;flex:0.8 1;flex-direction:column;padding:3rem}@media (max-width:900px){.lpu-auth-wrapper{flex-direction:column}.lpu-auth-benefits{display:none}}.lpu-auth-benefits h2{font-size:24px;margin-bottom:2rem}.lpu-auth-benefits ul{list-style:none;padding:0}.lpu-auth-benefits li{display:flex;gap:15px;margin-bottom:1.5rem}.lpu-benefit-icon{font-size:24px}.lpu-auth-benefits h4{font-weight:600;margin:0}.lpu-auth-benefits p{font-size:14px;margin:5px 0 0;opacity:.8}.lpu-auth-form-container{margin-top:1.5rem}.lpu-form-group{margin-bottom:1.25rem}.lpu-form-group label{align-items:center;color:#475569;display:flex;font-size:14px;font-weight:500;margin-bottom:6px}.lpu-form-group input{border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.lpu-form-group input:focus{border-color:#1e3a8a;border-color:var(--primary-navy);box-shadow:0 0 0 3px #1e3a8a1a;outline:none}.lpu-btn-large{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;padding:14px;transition:transform .2s ease,filter .2s ease;width:100%}.lpu-btn-large:hover{filter:brightness(1.1);transform:translateY(-1px)}.assessathon-welcome-container{max-width:1100px;width:100%;z-index:10}.assessathon-welcome-header{animation:fadeInDown .6s ease-out;margin-bottom:3.5rem;text-align:center}.welcome-badge{background:#1e3a8a;background:var(--primary-navy);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:15px;padding:6px 16px}.assessathon-welcome-header h1{color:#1e3a8a;color:var(--primary-navy);font-size:42px}.text-highlight{color:#f59e0b;color:var(--accent-gold)}.assessathon-options-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.assessathon-option-card{background:#fff;border:2px solid #0000;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.assessathon-option-card:hover{border-color:#1e3a8a1a;box-shadow:0 10px 15px -3px #0003;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.assessathon-option-card.highlight{background:linear-gradient(135deg,#fff,#fffbeb)}.option-icon-wrapper{align-items:center;border-radius:16px;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;width:64px}.option-icon-wrapper.blue{background:#eff6ff;color:#3b82f6}.option-icon-wrapper.gold{background:#fffbeb;color:#f59e0b}.option-tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.tag-blue{color:#3b82f6}.tag-gold{color:#d97706}.option-content h2{color:#1e3a8a;color:var(--primary-navy);font-size:24px;margin-bottom:12px}.option-content p{color:#64748b;font-size:15px;line-height:1.6;margin-bottom:1.5rem}.option-stats{color:#475569;display:flex;font-size:14px;gap:20px;margin-bottom:2rem}.option-stats span{align-items:center;display:flex;gap:4px}.option-action-btn{align-items:center;border:none;border-radius:12px;display:flex;font-weight:600;gap:8px;justify-content:center;margin-top:auto;padding:12px;transition:all .2s ease}.option-action-btn.blue{background:#3b82f6;color:#fff}.option-action-btn.gold{background:#f59e0b;color:#fff}.option-action-btn:hover{filter:brightness(1.1)}.assessathon-logout-btn{align-items:center;background:#0000;border:1.5px solid #cbd5e1;border-radius:30px;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:8px;margin-top:1.5rem;padding:8px 20px;transition:all .2s ease}.assessathon-logout-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#334155}.welcome-footer{color:#94a3b8;font-size:14px;margin-top:4rem;text-align:center}.footer-stat{align-items:center;display:flex;gap:8px;justify-content:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.assessathon-page-header{padding:12px 16px!important}.assessathon-page-header img{height:30px!important;max-width:100px!important}.assessathon-top-nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;margin-left:0!important;overflow-x:auto;overflow-y:visible;padding-bottom:2px;scrollbar-width:none;white-space:nowrap}.assessathon-top-nav::-webkit-scrollbar{display:none}.assessathon-main{margin:24px auto!important;padding:0 14px!important}}@media (max-width:768px){.lpu-auth-container{padding:.75rem}.lpu-auth-card{padding:1.25rem}.lpu-auth-logo-row{gap:8px!important;justify-content:center!important;margin-bottom:18px!important}.lpu-auth-logo-row img{max-height:44px!important;max-width:44px!important}.assessathon-page-header img{height:26px!important;max-width:80px!important}.lpu-auth-header h1{font-size:24px!important;text-align:center}.lpu-auth-subtitle{font-size:12px!important}.assessathon-select-page{padding:20px 12px!important}.assessathon-select-content{padding:18px!important}.assessathon-select-header{margin-bottom:16px!important}.assessathon-dashboard-stats-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.assessathon-dashboard-stat-card{padding:14px 12px!important}.assessathon-profile-header-row{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}.assessathon-countdown-block{flex-direction:column!important;gap:10px!important;text-align:center!important}.assessathon-countdown-digits{gap:8px!important;justify-content:center!important}.assessathon-countdown-digit{font-size:24px!important;min-width:48px!important;padding:8px!important}.assessathon-monitor-page .assessathon-main{margin:16px auto!important;padding:0 10px!important}.assessathon-progress-row{flex-wrap:nowrap;overflow-x:visible}.assessathon-progress-row>div{flex:1 1;font-size:12px!important;min-width:0;padding:12px 10px!important}.assessathon-actions-row{align-items:stretch!important;flex-direction:column;gap:10px}.assessathon-reg-status-row,.assessathon-reg-tags,.assessathon-topic-badges{flex-wrap:wrap}.assessathon-stats-grid{gap:12px!important;grid-template-columns:1fr!important;margin-bottom:20px!important}.assessathon-card,.assessathon-select-card{border-radius:12px!important}.assessathon-reg-card,.assessathon-section-body,.assessathon-section-header{padding:16px!important}.assessathon-reg-idchip{margin-bottom:12px;position:static!important;width:-webkit-fit-content;width:fit-content}.assessathon-feedback-grid,.assessathon-score-grid{grid-template-columns:1fr!important}.assessathon-rank-banner{align-items:flex-start!important;flex-direction:column;gap:12px;padding:16px!important}.assessathon-leaderboard-tabs{flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.assessathon-leaderboard-tabs::-webkit-scrollbar{display:none}.assessathon-leaderboard-tabs button{border-bottom-width:2px!important;border-radius:10px;flex:0 0 auto;padding:10px 12px!important;white-space:nowrap}.assessathon-leaderboard-filters{padding:14px!important}.assessathon-leaderboard-table-wrap table{min-width:920px}.assessathon-leaderboard-table-wrap{display:none}.assessathon-leaderboard-mobile-list{display:block!important}.assessathon-select-table-wrap{border-radius:10px;overflow:hidden!important}.assessathon-select-table-wrap table{min-width:0!important}.assessathon-select-matrix td,.assessathon-select-matrix th{font-size:10px!important;padding:8px 4px!important}.assessathon-select-level-desc{display:none}.assessathon-select-dot{height:6px!important;min-height:6px;min-width:6px;padding:0!important;width:6px!important}.assessathon-desktop-only{display:none}.assessathon-mobile-only{display:block}.assessathon-mobile-only .assessathon-leaderboard-filter-group select{display:block;margin:0 auto;max-width:260px;width:100%}.assessathon-mobile-filter-row{align-items:end;grid-template-columns:1fr 1fr!important}.assessathon-mobile-filter-row .assessathon-leaderboard-filter-group label{font-size:10px!important;text-align:center}.assessathon-mobile-filter-row .assessathon-leaderboard-filter-group select{font-size:12px!important;padding:8px 10px!important}.assessathon-leaderboard-matrix{grid-template-columns:repeat(2,minmax(0,1fr))!important}.assessathon-results-scorebar{flex-direction:column}.assessathon-results-scorebar>div{border-bottom:1px solid #e2e8f0;border-right:none!important}.assessathon-results-scorebar>div:last-child{border-bottom:none}.assessathon-results-criteria-grid,.assessathon-results-feedback-grid,.assessathon-results-peerstats-grid{grid-template-columns:1fr!important}.assessathon-submission-page{padding-bottom:30px!important}.assessathon-submission-answer-grid,.assessathon-submission-diagnostic-grid,.assessathon-submission-meta-grid,.assessathon-submission-options-grid,.assessathon-submission-target-grid{gap:12px!important;grid-template-columns:1fr!important}.assessathon-welcome-grid{grid-template-columns:1fr!important}.assessathon-welcome-page .assessathon-page-header{padding:12px 14px!important}.assessathon-welcome-page .assessathon-main{margin-top:28px!important}.assessathon-welcome-page h1{font-size:clamp(28px,8vw,40px)!important;letter-spacing:-1px!important}.assessathon-welcome-features-grid{grid-template-columns:1fr!important}.assessathon-doc-page{padding:16px 10px!important}.assessathon-doc-shell{border-radius:12px!important}.assessathon-doc-content,.assessathon-doc-header{padding:18px!important}.assessathon-rulebook-grid-2,.assessathon-rulebook-grid-2-tight,.assessathon-rulebook-grid-auto,.assessathon-rulebook-grid-awards{grid-template-columns:1fr!important}.assessathon-terms-topbar{flex-wrap:wrap;gap:10px}.assessathon-terms-section-head{align-items:flex-start!important}.assessathon-terms-section-body{padding-left:0!important}}@media (max-width:480px){.assessathon-page-header img{height:22px!important;max-width:70px!important}.lpu-auth-card{padding:1rem}.lpu-auth-logo-row img{max-height:36px!important;max-width:36px!important}.lpu-btn-large,.lpu-form-group input{font-size:14px}.assessathon-doc-content,.assessathon-doc-header,.assessathon-reg-card,.assessathon-section-body,.assessathon-section-header,.assessathon-select-content{padding:14px!important}.assessathon-leaderboard-tabs button{font-size:12px!important;padding:8px 10px!important}.assessathon-select-matrix td,.assessathon-select-matrix th{font-size:9px!important;padding:6px 3px!important}.assessathon-select-dot{height:5px!important;min-height:5px;min-width:5px;padding:0!important;width:5px!important}.assessathon-leaderboard-matrix{gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}}:root{--primary:#1e3a8a;--primary-dark:#1e40af;--primary-light:#3b82f6;--accent:#f59e0b;--accent-dark:#d97706;--accent-light:#fbbf24;--success:#10b981;--error:#ef4444;--text-light:#6b7280;--bg-light:#f9fafb;--bg-white:#fff;--border-color:#e5e7eb;--shadow:0 10px 30px #1e3a8a26;--shadow-lg:0 20px 50px #1e3a8a33;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0}html{scroll-behavior:smooth}body{background:#f9fafb;background:var(--bg-light);color:#1f2937;color:var(--text-dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden;position:relative}@media (prefers-color-scheme:dark){body,html{background:#f9fafb!important;color:#1f2937!important;color-scheme:light!important}}body:before{animation:backgroundPulse 15s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#1e3a8a14 0,#0000 50%),radial-gradient(circle at 80% 70%,#f59e0b14 0,#0000 50%),radial-gradient(circle at 50% 50%,#1e40af0d 0,#0000 60%);height:100%;left:0;top:0;width:100%}body:after,body:before{content:"";pointer-events:none;position:fixed;z-index:0}body:after{animation:backgroundMove 20s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 100px,#1e3a8a05 0,#1e3a8a05 102px),repeating-linear-gradient(90deg,#0000,#0000 100px,#f59e0b05 0,#f59e0b05 102px);height:200%;left:-50%;top:-50%;width:200%}#root{position:relative;z-index:1}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-light)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes backgroundPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes backgroundMove{0%{transform:translate(0) rotate(0deg)}to{transform:translate(50px,50px) rotate(1turn)}}.container{margin:0 auto;max-width:1400px;padding:0 40px}.section-header{margin-bottom:80px;text-align:center}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3a8a,#f59e0b);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:48px;margin-bottom:15px}.section-header p{color:#6b7280;color:var(--text-light);font-size:18px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:linear-gradient(135deg,var(--primary),var(--primary-light));box-shadow:0 5px 15px #1e3a8a4d;color:#fff}.btn-primary:hover{box-shadow:0 8px 20px #1e3a8a66;transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--accent),var(--accent-dark));box-shadow:0 5px 15px #f59e0b4d;color:#fff}.btn-accent:hover{box-shadow:0 8px 20px #f59e0b66;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #1e3a8a;border:2px solid var(--primary);color:#1e3a8a;color:var(--primary)}.btn-outline:hover{background:#1e3a8a;background:var(--primary);color:#fff}.btn-ghost{background:#0000;color:#1f2937;color:var(--text-dark)}.btn-ghost:hover{color:#f59e0b;color:var(--accent)}.btn-large{font-size:16px;padding:16px 40px}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{align-items:center;color:#1f2937;color:var(--text-dark);display:flex;font-weight:600;gap:8px;margin-bottom:10px}.form-group label svg{color:#f59e0b;color:var(--accent);height:20px;width:20px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:10px;color:#1f2937;color:var(--text-dark);font-size:16px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f59e0b;border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b1a;outline:none}.form-group input::placeholder{color:#6b7280;color:var(--text-light)}.card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #1e3a8a26;box-shadow:var(--shadow);padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:hover{box-shadow:0 20px 50px #1e3a8a33;box-shadow:var(--shadow-lg);transform:translateY(-5px)}@media (max-width:1200px){.container{padding:0 30px}.section-header h2{font-size:36px}}@media (max-width:768px){.container{padding:0 20px}.section-header h2{font-size:28px}.section-header p{font-size:16px}.btn{font-size:13px;padding:10px 20px}.btn-large{font-size:15px;padding:14px 30px}}@media (max-width:480px){.container{padding:0 15px}.section-header h2{font-size:24px}.btn{font-size:12px;padding:8px 16px}}@media (max-width:400px){.container{padding:0 12px}.section-header h2{font-size:22px}.section-header p{font-size:14px}.btn{font-size:11px;padding:7px 14px}.btn-large{font-size:14px;padding:12px 24px}.card{border-radius:12px;padding:16px}}@media (hover:none) and (pointer:coarse){.btn,.btn-large,.card{min-height:44px}.btn:active,.card:active{transform:scale(.98)}.card:hover{transform:none}}body,html{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box}:root{--sidebar-width:280px;--sidebar-collapsed-width:70px;--navbar-height:70px;--mobile-navbar-height:60px;--container-padding:40px;--mobile-padding:16px;--tablet-padding:24px}.mobile-hamburger{align-items:center;background:linear-gradient(135deg,#1a1d2e,#16213e);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000004d;cursor:pointer;display:none;height:48px;justify-content:center;left:16px;position:fixed;top:16px;transition:all .3s ease;width:48px;z-index:1100}.mobile-hamburger:hover{box-shadow:0 6px 25px #0006;transform:scale(1.05)}.mobile-hamburger svg{color:#fff;height:24px;width:24px}.mobile-hamburger.open svg{color:#f97316}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:none;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;z-index:999}.sidebar-overlay.visible{display:block;opacity:1}@media (max-width:768px){html{font-size:14px}h1{font-size:1.75rem!important;line-height:1.2!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}p{font-size:.95rem}}@media (max-width:480px){html{font-size:13px}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}}@media (max-width:430px) and (min-height:900px){html{font-size:14px}h1{font-size:1.6rem!important;line-height:1.25!important}h2{font-size:1.35rem!important}h3{font-size:1.15rem!important}.responsive-container{padding:0 18px}}@media (max-width:375px){html{font-size:12px}h1{font-size:1.4rem!important}h2{font-size:1.15rem!important}.responsive-container{padding:0 14px}}.responsive-container{margin:0 auto;max-width:1400px;padding:0 40px;padding:0 var(--container-padding);width:100%}@media (max-width:1024px){.responsive-container{padding:0 24px;padding:0 var(--tablet-padding)}}@media (max-width:768px){.responsive-container{padding:0 16px;padding:0 var(--mobile-padding)}}.responsive-grid{grid-gap:24px;display:grid;gap:24px}.responsive-grid.cols-2{grid-template-columns:repeat(2,1fr)}.responsive-grid.cols-3{grid-template-columns:repeat(3,1fr)}.responsive-grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.responsive-grid.cols-3,.responsive-grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.responsive-grid.cols-2,.responsive-grid.cols-3,.responsive-grid.cols-4{gap:16px;grid-template-columns:1fr}}.responsive-flex{display:flex;flex-wrap:wrap;gap:16px}.responsive-flex.column-mobile{flex-direction:row}@media (max-width:768px){.responsive-flex.column-mobile{flex-direction:column}}.hide-mobile,.hide-tablet{display:block}.hide-desktop{display:none}.show-mobile,.show-tablet{display:none!important}@media (max-width:1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.mobile-hamburger{display:flex!important}}.p-responsive{padding:32px}.px-responsive{padding-left:32px;padding-right:32px}.py-responsive{padding-bottom:32px;padding-top:32px}.m-responsive{margin:32px}.gap-responsive{gap:24px}@media (max-width:768px){.p-responsive{padding:16px}.px-responsive{padding-left:16px;padding-right:16px}.py-responsive{padding-bottom:16px;padding-top:16px}.m-responsive{margin:16px}.gap-responsive{gap:12px}.btn,button{min-height:44px}.btn-large{font-size:14px!important;padding:14px 24px!important}}@media (max-width:480px){.btn-large{justify-content:center;width:100%}}.responsive-card{border-radius:16px;padding:24px}@media (max-width:768px){.responsive-card{border-radius:12px;padding:16px}}@supports (padding:max(0px)){.safe-area-inset{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}}.modal-overlay{padding:20px}.modal-content{max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:16px}.modal-content{border-radius:20px 20px 0 0;max-height:85vh;max-width:100%}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px 14px}.form-group label{font-size:14px}.form-grid{grid-template-columns:1fr!important}}.responsive-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:768px){.responsive-table{display:block;width:100%}.responsive-table thead{display:none}.responsive-table tbody,.responsive-table tr{display:block}.responsive-table tr{border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;padding:12px}.responsive-table td{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:8px 0}.responsive-table td:last-child{border-bottom:none}.responsive-table td:before{color:var(--text-dark);content:attr(data-label);font-weight:600}}.scroll-horizontal{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.scroll-horizontal::-webkit-scrollbar{height:6px}.scroll-horizontal::-webkit-scrollbar-track{background:#0000}.scroll-horizontal::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}@media (hover:none) and (pointer:coarse){.tap-target{min-height:44px;min-width:44px}.hover-effect:hover{transform:none}.tap-target:active{opacity:.9;transform:scale(.98)}}@media (max-height:500px) and (orientation:landscape){.landscape-compact{padding-bottom:8px!important;padding-top:8px!important}.landscape-hide{display:none!important}}@media print{.no-print{display:none!important}.print-break{page-break-after:always}body{background:#fff!important;font-size:12pt}.floating-navbar,.modern-sidebar,.navbar,.sidebar{display:none!important}.dashboard-main,.main-content{margin-left:0!important;padding:0!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.logo-img{image-rendering:-webkit-optimize-contrast}}@media (max-width:430px) and (min-height:900px){.hero{padding:90px 0 60px!important}.hero-title{font-size:2rem!important;line-height:1.2!important}.hero-subtitle{font-size:1rem!important;padding:0 12px!important}.btn-large,.btn-primary,.btn-secondary{font-size:1rem!important;max-width:300px!important;padding:14px 28px!important}.hero-content{gap:35px!important}.genie-mascot-container{max-width:320px!important}}@media (max-width:375px){.hero{padding:70px 0 40px!important}.hero-title{font-size:1.6rem!important}.hero-subtitle{font-size:.9rem!important}.btn-large,.btn-primary,.btn-secondary{font-size:.9rem!important;padding:12px 20px!important}.genie-mascot-container{max-width:260px!important}}@media (max-width:430px) and (min-height:900px){.features{padding:60px 0!important}.feature-card{padding:24px 20px!important}.feature-card h3{font-size:1.1rem!important}.feature-card p{font-size:.95rem!important}}@media (max-width:375px){.features{padding:50px 0!important}.feature-card{padding:20px 16px!important}.feature-card h3{font-size:1rem!important}}@media (max-width:430px) and (min-height:900px){.packages{padding:60px 0!important}.package-card{margin:0 12px!important;padding:28px 20px!important}.package-header h3{font-size:1.3rem!important}.package-price{font-size:2rem!important}.package-feature{font-size:.95rem!important;padding:10px 0!important}}@media (max-width:375px){.packages{padding:50px 0!important}.package-card{margin:0 8px!important;padding:24px 16px!important}.package-header h3{font-size:1.2rem!important}.package-price{font-size:1.8rem!important}}@media (max-width:430px) and (min-height:900px){.cta{padding:60px 0!important}.cta-header h2{font-size:1.8rem!important}.cta-header p{font-size:1rem!important}.cta-feature{font-size:.95rem!important;padding:12px 18px!important}}@media (max-width:375px){.cta{padding:50px 0!important}.cta-header h2{font-size:1.6rem!important}.cta-header p{font-size:.9rem!important}.cta-feature{font-size:.85rem!important;padding:10px 14px!important}}@media (max-width:430px) and (min-height:900px){.copilot-container{padding:100px 18px 40px!important}.greeting-text{font-size:46px!important}.greeting-subtext{font-size:18px!important}.prompt-bar{padding:18px 20px!important}.prompt-textarea{font-size:16px!important}.btn-generate-copilot{height:52px!important;width:52px!important}.context-pill,.suggestion-chip{font-size:15px!important;padding:12px 20px!important}.stat-pill{font-size:13px!important;padding:8px 16px!important}}@media (max-width:375px){.copilot-container{padding:90px 14px 30px!important}.greeting-text{font-size:40px!important}.greeting-subtext{font-size:16px!important}.prompt-bar{padding:14px 16px!important}.btn-generate-copilot{height:46px!important;width:46px!important}.context-pill,.suggestion-chip{font-size:14px!important;padding:10px 16px!important}}@media (max-width:430px) and (min-height:900px){.lesson-view-container{padding:18px!important}.lesson-header{padding:40px 30px!important}.lesson-title{font-size:1.8rem!important}.lesson-content-grid{gap:24px!important}.lesson-panel{padding:28px 20px!important}.panel-title{font-size:1.5rem!important}.objective-item,.takeaway-item{padding:20px 18px!important}}@media (max-width:375px){.lesson-view-container{padding:14px!important}.lesson-header{padding:32px 24px!important}.lesson-title{font-size:1.6rem!important}.lesson-panel{padding:24px 16px!important}.panel-title{font-size:1.3rem!important}.objective-item,.takeaway-item{padding:16px 14px!important}}@media (max-width:430px) and (min-height:900px){.testimonial-card{padding:28px 20px!important}.testimonial-name{font-size:1.1rem!important}.testimonial-role{font-size:.9rem!important}.testimonial-text{font-size:.95rem!important}}@media (max-width:375px){.testimonial-card{padding:24px 16px!important}.testimonial-name{font-size:1rem!important}.testimonial-text{font-size:.85rem!important}}@media (max-width:430px) and (min-height:900px){.gallery-wrapper{margin:1.5rem auto!important;padding:1.5rem!important}.gallery-section-title{font-size:2rem!important}.gallery-section-subtitle{font-size:1rem!important}.draggable-card-container{height:450px!important;max-width:380px!important}.draggable-card{height:380px!important;margin-left:-145px!important;margin-top:-190px!important;width:290px!important}}@media (max-width:375px){.gallery-wrapper{margin:1rem auto!important;padding:1rem!important}.gallery-section-title{font-size:1.7rem!important}.gallery-section-subtitle{font-size:.9rem!important}.draggable-card-container{height:400px!important;max-width:320px!important}.draggable-card{height:340px!important;margin-left:-130px!important;margin-top:-170px!important;width:260px!important}}@media (max-width:430px) and (min-height:900px){.team-hero{padding:130px 0 70px!important}.team-hero-title{font-size:2.2rem!important}.team-hero-subtitle{font-size:1rem!important}.team-card{padding:36px 24px!important}.team-name{font-size:1.3rem!important}.team-bio{font-size:.95rem!important}}@media (max-width:375px){.team-hero{padding:110px 0 60px!important}.team-hero-title{font-size:1.9rem!important}.team-hero-subtitle{font-size:.9rem!important}.team-card{padding:30px 20px!important}.team-name{font-size:1.2rem!important}}@media (max-width:430px) and (min-height:900px){.footer{padding:50px 0 30px!important}.footer-content{gap:32px!important}.footer h4{font-size:1.1rem!important}.footer-link{font-size:.95rem!important;padding:8px 0!important}}@media (max-width:375px){.footer{padding:40px 0 24px!important}.footer-content{gap:28px!important}.footer h4{font-size:1rem!important}.footer-link{font-size:.9rem!important}}@media (max-width:430px) and (min-height:900px){.form-container{padding:40px 24px!important}.form-section{padding:32px 24px!important}.form-section h2{font-size:1.6rem!important}.form-section input,.form-section select,.form-section textarea{font-size:1rem!important;padding:14px 16px!important}.form-section button{font-size:1rem!important;padding:14px 24px!important}}@media (max-width:375px){.form-container{padding:32px 20px!important}.form-section{padding:28px 20px!important}.form-section h2{font-size:1.4rem!important}.form-section input,.form-section select,.form-section textarea{font-size:.95rem!important;padding:12px 14px!important}}@media (max-height:500px) and (orientation:landscape){.hero{padding:60px 0 40px!important}.lesson-header{padding:24px 20px!important}.team-hero{padding:80px 0 40px!important}.floating-navbar{padding:6px 12px!important;top:6px!important}.modal-content{max-height:85vh!important;overflow-y:auto!important}}@media (hover:none) and (pointer:coarse){.clickable,.nav-item,.sidebar-item,a,button{min-height:44px!important;min-width:44px!important}input,select,textarea{font-size:16px!important}}@media (max-width:768px){*{max-width:100vw!important}img,video{height:auto!important;max-width:100%!important}.container,.section,.wrapper{overflow-x:hidden!important}}:root{--profile-bg:#f8f9fa;--card-bg:#fff;--primary-blue:#2563eb;--primary-hover:#1d4ed8;--text-dark:#1f2937;--text-gray:#6b7280;--border-light:#e5e7eb;--success-green:#10b981;--danger-red:#ef4444}.profile-page-container{background-color:#f8f9fa;background-color:var(--profile-bg);color:#1f2937;color:var(--text-dark);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh;padding:2rem}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1400px}.profile-header h1{color:#1f2937;color:var(--text-dark);font-size:1.5rem;font-weight:700}.auth-btn{background-color:#2563eb;background-color:var(--primary-blue);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .2s}.auth-btn:hover{background-color:#1d4ed8;background-color:var(--primary-hover)}.profile-layout-grid{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1400px}@media (min-width:1024px){.profile-layout-grid{align-items:flex-start;flex-direction:row}}.profile-sidebar{width:100%}@media (min-width:1024px){.profile-sidebar{flex-shrink:0;width:320px}}.sidebar-card{background-color:#fff;background-color:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;text-align:center}.avatar-wrapper{height:100px;margin:0 auto 1rem;position:relative;width:100px}.avatar-image{box-shadow:0 4px 6px -1px #0000001a;object-fit:cover}.avatar-image,.avatar-placeholder{border:4px solid #fff;border-radius:50%;height:100%;width:100%}.avatar-placeholder{background-color:#eff6ff;color:#2563eb;color:var(--primary-blue);font-size:2rem;font-weight:700}.avatar-placeholder,.upload-circle{align-items:center;display:flex;justify-content:center}.upload-circle{background-color:#2563eb;background-color:var(--primary-blue);border:2px solid #fff;border-radius:50%;bottom:0;color:#fff;cursor:pointer;height:32px;position:absolute;right:0;transition:transform .2s;width:32px}.upload-circle:hover{transform:scale(1.1)}.user-name{color:#1f2937;color:var(--text-dark);font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.user-email{color:#6b7280;color:var(--text-gray);font-size:.875rem;margin-bottom:1.5rem}.status-item{background-color:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;margin-bottom:1rem;padding:.75rem;text-align:left}.status-label{align-items:center;color:#6b7280;color:var(--text-gray);display:flex;font-size:.75rem;font-weight:700;gap:.5rem;margin-bottom:.25rem;text-transform:uppercase}.status-value{color:#1f2937;color:var(--text-dark);font-size:.875rem;font-weight:600}.status-active{align-items:center;color:#10b981;color:var(--success-green);display:flex;gap:.5rem}.status-dot{background-color:#10b981;background-color:var(--success-green);border-radius:50%;height:8px;width:8px}.profile-content{flex:1 1;width:100%}.section-title{align-items:center;border-bottom:2px solid #eaefff;color:#2563eb;color:var(--primary-blue);display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.info-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:1.5rem}@media (min-width:768px){.info-cards-grid{grid-template-columns:1fr 1fr}}.info-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;display:flex;flex-direction:column;padding:1.5rem}.card-header{color:#2563eb;color:var(--primary-blue);font-weight:600;gap:.5rem;margin-bottom:1rem}.card-header,.icon-box{align-items:center;display:flex}.icon-box{background-color:#eff6ff;border-radius:.5rem;justify-content:center;padding:.4rem}.card-body{color:#6b7280;color:var(--text-gray);flex:1 1;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.add-field-row{display:flex;gap:.5rem}.input-styled{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;flex:1 1;font-size:.875rem;outline:none;padding:.5rem .75rem;transition:border-color .2s}.input-styled:focus{border-color:#2563eb;border-color:var(--primary-blue);box-shadow:0 0 0 2px #2563eb1a}.btn-icon{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;color:#6b7280;color:var(--text-gray);cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.btn-icon:hover{background-color:#e5e7eb}.edit-form-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;padding:2rem}.form-grid-2{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.form-grid-2{grid-template-columns:1fr 1fr}}.form-field label{color:#1f2937;color:var(--text-dark);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn-cancel{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;color:#6b7280;color:var(--text-gray)}.btn-cancel,.btn-save{cursor:pointer;font-weight:600;padding:.6rem 1.25rem}.btn-save{align-items:center;background-color:#10b981;background-color:var(--success-green);border:none;border-radius:.5rem;color:#fff;display:flex;gap:.5rem}.btn-save:hover{filter:brightness(.95)}[data-theme=light]{--primary:#1e3a8a;--primary-dark:#1e40af;--primary-light:#3b82f6;--accent:#f59e0b;--accent-dark:#d97706;--accent-light:#fbbf24;--success:#10b981;--error:#ef4444;--text-dark:#0f172a;--text-light:#4b5563;--text-muted:#6b7280;--bg-light:#f9fafb;--bg-white:#fff;--bg-subtle:#f3f4f6;--border-color:#d1d5db;--shadow:0 10px 30px #1e3a8a26;--shadow-lg:0 20px 50px #1e3a8a33}[data-theme=light] body{background:var(--bg-light);color:var(--text-dark)}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=light] li,[data-theme=light] p,[data-theme=light] span{color:var(--text-dark)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--bg-white);border-color:var(--border-color);color:var(--text-dark)}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--text-light)}[data-theme=dark]{--primary:#1e293b;--primary-dark:#0f172a;--primary-light:#334155;--accent:#fbbf24;--accent-dark:#d97706;--accent-light:#fcd34d;--success:#10b981;--error:#ef4444;--text-dark:#f1f5f9;--text-light:#cbd5e1;--text-muted:#94a3b8;--bg-light:#0f172a;--bg-white:#1e293b;--bg-subtle:#334155;--border-color:#334155;--shadow:0 10px 30px #00000080;--shadow-lg:0 20px 50px #000000b3}[data-theme=dark] body{background:var(--bg-light);color:var(--text-dark)}[data-theme=dark] *{color:inherit}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-dark);font-weight:700}[data-theme=dark] div,[data-theme=dark] label,[data-theme=dark] li,[data-theme=dark] p,[data-theme=dark] span{color:var(--text-dark)}[data-theme=dark] a{color:var(--accent)}[data-theme=dark] a:hover{color:var(--accent-light)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-white);border-color:var(--border-color);color:var(--text-dark)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-light)}[data-theme=dark] button{color:inherit}[data-theme=dark] .btn-primary{background:var(--primary);color:var(--text-dark)}[data-theme=dark] .btn-accent{background:var(--accent);color:var(--primary-dark)}[data-theme=dark] .btn-outline{border-color:var(--accent);color:var(--accent)}[data-theme=dark] .navbar a,[data-theme=dark] .navbar button{color:var(--text-dark)}[data-theme=dark] .navbar a:hover{color:var(--accent)}[data-theme=dark] .feature-card,[data-theme=dark] .package-card,[data-theme=dark] .section{background:var(--bg-white);border-color:var(--border-color);color:var(--text-dark)}[data-theme=dark] .feature-card h3,[data-theme=dark] .package-card h3{color:var(--text-dark)}[data-theme=dark] .feature-card p,[data-theme=dark] .package-card p{color:var(--text-light)}[data-theme=dark] .hero{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-subtle) 100%);color:var(--text-dark)}[data-theme=dark] .hero h1,[data-theme=dark] .hero h2{color:var(--text-dark)}[data-theme=dark] .hero p{color:var(--text-light)}[data-theme=dark] .packages{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-subtle) 100%);color:var(--text-dark)}[data-theme=dark] .cta{background:linear-gradient(135deg,var(--bg-white) 0,var(--bg-subtle) 100%);color:var(--text-dark)}[data-theme=dark] .cta h2{color:var(--text-dark)}[data-theme=dark] .footer{background:linear-gradient(135deg,var(--bg-white) 0,var(--bg-subtle) 100%);color:var(--text-dark)}[data-theme=dark] .footer h4{color:var(--accent)}[data-theme=dark] .footer p{color:var(--text-light)}[data-theme=dark] .form-section{background:var(--bg-white);border-color:var(--border-color);color:var(--text-dark)}[data-theme=dark] .form-section label{color:var(--text-dark)}[data-theme=dark] .form-section input,[data-theme=dark] .form-section select{background:var(--bg-subtle);border-color:var(--border-color);color:var(--text-dark)}[data-theme=dark] .option-description{color:var(--text-light)}[data-theme=dark] .btn-generate{background:linear-gradient(135deg,var(--accent),var(--accent-light));color:var(--primary-dark)}[data-theme=dark] .navbar{background:var(--bg-white);border-bottom-color:var(--border-color);color:var(--text-dark)}[data-theme=dark] .btn-outline{border-color:#fbbf24;color:#fbbf24}[data-theme=dark] .btn-outline:hover{background:#fbbf241a}[data-theme=dark]{--text-hardcoded-dark:#f1f5f9!important}[data-theme=dark] .stat-label,[data-theme=dark] .stat-value,[data-theme=dark] .statistics h2{color:#f1f5f9!important}[data-theme=dark] .statistics p{color:#cbd5e1!important}[data-theme=dark] .stat-card{background:linear-gradient(135deg,#1e293bcc,#1e293b99)!important;color:#f1f5f9!important}[data-theme=dark] .package-card,[data-theme=dark] .package-card h3,[data-theme=dark] .package-card h4,[data-theme=dark] .package-header h3,[data-theme=dark] .package-price{color:#f1f5f9!important}[data-theme=dark] .package-description,[data-theme=dark] .package-feature{color:#cbd5e1!important}[data-theme=dark] .package-card.featured{background:linear-gradient(135deg,#1e293be6,#1e293bb3)!important;border-color:#fbbf24!important}[data-theme=dark] .form-container,[data-theme=dark] .form-section{background:#0f172a!important;color:#f1f5f9!important}[data-theme=dark] .form-section h2,[data-theme=dark] .form-section h3,[data-theme=dark] .form-section label{color:#f1f5f9!important}[data-theme=dark] .form-section p,[data-theme=dark] .form-section span{color:#cbd5e1!important}[data-theme=dark] .form-section input,[data-theme=dark] .form-section select,[data-theme=dark] .form-section textarea{background:#1e293b!important;border-color:#334155!important;color:#f1f5f9!important}[data-theme=dark] .form-section input::placeholder,[data-theme=dark] .form-section textarea::placeholder{color:#94a3b8!important}[data-theme=dark] .benefit-item,[data-theme=dark] .benefits-list li{color:#f1f5f9!important}[data-theme=dark] .benefits-list li::marker{color:#fbbf24!important}[data-theme=dark] .cta-section{background:linear-gradient(135deg,#0f172a,#1e293b)!important}[data-theme=dark] .cta-section h2,[data-theme=dark] .cta-section h3{color:#f1f5f9!important}[data-theme=dark] .cta-section p{color:#cbd5e1!important}[data-theme=dark] .footer h3,[data-theme=dark] .footer h4,[data-theme=dark] .footer-link{color:#f1f5f9!important}[data-theme=dark] .footer p,[data-theme=dark] .footer span{color:#cbd5e1!important}[data-theme=dark] .generator-section,[data-theme=dark] .material-form{background:#0f172a!important;color:#f1f5f9!important}[data-theme=dark] .form-group label,[data-theme=dark] .form-group span,[data-theme=dark] .generator-section h2,[data-theme=dark] .material-form h2{color:#f1f5f9!important}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background:#1e293b!important;border-color:#334155!important;color:#f1f5f9!important}[data-theme=dark] .section-subtitle,[data-theme=dark] .section-title,[data-theme=dark] :not(button){color:#f1f5f9!important}[data-theme=dark] .description,[data-theme=dark] .subtitle{color:#cbd5e1!important}[data-theme=dark] .how-it-works{background:#0f172a!important;color:#f1f5f9!important}[data-theme=dark] .how-it-works h2{color:#f1f5f9!important}[data-theme=dark] .how-it-works p{color:#cbd5e1!important}[data-theme=dark] .step-card{background:linear-gradient(135deg,#1e293b,#334155)!important;color:#f1f5f9!important}[data-theme=dark] .step-card:hover{background:linear-gradient(135deg,#fbbf24,#fcd34d)!important;color:#0f172a!important}[data-theme=dark] .step-card:hover h3,[data-theme=dark] .step-card:hover p{color:#0f172a!important}[data-theme=dark] .step-number{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fbbf24,#fcd34d)!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=dark] .step-card:hover .step-number{-webkit-text-fill-color:#0f172a!important}[data-theme=dark] .generator{background:linear-gradient(135deg,#0f172a,#1e293b)!important;color:#f1f5f9!important}[data-theme=dark] .generator:before{background:radial-gradient(circle,#fbbf2426 0,#0000 70%)!important}[data-theme=dark] .generator:after{background:radial-gradient(circle,#64748b1a 0,#0000 70%)!important}[data-theme=dark] .section-header h2{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fbbf24,#fcd34d)!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=dark] .section-header p{color:#cbd5e1!important}[data-theme=dark] .header-icon{color:#fbbf24!important}[data-theme=dark] .token-bar,[data-theme=dark] .token-label{color:#f1f5f9!important}[data-theme=dark] .token-value{color:#fbbf24!important}[data-theme=dark] .form-section{background:#1e293b!important;color:#f1f5f9!important}[data-theme=dark] .material-form .form-group label,[data-theme=dark] .material-form label{color:#f1f5f9!important}[data-theme=dark] .material-form .form-group p{color:#cbd5e1!important}[data-theme=dark] .material-form input,[data-theme=dark] .material-form select{background:#0f172a!important}[data-theme=dark] .material-form input::placeholder,[data-theme=dark] .material-form select::placeholder{color:#94a3b8!important}[data-theme=dark] .token-display{background:#0f172a!important}[data-theme=dark] .token-display p{color:#cbd5e1!important}[data-theme=dark] .token-display span{color:#fbbf24!important}[data-theme=dark] .feature-badge{background:#1e293bcc!important;border-color:#334155!important;color:#f1f5f9!important}[data-theme=dark] .feature-badge:hover{background:#fbbf241a!important;border-color:#fbbf24!important}[data-theme=dark] .generator-content h2,[data-theme=dark] .generator-content h3{color:#f1f5f9!important}[data-theme=dark] .generator .section-header p,[data-theme=dark] .generator-content p,[data-theme=dark] .generator-content span,[data-theme=dark] .section-header div,[data-theme=dark] .section-header p,[data-theme=dark] .section-header span{color:#cbd5e1!important}[data-theme=dark] .free-gen-bar{background:linear-gradient(135deg,#1e293b,#334155)!important;border-color:#fbbf24!important;color:#f1f5f9!important}[data-theme=dark] .free-gen-bar div,[data-theme=dark] .free-gen-bar p,[data-theme=dark] .free-gen-bar span,[data-theme=dark] .gen-title{color:#f1f5f9!important}[data-theme=dark] .gen-count{color:#fbbf24!important}[data-theme=dark] .material-form,[data-theme=dark] .material-form *{color:#f1f5f9!important}[data-theme=dark] .material-form{background:#0f172a!important}[data-theme=dark] .form-group{color:#f1f5f9!important}[data-theme=dark] .form-group>div,[data-theme=dark] .form-group>p,[data-theme=dark] .form-group>span{color:#cbd5e1!important}[data-theme=dark] .material-form input,[data-theme=dark] .material-form select{background:#1e293b!important;border-color:#334155!important;color:#f1f5f9!important}[data-theme=dark] .generator div,[data-theme=dark] .generator h1,[data-theme=dark] .generator h2,[data-theme=dark] .generator h3,[data-theme=dark] .generator h4,[data-theme=dark] .generator h5,[data-theme=dark] .generator h6,[data-theme=dark] .generator label,[data-theme=dark] .generator p,[data-theme=dark] .generator span,[data-theme=dark] .token-bar,[data-theme=dark] .token-bar *{color:#f1f5f9!important}[data-theme=dark] .token-bar{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .btn-accent,[data-theme=dark] .btn-generate,[data-theme=dark] .btn-primary{color:#0f172a!important}[data-theme=dark] select{background:#1e293b!important;color:#f1f5f9!important}[data-theme=dark] select option{background:#1e293b;color:#f1f5f9}[data-theme=dark] .hero{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a)!important}[data-theme=dark] .hero-background{background:linear-gradient(135deg,#0f172a,#1e293b)!important}[data-theme=dark] .hero-title{color:#f1f5f9!important;text-shadow:0 2px 4px #00000080!important}[data-theme=dark] .hero-title .navy-text,[data-theme=dark] .navy-text{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#93c5fd,#60a5fa)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#93c5fd!important}[data-theme=dark] .gold-text,[data-theme=dark] .hero-title .gold-text{-webkit-text-fill-color:#0000!important;background:linear-gradient(120deg,#fbbf24,#f59e0b)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#fbbf24!important}[data-theme=dark] .hero-subtitle{color:#cbd5e1!important}[data-theme=dark] .btn-hero-primary,[data-theme=dark] .hero-buttons .btn-primary,[data-theme=dark] .hero-cta-button{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:none!important;color:#0f172a!important}[data-theme=dark] .btn-hero-primary:hover,[data-theme=dark] .hero-buttons .btn-primary:hover,[data-theme=dark] .hero-cta-button:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24)!important;box-shadow:0 8px 24px #fbbf244d!important}[data-theme=dark] .btn-secondary,[data-theme=dark] .hero-buttons .btn-secondary{background:#0000!important;border:2px solid #fbbf24!important;color:#fbbf24!important}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] .hero-buttons .btn-secondary:hover{background:#fbbf241a!important;border-color:#fcd34d!important;box-shadow:0 4px 12px #fbbf244d!important;color:#fcd34d!important}[data-theme=dark] .btn-large,[data-theme=dark] .cta-container .btn-primary,[data-theme=dark] .cta-container button,[data-theme=dark] .cta-section .btn-primary,[data-theme=dark] .cta-section button{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:none!important;box-shadow:0 4px 12px #fbbf244d!important;color:#0f172a!important;font-weight:700!important}[data-theme=dark] .btn-large:hover,[data-theme=dark] .cta-container .btn-primary:hover,[data-theme=dark] .cta-container button:hover,[data-theme=dark] .cta-section .btn-primary:hover,[data-theme=dark] .cta-section button:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24)!important;box-shadow:0 8px 24px #fbbf2466!important;transform:translateY(-2px)!important}[data-theme=dark] .nav-cta-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;box-shadow:0 2px 8px #fbbf2466,inset 0 1px 0 #ffffff1a!important;color:#0f172a!important}[data-theme=dark] .nav-cta-btn:hover{box-shadow:0 6px 20px #fbbf2480,inset 0 1px 0 #fff3!important}[data-theme=dark] .cta h1,[data-theme=dark] .cta h2,[data-theme=dark] .cta-container h1,[data-theme=dark] .cta-container h2,[data-theme=dark] .cta-section h1,[data-theme=dark] .cta-section h2{color:#fff!important;font-weight:800!important}[data-theme=dark] .cta p,[data-theme=dark] .cta-container p,[data-theme=dark] .cta-section p{color:#cbd5e1!important}[data-theme=dark] .cta .btn-secondary,[data-theme=dark] .cta-btn.btn-secondary{background:#0000!important;border:2px solid #fbbf24!important;color:#fbbf24!important}[data-theme=dark] .cta .btn-secondary:hover,[data-theme=dark] .cta-btn.btn-secondary:hover{background:#fbbf241a!important;border-color:#fcd34d!important;box-shadow:0 15px 40px #fbbf2466!important;color:#fcd34d!important}[data-theme=dark] .cta{background:linear-gradient(135deg,#1e293b,#0f172a)!important;border:1px solid #334155!important}[data-theme=dark] .cta-header h2,[data-theme=dark] .cta-title{color:#f1f5f9!important;text-shadow:0 2px 4px #0006!important}[data-theme=dark] .cta-description,[data-theme=dark] .cta-header p{color:#cbd5e1!important}[data-theme=dark] .btn-cta,[data-theme=dark] .cta-button{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:none!important;color:#0f172a!important;font-weight:600!important}[data-theme=dark] .btn-cta:hover,[data-theme=dark] .cta-button:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24)!important;box-shadow:0 8px 24px #fbbf244d!important;transform:translateY(-2px)!important}[data-theme=dark] .cta-feature{background:#1e293b99!important;border:1px solid #334155!important;color:#f1f5f9!important}[data-theme=dark] .cta-feature:hover{background:#334155cc!important;border-color:#fbbf24!important}[data-theme=dark] .testimonial-section,[data-theme=dark] .testimonials{background:linear-gradient(180deg,#0f172a,#1e293b 50%,#0f172a)!important;position:relative!important}[data-theme=dark] .testimonial-header h2{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fbbf24,#fcd34d 50%,#f59e0b)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 2px 12px rgba(251,191,36,.4))!important;font-weight:800!important;text-shadow:none!important}[data-theme=dark] .testimonial-header p{color:#cbd5e1!important;font-weight:500!important}[data-theme=dark] .review-card{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#1e293bf2,#334155e6)!important;border:1px solid #fbbf2433!important;box-shadow:0 8px 32px #0006,0 1px 2px #fbbf241a,inset 0 1px 0 #ffffff0d!important;position:relative!important}[data-theme=dark] .review-card:before{background:linear-gradient(90deg,#0000,#fbbf24,#0000)!important;content:""!important;height:3px!important;left:0!important;opacity:0!important;position:absolute!important;right:0!important;top:0!important;transition:opacity .3s ease!important}[data-theme=dark] .review-card:hover{border-color:#fbbf2480!important;box-shadow:0 12px 48px #00000080,0 4px 12px #fbbf244d,inset 0 1px 0 #ffffff1a!important;transform:translateY(-6px)!important}[data-theme=dark] .review-card:hover:before{opacity:1!important}[data-theme=dark] .review-avatar{border:2px solid #fbbf24!important;box-shadow:0 4px 12px #fbbf244d!important}[data-theme=dark] .review-name{color:#fff!important;font-weight:700!important;text-shadow:0 1px 2px #00000080!important}[data-theme=dark] .review-role{color:#94a3b8!important;font-weight:500!important}[data-theme=dark] .review-body{color:#e2e8f0!important;font-weight:400!important;line-height:1.7!important}[data-theme=dark] .review-stars .star{color:#fbbf24!important;filter:drop-shadow(0 2px 4px rgba(251,191,36,.4))!important}[data-theme=dark] .marquee-wrapper:before{background:linear-gradient(90deg,#0f172a 0,#0000)!important}[data-theme=dark] .marquee-wrapper:after{background:linear-gradient(270deg,#0f172a 0,#0000)!important}[data-theme=dark] .testimonials h2,[data-theme=dark] .testimonials-container h2,[data-theme=dark] .testimonials-section h2{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fbbf24,#fcd34d 50%,#f59e0b)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 2px 12px rgba(251,191,36,.4))!important;font-weight:800!important}[data-theme=dark] .testimonials p,[data-theme=dark] .testimonials-container p,[data-theme=dark] .testimonials-section p{color:#cbd5e1!important}[data-theme=dark] .testimonial-card{background:linear-gradient(135deg,#1e293bf2,#334155e6)!important;border:1px solid #fbbf2433!important;box-shadow:0 8px 32px #0006!important}[data-theme=dark] .testimonial-card:hover{border-color:#fbbf2480!important;box-shadow:0 12px 48px #fbbf244d!important}[data-theme=dark] .testimonial-card p,[data-theme=dark] .testimonial-text{color:#e2e8f0!important;font-weight:400!important}[data-theme=dark] .testimonial-card h3,[data-theme=dark] .testimonial-card h4,[data-theme=dark] .testimonial-name{color:#fff!important;font-weight:700!important}[data-theme=dark] .testimonial-card span,[data-theme=dark] .testimonial-role{color:#94a3b8!important}[data-theme=dark] .testimonial-quote,[data-theme=dark] .testimonial-rating{color:#fbbf24!important}[data-theme=dark] .modal-overlay{background:#000000d9!important}[data-theme=dark] .modal-content{border:1px solid #334155!important;box-shadow:0 20px 50px #00000080!important}[data-theme=dark] .modal-header{background:#0f172a!important;border-bottom:1px solid #334155!important}[data-theme=dark] .modal-title{color:#f1f5f9!important}[data-theme=dark] .modal-close-button{background:#33415580!important;color:#cbd5e1!important}[data-theme=dark] .modal-close-button:hover{background:#334155!important;color:#f1f5f9!important}[data-theme=dark] .modal-body{color:#cbd5e1!important}[data-theme=dark] .modal-footer{border-top:1px solid #334155!important}[data-theme=dark] .tooltip{background:#1e293b!important;border:1px solid #fbbf24!important;box-shadow:0 4px 12px #0006!important;color:#f1f5f9!important}[data-theme=dark] .tooltip-arrow:before{border-color:#fbbf24 #0000 #0000!important}[data-theme=dark] .tooltip-arrow:after{border-color:#1e293b #0000 #0000!important}[data-theme=dark] .quiz-option{background:#1e293b!important}[data-theme=dark] .quiz-option:hover{background:#334155cc!important;border-color:#fbbf24!important;transform:translateX(5px)!important}[data-theme=dark] .quiz-option.correct{background:#22c55e26!important;border-color:#22c55e!important}[data-theme=dark] .packages{background:#0f172a!important}[data-theme=dark] .packages h2{color:#f1f5f9!important}[data-theme=dark] .packages .section-description,[data-theme=dark] .packages>p{color:#cbd5e1!important}[data-theme=dark] .package-card{background:#1e293b!important;border:2px solid #334155!important;box-shadow:0 4px 12px #0000004d!important}[data-theme=dark] .package-card.featured{background:#1e293bf2!important;border:2px solid #fbbf24!important;box-shadow:0 12px 32px #fbbf2433!important}[data-theme=dark] .package-header h3{color:#f1f5f9!important;font-weight:700!important}[data-theme=dark] .package-price{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#fbbf24!important;font-weight:800!important}[data-theme=dark] .package-price span{-webkit-text-fill-color:#cbd5e1!important;color:#cbd5e1!important}[data-theme=dark] .package-card .coming-soon,[data-theme=dark] .package-card .package-status,[data-theme=dark] .package-header .coming-soon,[data-theme=dark] .package-header p{-webkit-text-fill-color:#fbbf24!important;color:#fbbf24!important;font-weight:600!important}[data-theme=dark] .package-card .custom,[data-theme=dark] .package-price.custom{-webkit-text-fill-color:#fbbf24!important;color:#fbbf24!important}[data-theme=dark] .package-feature{border-bottom:1px solid #334155!important;color:#f1f5f9!important}[data-theme=dark] .package-feature.included{color:#f1f5f9!important}[data-theme=dark] .package-feature.excluded,[data-theme=dark] .package-feature.not-included{color:#64748b!important;text-decoration:line-through!important}[data-theme=dark] .package-features li{border-bottom-color:#334155!important;color:#f1f5f9!important}[data-theme=dark] .package-features li svg.check,[data-theme=dark] .package-features li.included svg{color:#10b981!important}[data-theme=dark] .package-features li svg.cross,[data-theme=dark] .package-features li.excluded svg{color:#64748b!important}[data-theme=dark] .btn-package,[data-theme=dark] .package-card .btn,[data-theme=dark] .package-card button{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:none!important;color:#0f172a!important;font-weight:700!important}[data-theme=dark] .btn-package:hover,[data-theme=dark] .package-card .btn:hover,[data-theme=dark] .package-card button:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24)!important;box-shadow:0 8px 24px #fbbf2466!important;transform:translateY(-2px)!important}[data-theme=dark] .btn-package,[data-theme=dark] .package-card button{color:#0f172a!important}[data-theme=dark] .package-card .btn-secondary{background:#0000!important;border:2px solid #fbbf24!important;color:#fbbf24!important}[data-theme=dark] .package-card .btn-secondary:hover{background:#fbbf241a!important;border-color:#fcd34d!important;color:#fcd34d!important}[data-theme=dark] .how-it-works{background:linear-gradient(135deg,#0f172a,#1e293b)!important}[data-theme=dark] .how-it-works h2{color:#fbbf24!important;text-shadow:0 2px 8px #fbbf244d!important}[data-theme=dark] .how-it-works .section-description,[data-theme=dark] .how-it-works>p{color:#cbd5e1!important}[data-theme=dark] .step-card{background:#1e293bcc!important;border:2px solid #334155!important;box-shadow:0 4px 12px #0000004d!important}[data-theme=dark] .step-card:hover{background:#334155e6!important;border-color:#fbbf24!important;box-shadow:0 8px 24px #fbbf244d!important}[data-theme=dark] .step-number{-webkit-text-fill-color:#0f172a!important;background-clip:initial!important;-webkit-background-clip:unset!important;box-shadow:0 4px 12px #fbbf2466!important;font-weight:800!important}[data-theme=dark] .step-card h3{color:#f1f5f9!important;font-weight:700!important}[data-theme=dark] .step-card p{color:#cbd5e1!important}[data-theme=dark] .step-card:hover h3{color:#fff!important}[data-theme=dark] .step-card:hover p{color:#f1f5f9!important}[data-theme=dark] .step-icon{background:#fbbf2426!important;color:#fbbf24!important}[data-theme=dark] .step-arrow{color:#fbbf24!important}[data-theme=dark] .footer{background:#0f172a!important;border-top:1px solid #334155!important}[data-theme=dark] .footer h4{color:#f1f5f9!important}[data-theme=dark] .footer-link{color:#cbd5e1!important}[data-theme=dark] .footer-link:hover{color:#fbbf24!important}[data-theme=dark] .footer-social-icon{background:#33415580!important;color:#cbd5e1!important}[data-theme=dark] .footer-social-icon:hover{background:#334155!important;color:#fbbf24!important}[data-theme=dark] .footer-copyright{border-top:1px solid #334155!important;color:#94a3b8!important}[data-theme=dark] .stat-card{background:#1e293b!important;border:1px solid #334155!important}[data-theme=dark] .stat-number{color:#fbbf24!important;font-weight:700!important}[data-theme=dark] .stat-label{color:#cbd5e1!important}[data-theme=dark] .accordion-item{background:#1e293b!important;border:1px solid #334155!important}[data-theme=dark] .accordion-header{background:#0f172a80!important;color:#f1f5f9!important}[data-theme=dark] .accordion-header:hover{background:#33415580!important}[data-theme=dark] .accordion-content{border-top:1px solid #334155!important;color:#cbd5e1!important}[data-theme=dark] .tabs-container{background:#1e293b!important;border:1px solid #334155!important}[data-theme=dark] .tab-button{background:#0000!important;color:#cbd5e1!important}[data-theme=dark] .tab-button:hover{background:#33415580!important;color:#f1f5f9!important}[data-theme=dark] .tab-button.active{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border-bottom:2px solid #fbbf24!important;color:#0f172a!important}[data-theme=dark] .tab-content{color:#cbd5e1!important}[data-theme=dark] .alert{background:#1e293b!important;border-left:4px solid #fbbf24!important;color:#f1f5f9!important}[data-theme=dark] .alert.success{background:#22c55e1a!important;border-left-color:#22c55e!important}[data-theme=dark] .alert.error{background:#ef44441a!important;border-left-color:#ef4444!important}[data-theme=dark] .alert.warning{background:#f59e0b1a!important;border-left-color:#f59e0b!important}[data-theme=dark] .alert.info{background:#3b82f61a!important;border-left-color:#3b82f6!important}[data-theme=dark] .breadcrumb{color:#94a3b8!important}[data-theme=dark] .breadcrumb-link{color:#cbd5e1!important}[data-theme=dark] .breadcrumb-link:hover{color:#fbbf24!important}[data-theme=dark] .breadcrumb-current{color:#f1f5f9!important;font-weight:600!important}[data-theme=dark] .badge{background:#334155!important;color:#f1f5f9!important}[data-theme=dark] .badge.primary{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#0f172a!important}[data-theme=dark] .badge.success{background:#22c55e!important;color:#fff!important}[data-theme=dark] .badge.danger{background:#ef4444!important;color:#fff!important}[data-theme=dark] .badge.warning{background:#f59e0b!important;color:#0f172a!important}[data-theme=dark] .lesson-view-container{background:#0f172a!important}[data-theme=dark] .lesson-back-btn{background:#1e293b!important;border-color:#334155!important;color:#f1f5f9!important}[data-theme=dark] .lesson-back-btn:hover{background:#334155!important;border-color:#fbbf24!important;color:#fbbf24!important}[data-theme=dark] .lesson-header{background:linear-gradient(135deg,#0f172a,#1e3a8a 40%,#3b82f6 80%,#fbbf24)!important}[data-theme=dark] .lesson-title{color:#fff!important;text-shadow:0 2px 8px #0009!important}[data-theme=dark] .lesson-subtitle{color:#f1f5f9!important;text-shadow:0 1px 3px #00000080!important}[data-theme=dark] .lesson-stats-pill,[data-theme=dark] .stats-badge{background:#fbbf2426!important;border-color:#fbbf24!important;color:#fbbf24!important}[data-theme=dark] .lesson-content-grid{background:#0000!important}[data-theme=dark] .lesson-panel{background:#1e293b!important;border:2px solid #334155!important;box-shadow:0 4px 12px #0000004d!important}[data-theme=dark] .lesson-panel:hover{border-color:#fbbf24!important;box-shadow:0 8px 24px #fbbf2433!important}[data-theme=dark] .panel-header{background:#0f172a80!important;border-bottom-color:#334155!important}[data-theme=dark] .panel-title{color:#f1f5f9!important;text-shadow:none!important}[data-theme=dark] .panel-subtitle{color:#cbd5e1!important}[data-theme=dark] .panel-content{background:#1e293b!important}[data-theme=dark] .objectives-list{background:#0000!important}[data-theme=dark] .objective-item{background:#10b98114!important;border:2px solid #10b981!important;box-shadow:0 2px 8px #10b98133!important}[data-theme=dark] .objective-item:hover{background:#10b98126!important;border-color:#10b981!important;box-shadow:0 8px 24px #10b9814d!important}[data-theme=dark] .objective-number{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 12px #10b98166!important;color:#fff!important}[data-theme=dark] .objective-text{color:#f1f5f9!important;font-weight:500!important}[data-theme=dark] .bloom-badge{background:#fbbf2433!important;border:1px solid #fbbf24!important;color:#fbbf24!important;font-weight:700!important;text-shadow:0 1px 2px #0000004d!important}[data-theme=dark] .content-sections-list{background:#0000!important}[data-theme=dark] .content-section-card{background:#1e293b!important;border:2px solid #334155!important}[data-theme=dark] .content-section-card.expanded{background:#1e293b!important;border-color:#3b82f6!important;box-shadow:0 8px 24px #3b82f64d!important}[data-theme=dark] .content-section-header{background:#0000!important}[data-theme=dark] .content-section-header:hover{background:#3b82f614!important}[data-theme=dark] .section-number{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 4px 12px #3b82f666!important;color:#fff!important}[data-theme=dark] .section-title{color:#f1f5f9!important;font-weight:700!important}[data-theme=dark] .section-chevron{color:#94a3b8!important}[data-theme=dark] .content-section-card.expanded .section-chevron{color:#3b82f6!important}[data-theme=dark] .content-section-body{background:#1e293b!important}[data-theme=dark] .subsection-tabs{border-bottom-color:#334155!important}[data-theme=dark] .subsection-tab{background:#33415566!important;border-color:#0000!important;color:#cbd5e1!important}[data-theme=dark] .subsection-tab:hover{background:#33415599!important;color:#f1f5f9!important}[data-theme=dark] .subsection-tab.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;box-shadow:0 4px 12px #8b5cf666!important;color:#fff!important}[data-theme=dark] .subsection-content{background:#0f172a66!important;border-color:#334155!important}[data-theme=dark] .subsection-text{color:#f1f5f9!important;line-height:1.8!important}[data-theme=dark] .subsection-text p{color:#f1f5f9!important}[data-theme=dark] .subsection-text strong{color:#fbbf24!important;font-weight:700!important}[data-theme=dark] .subsection-text li,[data-theme=dark] .subsection-text ol,[data-theme=dark] .subsection-text ul{color:#f1f5f9!important}[data-theme=dark] .takeaways-list{background:#0000!important}[data-theme=dark] .takeaway-card{background:#3b82f614!important;border:2px solid #3b82f6!important;box-shadow:0 2px 8px #3b82f633!important}[data-theme=dark] .takeaway-card:hover{background:#3b82f626!important;border-color:#3b82f6!important;box-shadow:0 8px 24px #3b82f64d!important}[data-theme=dark] .takeaway-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 4px 12px #3b82f666!important;color:#fff!important}[data-theme=dark] .takeaway-text{color:#f1f5f9!important;font-weight:500!important}[data-theme=dark] .resources-list{background:#0000!important}[data-theme=dark] .resource-item{background:#8b5cf614!important;border:2px solid #8b5cf6!important;box-shadow:0 2px 8px #8b5cf633!important}[data-theme=dark] .resource-item:hover{background:#8b5cf626!important;border-color:#8b5cf6!important;box-shadow:0 8px 24px #8b5cf64d!important}[data-theme=dark] .resource-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;box-shadow:0 4px 12px #8b5cf666!important;color:#fff!important}[data-theme=dark] .resource-description,[data-theme=dark] .resource-text,[data-theme=dark] .resource-title{color:#f1f5f9!important}[data-theme=dark] .resource-link{color:#fbbf24!important}[data-theme=dark] .resource-link:hover{color:#fcd34d!important}[data-theme=dark] .quiz-header{background:#fbbf2414!important;border:2px solid #fbbf24!important}[data-theme=dark] .quiz-stat{color:#f1f5f9!important}[data-theme=dark] .quiz-stat svg{color:#fbbf24!important}[data-theme=dark] .quiz-instructions{background:#3b82f614!important;border:2px solid #3b82f6!important;border-left-width:4px!important;color:#f1f5f9!important}[data-theme=dark] .quiz-instructions svg{color:#3b82f6!important}[data-theme=dark] .quiz-card{background:#1e293b!important;border:2px solid #334155!important}[data-theme=dark] .quiz-card:hover{border-color:#fbbf24!important}[data-theme=dark] .quiz-question{color:#f1f5f9!important;font-weight:600!important}[data-theme=dark] .quiz-number{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#0f172a!important}[data-theme=dark] .quiz-label{color:#fbbf24!important;font-weight:700!important}[data-theme=dark] .quiz-options{background:#0000!important}[data-theme=dark] .quiz-option{background:#33415566!important;border:2px solid #334155!important;color:#f1f5f9!important}[data-theme=dark] .quiz-option:hover{background:#3b82f626!important;border-color:#3b82f6!important}[data-theme=dark] .quiz-option.selected{background:#fbbf2426!important;border-color:#fbbf24!important;color:#fbbf24!important}[data-theme=dark] .quiz-option.correct{background:#10b98126!important;border-color:#10b981!important;color:#10b981!important}[data-theme=dark] .quiz-option.incorrect{background:#ef444426!important;border-color:#ef4444!important;color:#ef4444!important}[data-theme=dark] .quiz-option-letter{background:#334155!important;color:#f1f5f9!important}[data-theme=dark] .quiz-option.selected .quiz-option-letter{background:#fbbf24!important;color:#0f172a!important}[data-theme=dark] .quiz-option.correct .quiz-option-letter{background:#10b981!important;color:#fff!important}[data-theme=dark] .quiz-option.incorrect .quiz-option-letter{background:#ef4444!important;color:#fff!important}[data-theme=dark] .quiz-option-key{background:#334155!important;border:2px solid #475569!important;color:#f1f5f9!important;font-weight:800!important}[data-theme=dark] .quiz-option.selected .quiz-option-key{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:none!important;box-shadow:0 4px 12px #fbbf2466!important;color:#0f172a!important}[data-theme=dark] .quiz-option.correct .quiz-option-key{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;box-shadow:0 6px 20px #10b98180!important;color:#fff!important}[data-theme=dark] .quiz-option.incorrect .quiz-option-key,[data-theme=dark] .quiz-option.wrong .quiz-option-key{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;box-shadow:0 4px 12px #ef444466!important;color:#fff!important}[data-theme=dark] .quiz-option-text{color:#f1f5f9!important}[data-theme=dark] .quiz-explanation{background:#3b82f614!important;border-left:4px solid #3b82f6!important;color:#f1f5f9!important}[data-theme=dark] .quiz-scenario{background:#fbbf2414!important;border:2px solid #fbbf24!important;color:#f1f5f9!important;font-weight:700!important;padding:24px!important}[data-theme=dark] .quiz-scenario span{font-style:italic;font-weight:700!important}[data-theme=dark] .quiz-scenario h3,[data-theme=dark] .quiz-scenario h4{color:#fff!important;font-weight:700!important}[data-theme=dark] .quiz-scenario p{color:#f1f5f9!important;font-weight:500!important}[data-theme=dark] .quiz-scenario strong{color:#fbbf24!important}[data-theme=dark] .sidebar{background:#1e293b!important;border-right:1px solid #334155!important}[data-theme=dark] .sidebar-header{background:#0f172a!important;border-bottom:1px solid #334155!important}[data-theme=dark] .sidebar-title{color:#f1f5f9!important}[data-theme=dark] .new-lesson-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#0f172a!important}[data-theme=dark] .new-lesson-btn:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24)!important;box-shadow:0 4px 12px #fbbf2466!important}[data-theme=dark] .search-lessons{background:#0f172a!important;border-color:#334155!important;color:#f1f5f9!important}[data-theme=dark] .search-lessons::placeholder{color:#64748b!important}[data-theme=dark] .lesson-history-item{background:#3341554d!important;border:1px solid #0000!important}[data-theme=dark] .lesson-history-item:hover{background:#33415599!important;border-color:#fbbf24!important}[data-theme=dark] .lesson-history-item.active{background:#fbbf2426!important;border-color:#fbbf24!important}[data-theme=dark] .history-item-title{color:#f1f5f9!important}[data-theme=dark] .history-item-meta{color:#94a3b8!important}[data-theme=dark] .history-item-time{color:#64748b!important}[data-theme=dark] .generation-time-card,[data-theme=dark] .generation-time-card-styled{background:#fbbf2426!important;border:2px solid #fbbf24!important;color:#f1f5f9!important}[data-theme=dark] .time-value{color:#fbbf24!important}[data-theme=dark] .time-label{color:#cbd5e1!important}[data-theme=dark] .btn-download,[data-theme=dark] .download-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border:none!important;color:#fff!important}[data-theme=dark] .btn-download:hover,[data-theme=dark] .download-btn:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6)!important;box-shadow:0 4px 12px #8b5cf666!important}[data-theme=dark] .btn-evaluate,[data-theme=dark] .evaluate-button{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;color:#fff!important}[data-theme=dark] .btn-evaluate:hover,[data-theme=dark] .evaluate-button:hover{background:linear-gradient(135deg,#34d399,#10b981)!important;box-shadow:0 4px 12px #10b98166!important}[data-theme=dark] .lesson-view-container::-webkit-scrollbar,[data-theme=dark] .panel-content::-webkit-scrollbar,[data-theme=dark] .sidebar::-webkit-scrollbar{width:8px}[data-theme=dark] .lesson-view-container::-webkit-scrollbar-track,[data-theme=dark] .panel-content::-webkit-scrollbar-track,[data-theme=dark] .sidebar::-webkit-scrollbar-track{background:#0f172a}[data-theme=dark] .lesson-view-container::-webkit-scrollbar-thumb,[data-theme=dark] .panel-content::-webkit-scrollbar-thumb,[data-theme=dark] .sidebar::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}[data-theme=dark] .lesson-view-container::-webkit-scrollbar-thumb:hover,[data-theme=dark] .panel-content::-webkit-scrollbar-thumb:hover,[data-theme=dark] .sidebar::-webkit-scrollbar-thumb:hover{background:#fbbf24}[data-theme=dark] .copilot-container,[data-theme=dark] .stats-header{background:#0000!important}[data-theme=dark] .stat-pill{background:#1e293bcc!important;border:1px solid #334155!important;box-shadow:0 2px 8px #0003!important;color:#f1f5f9!important}[data-theme=dark] .stat-pill strong,[data-theme=dark] .stat-pill svg{color:#fbbf24!important}[data-theme=dark] .greeting-section{background:#0000!important}[data-theme=dark] .greeting-text{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fbbf24,#fcd34d 60%,#fff)!important;background-clip:text!important;-webkit-background-clip:text!important;text-shadow:0 4px 20px #fbbf244d!important}[data-theme=dark] .greeting-subtext{color:#cbd5e1!important;font-weight:500!important}[data-theme=dark] .prompt-bar{backdrop-filter:blur(25px) saturate(150%)!important;-webkit-backdrop-filter:blur(25px) saturate(150%)!important;background:#1e293bcc!important;border:1px solid #334155!important;box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #fbbf241a!important}[data-theme=dark] .prompt-bar:focus-within{background:#1e293bf2!important;border-color:#fbbf24!important;box-shadow:0 35px 60px -15px #000000b3,inset 0 0 0 2px #fbbf244d,0 0 40px #fbbf2433!important}[data-theme=dark] .prompt-textarea{caret-color:#fbbf24!important;color:#f1f5f9!important}[data-theme=dark] .prompt-textarea::placeholder{color:#64748b!important}[data-theme=dark] .btn-generate-copilot{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:none!important;box-shadow:0 4px 12px #fbbf2466!important;color:#0f172a!important}[data-theme=dark] .btn-generate-copilot:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24)!important;box-shadow:0 8px 24px #fbbf2480!important;transform:scale(1.05)!important}[data-theme=dark] .btn-generate-copilot:disabled{background:#64748b80!important;box-shadow:none!important;color:#475569!important}[data-theme=dark] .context-pill{background:#3b82f626!important;border:1px solid #3b82f6!important;color:#3b82f6!important}[data-theme=dark] .context-pill:hover{background:#3b82f640!important;border-color:#60a5fa!important;color:#60a5fa!important}[data-theme=dark] .context-pill.active{background:#3b82f64d!important;border-color:#3b82f6!important;color:#fff!important}[data-theme=dark] .suggestions-container{background:#0000!important}[data-theme=dark] .suggestion-chip{background:#1e293bb3!important;border:1px solid #334155!important;color:#f1f5f9!important}[data-theme=dark] .suggestion-chip:hover{background:#334155e6!important;border-color:#fbbf24!important;box-shadow:0 4px 12px #fbbf2433!important;color:#fbbf24!important;transform:translateY(-2px)!important}[data-theme=dark] .suggestion-chip svg{color:#fbbf24!important}[data-theme=dark] .material-form-card{background:#1e293b!important;border:2px solid #334155!important;box-shadow:0 8px 24px #0000004d!important}[data-theme=dark] .material-form-header{background:#0f172a!important;border-bottom:1px solid #334155!important}[data-theme=dark] .material-form-header h2{color:#f1f5f9!important}[data-theme=dark] .material-form-header p{color:#cbd5e1!important}[data-theme=dark] .form-group{background:#0000!important}[data-theme=dark] .form-group label{color:#f1f5f9!important;font-weight:600!important}[data-theme=dark] .form-group .label-required:after{color:#fbbf24!important}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:#0f172a!important;border:2px solid #334155!important;color:#f1f5f9!important}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{background:#1e293b!important;border-color:#fbbf24!important;box-shadow:0 0 0 3px #fbbf2433!important}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#64748b!important}[data-theme=dark] .form-help-text{color:#94a3b8!important}[data-theme=dark] .form-group select option,[data-theme=dark] .tooltip-wrapper .tooltip-content{background:#1e293b!important;color:#f1f5f9!important}[data-theme=dark] .tooltip-wrapper .tooltip-content{border:1px solid #fbbf24!important;box-shadow:0 8px 24px #0006!important}[data-theme=dark] .tooltip-icon{color:#94a3b8!important}[data-theme=dark] .tooltip-icon:hover{color:#fbbf24!important}[data-theme=dark] .token-display{background:#fbbf241a!important;border:1px solid #fbbf24!important;color:#fbbf24!important}[data-theme=dark] .token-display svg{color:#fbbf24!important}[data-theme=dark] .token-display p{color:#f1f5f9!important}[data-theme=dark] .token-display strong{color:#fbbf24!important}[data-theme=dark] .char-counter{color:#94a3b8!important}[data-theme=dark] .char-counter.warning{color:#f59e0b!important}[data-theme=dark] .char-counter.danger{color:#ef4444!important}[data-theme=dark] .generating-indicator{background:#3b82f61a!important;border:1px solid #3b82f6!important;color:#3b82f6!important}[data-theme=dark] .generating-text{color:#f1f5f9!important}[data-theme=dark] .generating-spinner{border-color:#fbbf24 #334155 #334155!important}[data-theme=dark] .progress-bar-container{background:#0f172a!important;border:1px solid #334155!important}[data-theme=dark] .progress-bar-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b 50%,#fbbf24)!important}[data-theme=dark] .progress-text{color:#f1f5f9!important}[data-theme=dark] .error-message{background:#ef44441a!important;border:1px solid #ef4444!important;color:#fca5a5!important}[data-theme=dark] .error-message svg{color:#ef4444!important}[data-theme=dark] .success-message{background:#10b9811a!important;border:1px solid #10b981!important;color:#6ee7b7!important}[data-theme=dark] .success-message svg{color:#10b981!important}[data-theme=dark] div:not(.btn):not(.button),[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] label,[data-theme=dark] li,[data-theme=dark] p,[data-theme=dark] span{color:#f1f5f9!important}[data-theme=dark] .btn,[data-theme=dark] .button,[data-theme=dark] button{color:#0f172a!important}[data-theme=dark] a{color:#fbbf24!important}[data-theme=dark] a:hover{color:#fcd34d!important}[data-theme=dark] code,[data-theme=dark] pre{background:#0f172a!important;border-color:#334155!important;color:#fbbf24!important}[data-theme=dark] ol,[data-theme=dark] ul{color:#f1f5f9!important}[data-theme=dark] table{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] th{background:#0f172a!important;border-color:#334155!important;color:#f1f5f9!important}[data-theme=dark] td{border-color:#334155!important;color:#cbd5e1!important}[data-theme=dark] tr:hover{background:#3341554d!important}[data-theme=dark] blockquote{background:#1e293b80!important;border-left-color:#fbbf24!important;color:#cbd5e1!important}[data-theme=dark] .popover-menu{background:#1e293b!important;border:1px solid #fbbf24!important;box-shadow:0 10px 40px #00000080!important}[data-theme=dark] .popover-item{background:#0000!important;color:#f1f5f9!important}[data-theme=dark] .popover-item:hover{background:#fbbf2426!important;color:#fbbf24!important}[data-theme=dark] .popover-item.selected{background:#fbbf2440!important;color:#fbbf24!important;font-weight:700!important}[data-theme=dark] .MuiAutocomplete-paper,[data-theme=dark] .MuiPaper-root{background:#1e293b!important;border:1px solid #334155!important;box-shadow:0 8px 24px #0006!important}[data-theme=dark] .MuiAutocomplete-option{background:#0000!important;color:#f1f5f9!important}[data-theme=dark] .MuiAutocomplete-option:hover,[data-theme=dark] .MuiAutocomplete-option[data-focus=true]{background:#fbbf2426!important;color:#fbbf24!important}[data-theme=dark] .MuiAutocomplete-option[aria-selected=true]{background:#fbbf2440!important;color:#fbbf24!important;font-weight:600!important}[data-theme=dark] .MuiAutocomplete-listbox{background:#1e293b!important}[data-theme=dark] .MuiAutocomplete-noOptions{color:#cbd5e1!important}[data-theme=dark] .react-select__menu{background:#1e293b!important;border:1px solid #334155!important}[data-theme=dark] .react-select__option{background:#0000!important;color:#f1f5f9!important}[data-theme=dark] .react-select__option--is-focused,[data-theme=dark] .react-select__option:hover{background:#fbbf2426!important;color:#fbbf24!important}[data-theme=dark] .react-select__option--is-selected{background:#fbbf2440!important;color:#fbbf24!important}[data-theme=dark] .react-select__control{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .react-select__single-value{color:#f1f5f9!important}[data-theme=dark] .react-select__placeholder{color:#64748b!important}[data-theme=dark] .scenario-section{background:#1e293b!important;border:2px solid #334155!important}[data-theme=dark] .scenario-header{background:#0f172a80!important;border-bottom:1px solid #334155!important;color:#fbbf24!important;font-weight:800!important}[data-theme=dark] .scenario-header h3,[data-theme=dark] .scenario-header h4{color:#fbbf24!important;font-weight:800!important;text-shadow:0 2px 8px #fbbf244d!important}[data-theme=dark] .scenario-title{color:#fff!important;font-weight:800!important;text-shadow:0 2px 4px #ffffff1a!important}[data-theme=dark] .scenario-label,[data-theme=dark] .scenario-number{color:#fbbf24!important;font-weight:700!important}[data-theme=dark] .scenario-subtitle{color:#cbd5e1!important}[data-theme=dark] .scenario-card{background:#1e293b!important;border:2px solid #fbbf24!important;box-shadow:0 4px 12px #fbbf2433!important}[data-theme=dark] .scenario-content{background:#1e293bcc!important}[data-theme=dark] .scenario-description,[data-theme=dark] .scenario-text{color:#f1f5f9!important;font-weight:500!important}[data-theme=dark] .scenario-question{background:#3b82f614!important;border:2px solid #3b82f6!important;color:#f1f5f9!important;padding:20px!important}[data-theme=dark] .scenario-question h4,[data-theme=dark] .scenario-question h5{color:#fff!important;font-weight:700!important}[data-theme=dark] .scenario-question p{color:#f1f5f9!important}[data-theme=dark] .btn-submit-scenario,[data-theme=dark] .scenario-submit-btn,[data-theme=dark] .submit-scenario-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:none!important;color:#0f172a!important;font-weight:700!important}[data-theme=dark] .btn-submit-scenario:hover,[data-theme=dark] .scenario-submit-btn:hover,[data-theme=dark] .submit-scenario-btn:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24)!important;box-shadow:0 8px 24px #fbbf2466!important}[data-theme=dark] .btn-reset-scenario,[data-theme=dark] .scenario-reset-btn{background:#0000!important;border:2px solid #64748b!important;color:#cbd5e1!important}[data-theme=dark] .btn-reset-scenario:hover,[data-theme=dark] .scenario-reset-btn:hover{background:#64748b1a!important;border-color:#94a3b8!important;color:#f1f5f9!important}[data-theme=dark] .features{background:#0f172a!important}[data-theme=dark] .features h2{color:#f1f5f9!important}[data-theme=dark] .features .section-description,[data-theme=dark] .features>p{color:#cbd5e1!important}[data-theme=dark] .feature-card{background:#1e293b!important;border:1px solid #334155!important}[data-theme=dark] .feature-card:hover{border-color:#fbbf24!important;box-shadow:0 8px 24px #fbbf2426!important}[data-theme=dark] .feature-card h3{color:#f1f5f9!important}[data-theme=dark] .feature-card p{color:#cbd5e1!important}[data-theme=dark] .feature-icon{color:#fbbf24!important}[data-theme=dark] .section-heading,[data-theme=dark] .section-title{color:#f1f5f9!important}[data-theme=dark] .section-description,[data-theme=dark] .section-subtitle{color:#cbd5e1!important}[data-theme=dark] .bg-light,[data-theme=dark] .bg-white,[data-theme=dark] .light-bg{background:#1e293b!important}[data-theme=dark] .text-dark,[data-theme=dark] .text-gray-800,[data-theme=dark] .text-gray-900{color:#f1f5f9!important}[data-theme=dark] .blueprint-modal-backdrop{background:#000c!important}[data-theme=dark] .blueprint-modal{background:#1e293b!important;border:1px solid #334155!important}[data-theme=dark] .modal-header{background:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#1e40af)!important}[data-theme=dark] .modal-subtitle,[data-theme=dark] .modal-title{color:#f1f5f9!important}[data-theme=dark] .modal-close-btn{background:#ffffff1a!important;color:#f1f5f9!important}[data-theme=dark] .modal-close-btn:hover{background:#fff3!important}[data-theme=dark] .modal-content{background:#1e293b!important}[data-theme=dark] .blueprint-card{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .topic-card{background:linear-gradient(135deg,#1e3a5f,#1e293b)!important;border-color:#3b82f6!important}[data-theme=dark] .card-label{color:#94a3b8!important}[data-theme=dark] .topic-text{color:#f1f5f9!important}[data-theme=dark] .blueprint-param{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .param-label{color:#94a3b8!important}[data-theme=dark] .param-value{color:#fbbf24!important}[data-theme=dark] .param-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#0f172a!important}[data-theme=dark] .structure-card{background:#0f172a!important}[data-theme=dark] .structure-header{color:#fbbf24!important}[data-theme=dark] .stat-label{color:#94a3b8!important}[data-theme=dark] .stat-value{color:#fbbf24!important}[data-theme=dark] .stat-divider{background:#334155!important}[data-theme=dark] .path-card{background:#0f172a!important}[data-theme=dark] .path-label{color:#fbbf24!important}[data-theme=dark] .path-step{background:#1e293b!important;border-color:#3b82f6!important}[data-theme=dark] .path-step:hover{background:#334155!important;border-color:#fbbf24!important}[data-theme=dark] .step-name{color:#f1f5f9!important}[data-theme=dark] .step-number{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#0f172a!important}[data-theme=dark] .blueprint-estimate{background:linear-gradient(135deg,#fbbf2433,#1e293b)!important;border-color:#fbbf24!important;color:#fbbf24!important}[data-theme=dark] .blueprint-estimate svg{color:#fbbf24!important}[data-theme=dark] .blueprint-estimate strong{color:#fcd34d!important}[data-theme=dark] .modal-footer{background:#0f172a!important;border-top-color:#334155!important}[data-theme=dark] .btn-edit{background:#1e293b!important;border-color:#334155!important;color:#f1f5f9!important}[data-theme=dark] .btn-edit:hover{background:#334155!important;border-color:#fbbf24!important}[data-theme=dark] .btn-confirm{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#0f172a!important}[data-theme=dark] .btn-confirm:hover{box-shadow:0 12px 28px #fbbf2466!important}[data-theme=dark] .cognitive-load-component{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .gauge-label,[data-theme=dark] .gauge-value{color:#f1f5f9!important}[data-theme=dark] .modal-content::-webkit-scrollbar-track{background:#0f172a!important}[data-theme=dark] .modal-content::-webkit-scrollbar-thumb{background:#64748b!important}[data-theme=dark] .modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}[data-theme=dark] .container h2,[data-theme=dark] .section h2,[data-theme=dark] section h2{color:#fbbf24!important;font-weight:800!important}[data-theme=dark] .section p,[data-theme=dark] section p{color:#cbd5e1!important}[data-theme=dark] .feature-card,[data-theme=dark] .feature-item{background:#1e293b!important;border:1px solid #334155!important}[data-theme=dark] .feature-card:hover,[data-theme=dark] .feature-item:hover{border-color:#fbbf24!important;box-shadow:0 4px 12px #fbbf2433!important}[data-theme=dark] .feature-card h3,[data-theme=dark] .feature-item h3,[data-theme=dark] .feature-title{color:#f1f5f9!important;font-weight:700!important}[data-theme=dark] .feature-card p,[data-theme=dark] .feature-description,[data-theme=dark] .feature-item p{color:#cbd5e1!important}[data-theme=dark] .team h2,[data-theme=dark] .team-container h2,[data-theme=dark] .team-section h2{color:#fbbf24!important;font-weight:800!important}[data-theme=dark] .team-member-card{background:#1e293b!important;border:1px solid #334155!important}[data-theme=dark] .team-member-name{color:#fff!important;font-weight:700!important}[data-theme=dark] .team-member-role{color:#fbbf24!important}[data-theme=dark] .team-member-bio{color:#cbd5e1!important}[data-theme=dark] .modern-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b)!important;border-right:1px solid #fbbf241a!important}[data-theme=dark] .sidebar-profile{border-bottom:1px solid #fbbf241a!important}[data-theme=dark] .sidebar-profile:hover{background:#fbbf240d!important}[data-theme=dark] .sidebar-profile-name{color:#f1f5f9!important}[data-theme=dark] .sidebar-profile-role{color:#94a3b8!important}[data-theme=dark] .sidebar-new-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;box-shadow:0 4px 12px #fbbf2466!important;color:#0f172a!important}[data-theme=dark] .sidebar-new-btn:hover{box-shadow:0 6px 16px #fbbf2480!important}[data-theme=dark] .sidebar-search-input{background:#33415580!important;border:1px solid #fbbf2433!important;color:#f1f5f9!important}[data-theme=dark] .sidebar-search-input:focus{background:#334155b3!important;border-color:#fbbf24!important}[data-theme=dark] .sidebar-search-input::placeholder{color:#f1f5f966!important}[data-theme=dark] .sidebar-search-icon{color:#fbbf2499!important}[data-theme=dark] .sidebar-date-label{color:#fbbf24cc!important}[data-theme=dark] .sidebar-history-item{color:#f1f5f9!important}[data-theme=dark] .sidebar-history-item:hover{background:#33415580!important}[data-theme=dark] .sidebar-history-item.active{background:#fbbf2433!important;border-left-color:#fbbf24!important}[data-theme=dark] .sidebar-history-item-title{color:#f1f5f9!important}[data-theme=dark] .sidebar-history-item-meta,[data-theme=dark] .sidebar-history-item-meta span{color:#94a3b8!important}[data-theme=dark] .sidebar-history-item-icon{color:#fbbf24b3!important}[data-theme=dark] .sidebar-settings{border-top:1px solid #fbbf241a!important}[data-theme=dark] .sidebar-settings-header{color:#f1f5f9e6!important}[data-theme=dark] .sidebar-settings-header:hover{background:#33415580!important;color:#f1f5f9!important}[data-theme=dark] .sidebar-settings-header-text{color:#f1f5f9!important}[data-theme=dark] .sidebar-settings-header-icon{color:#fbbf24b3!important}[data-theme=dark] .sidebar-settings-item{color:#f1f5f9e6!important}[data-theme=dark] .sidebar-settings-item:hover{background:#33415580!important;color:#f1f5f9!important}[data-theme=dark] .sidebar-settings-item.theme-toggle-item{color:#fbbf24!important}[data-theme=dark] .sidebar-settings-item.theme-toggle-item:hover{background:#fbbf2426!important;color:#fcd34d!important}[data-theme=dark] .sidebar-settings-item.logout-item{color:#f87171e6!important}[data-theme=dark] .sidebar-settings-item.logout-item:hover{background:#ef444426!important;color:#f87171!important}[data-theme=dark] .sidebar-history::-webkit-scrollbar-thumb{background:#fbbf244d!important}[data-theme=dark] .sidebar-history::-webkit-scrollbar-thumb:hover{background:#fbbf2480!important}[data-theme=dark] .skeleton-line{background:linear-gradient(90deg,#3341554d 25%,#33415580 50%,#3341554d 75%)!important}[data-theme=dark] .sidebar-close-btn{background:#33415580!important;color:#f1f5f9!important}[data-theme=dark] .sidebar-close-btn:hover{background:#fbbf2433!important;color:#fbbf24!important}[data-theme=light] .step-number{-webkit-text-fill-color:var(--primary)!important;background:none!important;-webkit-background-clip:border-box!important;color:var(--primary)!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.left-0{left:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.z-10{z-index:10}.z-40{z-index:40}.z-\[2000\]{z-index:2000}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-full{height:100%;width:100%}.h-12{height:3rem}.h-20{height:5rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-\[400px\]{min-height:400px}.w-12{width:3rem}.w-20{width:5rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-full{width:100%}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1}.flex-shrink{flex-shrink:1}.translate-y-0{--tw-translate-y:0px}.translate-y-0,.translate-y-12{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-12{--tw-translate-y:3rem}.-rotate-12{--tw-rotate:-12deg}.-rotate-12,.rotate-12{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-12{--tw-rotate:12deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-blue-100{--tw-border-opacity:1;border-color:#dbeafe;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-orange-100{--tw-border-opacity:1;border-color:#ffedd5;border-color:rgb(255 237 213/var(--tw-border-opacity,1))}.border-orange-500{--tw-border-opacity:1;border-color:#f97316;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:#4ade80;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:#fff7ed;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:#f97316;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:#f1f5f9;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-400{--tw-gradient-from:#34d399 var(--tw-gradient-from-position);--tw-gradient-to:#34d39900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:#ec489900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-violet-500{--tw-gradient-from:#8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to:#8b5cf600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from:#facc15 var(--tw-gradient-from-position);--tw-gradient-to:#facc1500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-amber-500{--tw-gradient-to:#f59e0b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f59e0b var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-amber-500{--tw-gradient-to:#f59e0b var(--tw-gradient-to-position)}.to-amber-600{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-rose-600{--tw-gradient-to:#e11d48 var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to:#eab308 var(--tw-gradient-to-position)}.fill-blue-600{fill:#2563eb}.stroke-black\/10{stroke:#0000001a}.stroke-1{stroke-width:1}.object-cover{object-fit:cover}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pt-10{padding-top:2.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-tight{line-height:1.25}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:#f97316;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:#475569;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:#0f172a;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:#eab308;color:rgb(234 179 8/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-orange-500\/20{--tw-shadow-color:#f9731633;--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:rotate-0:hover{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:from-orange-600:hover{--tw-gradient-from:#ea580c var(--tw-gradient-from-position);--tw-gradient-to:#ea580c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-amber-600:hover{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-6{padding:1.5rem}}@media (prefers-color-scheme:dark){.dark\:border-blue-900\/20{border-color:#1e3a8a33}.dark\:border-orange-900\/20{border-color:#7c2d1233}.dark\:bg-blue-900\/10{background-color:#1e3a8a1a}.dark\:bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:bg-orange-900\/10{background-color:#7c2d121a}.dark\:bg-slate-900{--tw-bg-opacity:1;background-color:#0f172a;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:stroke-white\/10{stroke:#ffffff1a}.dark\:text-slate-400{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dark\:text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:opacity-20{opacity:.2}.dark\:hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:#1e293b;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:hover\:text-gray-200:hover{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}}
/*# sourceMappingURL=main.459b4d4c.css.map*/