@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,sans-serif;scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}:root{--bg-primary: #f7f7f7;--bg-secondary: #ffffff;--bg-tertiary: #e5e5e5;--text-primary: #0d0d0d;--text-secondary: #a3a3a3;--border-color: #d4d4d4;--accent-blue: #18a0fb;--accent-purple: #a259ff;--accent-green: #0acf83;--accent-red: #f24e1e;--accent-yellow: #ffbc2c;--aviation-blue: #1e40af;--gradient-primary: linear-gradient(135deg, #a259ff 0%, #18a0fb 100%);--gradient-secondary: linear-gradient(135deg, #a259ff 0%, #1e40af 100%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-3d: 0 20px 60px rgba(0, 0, 0, .3);--shadow-3d-blue: 0 20px 60px rgba(24, 160, 251, .3);--shadow-3d-purple: 0 20px 60px rgba(162, 89, 255, .3);--card-border-radius: 24px;--card-backdrop: blur(20px);--card-gradient: linear-gradient(145deg, #ffffff, #f0f0f0);--card-gradient-dark: linear-gradient(145deg, #2d2d2d, #1c1c1c)}.dark{--bg-primary: #0d0d0d;--bg-secondary: #1c1c1c;--bg-tertiary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #a3a3a3;--border-color: #2d2d2d;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%)}@keyframes pulse-3d{0%,to{transform:scaleZ(1);box-shadow:var(--shadow-md)}50%{transform:scale3d(1.05,1.05,1.1);box-shadow:var(--shadow-3d)}}@keyframes radar-scan{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{opacity:.8;filter:brightness(1)}50%{opacity:1;filter:brightness(1.3)}}.perspective-3d{perspective:1000px;transform-style:preserve-3d}.transform-3d{transform-style:preserve-3d;backface-visibility:hidden}.card-3d{border-radius:var(--card-border-radius);background:var(--card-gradient);-webkit-backdrop-filter:var(--card-backdrop);backdrop-filter:var(--card-backdrop);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-3d);transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:translateZ(0)}.card-3d:hover{transform:translateY(-10px) translateZ(20px) rotateX(5deg);box-shadow:var(--shadow-3d-blue)}.dark .card-3d{background:var(--card-gradient-dark)}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.dark .glass-effect{background:#0003}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}::selection{background-color:var(--accent-blue);color:#fff}:root{--white: #FFFFFF;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-500: #64748B;--gray-700: #334155;--gray-900: #0F172A;--sky-blue: #1E40AF;--sky-blue-dark: #1E3A8A;--accent-purple: #8B5CF6;--accent-purple-dark: #7C3AED;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 10px 25px rgba(0,0,0,.1);--border-radius: 12px;--btn-height: 48px;--transition: all .25s cubic-bezier(.4, 0, .2, 1)}.header{position:sticky;top:0;z-index:1000;background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dark .header{background:#0f172af2;border-bottom:1px solid rgba(255,255,255,.08)}.header__container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:80px;position:relative}.logo{display:flex;align-items:center;gap:.85rem;text-decoration:none;flex-shrink:0;z-index:1001;transition:var(--transition)}.logo:hover{transform:translateY(-1px)}.logo__icon{width:56px;height:56px;object-fit:contain;transition:var(--transition)}.logo:hover .logo__icon{transform:scale(1.08);box-shadow:var(--shadow-lg)}.logo__text{font-size:1.5rem;font-weight:800;color:var(--gray-900);letter-spacing:-.6px}.dark .logo__text{color:#fff}.logo__text span{color:var(--sky-blue)}.dark .logo__text span{color:var(--accent-purple)}.nav{display:none;gap:2.8rem;flex:1;justify-content:center}@media(min-width:1024px){.nav{display:flex}}.nav__link{color:var(--gray-700);text-decoration:none;font-weight:600;font-size:.975rem;padding:.5rem 0;position:relative;transition:var(--transition)}.dark .nav__link{color:var(--gray-300)}.nav__link:hover,.nav__link--active{color:var(--sky-blue)}.dark .nav__link:hover,.dark .nav__link--active{color:var(--accent-purple)}.nav__link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--sky-blue);transition:width .3s ease;border-radius:1px}.dark .nav__link:after{background:var(--accent-purple)}.nav__link:hover:after,.nav__link--active:after{width:100%}.actions{display:none;gap:1rem;flex-shrink:0}@media(min-width:1024px){.actions{display:flex!important}}.btn{height:var(--btn-height);padding:0 1.8rem;border-radius:var(--border-radius);font-weight:600;font-size:.925rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:var(--transition);min-width:120px;white-space:nowrap;cursor:pointer}.btn--secondary{color:var(--sky-blue)!important;background:transparent!important;border:2px solid var(--sky-blue)!important}.btn--secondary:hover{background:var(--sky-blue)!important;color:#fff!important;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--primary{background:linear-gradient(135deg,var(--sky-blue),var(--accent-purple));color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}@media(min-width:1024px){.menu-toggle{display:none}}.menu-toggle span{width:24px;height:2px;background:var(--gray-900);transition:.3s;border-radius:2px}.dark .menu-toggle span{background:#fff}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--white);box-shadow:var(--shadow-lg);border-radius:0 0 16px 16px;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .3s ease;z-index:999;border-top:1px solid var(--gray-200)}.dark .mobile-menu{background:var(--gray-900);border-top:1px solid rgba(255,255,255,.08)}.mobile-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav{padding:2rem;display:flex;flex-direction:column;gap:.5rem}.mobile-nav .nav__link{padding:1rem 0;font-size:1.1rem;font-weight:600}.mobile-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;padding:1.5rem 2rem 2rem;border-top:1px solid var(--gray-200)}.dark .mobile-actions{border-top:1px solid rgba(255,255,255,.08)}.mobile-actions .btn{width:100%;height:52px;font-size:1rem}.theme-toggle{margin-left:1rem;width:52px;height:52px;border-radius:16px;background:var(--gray-100);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.dark .theme-toggle{background:#ffffff1f;box-shadow:0 4px 20px #0000004d}.theme-toggle:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-lg);background:var(--gray-200)}.dark .theme-toggle:hover{background:#ffffff2e}.theme-toggle__icon{color:var(--sky-blue);transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.dark .theme-toggle__icon{color:var(--accent-purple)}.sun-rays{opacity:1;transition:opacity .4s ease}.moon{opacity:0;transform:scale(.8);transform-origin:center;transition:all .5s cubic-bezier(.4,0,.2,1)}.dark .sun-rays,.dark .sun{opacity:0;transform:scale(.8)}.dark .moon{opacity:1;transform:scale(1)}.mobile-theme-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem;background:var(--gray-100);border-radius:12px;font-weight:600;color:var(--gray-700);border:none;cursor:pointer;transition:var(--transition)}.dark .mobile-theme-toggle{background:#ffffff1a;color:var(--gray-200)}.mobile-theme-toggle:hover{background:var(--gray-200)}.dark .mobile-theme-toggle:hover{background:#fff3}:root{--white: #FFFFFF;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-900: #0F172A;--sky-blue: #1E40AF;--accent-purple: #8B5CF6;--neon-blue: #00D1FF;--neon-purple: #B026FF;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 10px 25px rgba(0,0,0,.1);--shadow-3d: 0 20px 60px rgba(0,0,0,.3);--border-radius: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.footer{position:relative;background:linear-gradient(135deg,var(--gray-900) 0%,#0a0f1f 100%);color:var(--gray-200);padding-top:6rem;margin-top:auto;overflow:visible;border-top:1px solid rgba(255,255,255,.08)}.dark .footer{background:linear-gradient(135deg,#0a0f1f,#060913)}.footer-waves{position:absolute;top:0;left:0;right:0;height:200px;overflow:hidden;opacity:.6}.wave{position:absolute;bottom:0;left:0;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(30,64,175,.2) 50%,transparent 100%);animation:waveMove 20s linear infinite;transform-origin:center bottom}.wave-1{height:60px;opacity:.4;animation-duration:25s;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.15) 50%,transparent 100%)}.wave-2{height:100px;opacity:.3;animation-duration:20s;animation-delay:-5s}.wave-3{height:80px;opacity:.25;animation-duration:30s;animation-delay:-10s}@keyframes waveMove{0%{transform:translate(0) translateZ(0) scaleY(1)}50%{transform:translate(-25%) translateZ(0) scaleY(.8)}to{transform:translate(-50%) translateZ(0) scaleY(1)}}.back-to-top{position:absolute;top:-28px;left:50%;transform:translate(-50%);width:56px;height:56px;background:linear-gradient(135deg,var(--sky-blue),var(--accent-purple));border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #1e40af4d,0 0 0 4px #ffffff1a,inset 0 1px #fff3;z-index:100}.back-to-top:hover{transform:translate(-50%) translateY(-4px);box-shadow:0 12px 40px #1e40af66,0 0 0 6px #ffffff26,inset 0 1px #ffffff4d}.back-to-top:active{transform:translate(-50%) translateY(-2px)}.footer-container{max-width:1400px;margin:0 auto;padding:0 2rem 4rem;position:relative;z-index:2}.footer-top{display:grid;grid-template-columns:1fr;gap:4rem;margin-bottom:5rem;padding-bottom:4rem;border-bottom:1px solid rgba(255,255,255,.08)}@media(min-width:1024px){.footer-top{grid-template-columns:1fr 2fr;gap:6rem}}.footer-brand{display:flex;flex-direction:column}.footer-logo{display:flex;align-items:center;gap:1rem;text-decoration:none;margin-bottom:1.5rem}.footer-logo-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--sky-blue),var(--accent-purple));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:2rem;box-shadow:0 8px 32px #1e40af4d,inset 0 1px #fff3;transform:perspective(1000px) rotateY(-15deg);transition:all .4s cubic-bezier(.4,0,.2,1)}.footer-logo:hover .footer-logo-icon{transform:perspective(1000px) rotateY(0) scale(1.1);box-shadow:0 12px 48px #1e40af66,inset 0 1px #ffffff4d}.footer-logo-text{font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:-.5px}.footer-logo-text span{color:var(--accent-purple);background:linear-gradient(135deg,var(--accent-purple),#A78BFA);-webkit-background-clip:text;background-clip:text;color:transparent}.footer-tagline{font-size:1.1rem;line-height:1.6;color:var(--gray-300);margin-bottom:2rem;max-width:400px}.footer-social{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto}.social-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-decoration:none;color:var(--gray-300);font-weight:500;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1e40af33,#8b5cf633);opacity:0;transition:opacity .3s ease}.social-link:hover{transform:translateY(-2px);color:#fff;border-color:#8b5cf64d;box-shadow:0 8px 32px #1e40af33,0 0 0 1px #8b5cf633}.social-link:hover:before{opacity:1}.social-icon{font-size:1.25rem;transition:transform .3s ease}.social-link:hover .social-icon{transform:scale(1.2)}.social-name{position:relative;z-index:1}.footer-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(min-width:768px){.footer-links-grid{grid-template-columns:repeat(4,1fr)}}.footer-column-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:1.5rem;position:relative;padding-bottom:.75rem}.footer-column-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--sky-blue),var(--accent-purple));border-radius:2px}.footer-column-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-link{display:flex;align-items:center;justify-content:space-between;color:var(--gray-400);text-decoration:none;transition:all .3s ease;border-radius:8px;padding:.75rem .5rem}.footer-link:hover{color:#fff;background:#ffffff0d;transform:translate(8px);padding-left:1rem;padding-right:1rem}.footer-link-text{font-weight:500}.footer-link-arrow{opacity:0;transform:translate(-10px);transition:all .3s ease;color:var(--accent-purple)}.footer-link:hover .footer-link-arrow{opacity:1;transform:translate(0)}.footer-newsletter{background:linear-gradient(135deg,#1e40af26,#8b5cf626);border-radius:24px;padding:3rem;margin-bottom:4rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.footer-newsletter:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(30,64,175,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.2) 0%,transparent 50%);z-index:1}.newsletter-content{position:relative;z-index:2;margin-bottom:2rem}.newsletter-title{font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:.75rem;background:linear-gradient(135deg,white,var(--gray-300));-webkit-background-clip:text;background-clip:text;color:transparent}.newsletter-description{color:var(--gray-300);font-size:1.1rem;line-height:1.6;max-width:600px}.newsletter-form{position:relative;z-index:2}.newsletter-input-group{display:flex;flex-direction:column;gap:1rem;max-width:500px}@media(min-width:768px){.newsletter-input-group{flex-direction:row}}.newsletter-input{flex:1;height:56px;padding:0 1.5rem;background:#ffffff14;border:2px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.newsletter-input:focus{outline:none;border-color:var(--accent-purple);background:#ffffff1f;box-shadow:0 0 0 4px #8b5cf633}.newsletter-input::placeholder{color:var(--gray-500)}.newsletter-button{height:56px;padding:0 2rem;background:linear-gradient(135deg,var(--neon-blue) 0%,var(--sky-blue) 25%,var(--accent-purple) 75%,var(--neon-purple) 100%);background-size:200% auto;color:var(--white);border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;transform-style:preserve-3d;box-shadow:0 10px 40px #00d1ff4d,inset 0 1px 1px #fff3;animation:shimmer 2s ease-in-out infinite;white-space:nowrap;flex:0 0 auto}.newsletter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .7s ease}.newsletter-button:hover{transform:translateY(-3px) translateZ(20px);box-shadow:0 15px 50px #00d1ff80,0 0 30px #b026ff66,inset 0 1px 1px #ffffff4d;background-position:right center}.newsletter-button:hover:before{left:100%}.newsletter-button .btn-icon{transition:transform .3s ease}.newsletter-button:hover .btn-icon{transform:translate(5px) translateZ(10px)}.newsletter-note{color:var(--gray-500);font-size:.9rem;margin-top:1rem}.footer-bottom{display:flex;flex-direction:column;gap:2rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.08)}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}.footer-copyright{color:var(--gray-500);font-size:.95rem}.copyright-divider{margin:0 1rem;color:var(--gray-400)}.copyright-region{color:var(--accent-purple);font-weight:500}.footer-extra{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.footer-extra{flex-direction:row;align-items:center;gap:3rem}}.footer-extra-links{display:flex;gap:2rem}.extra-link{color:var(--gray-500);text-decoration:none;font-size:.95rem;transition:color .3s ease;position:relative}.extra-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-purple);transition:width .3s ease;border-radius:1px}.extra-link:hover{color:#fff}.extra-link:hover:after{width:100%}.footer-badges{display:flex;flex-wrap:wrap;gap:.75rem}.badge{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.85rem;color:var(--gray-400);display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.badge:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px);border-color:#8b5cf64d}.footer-floating-elements{position:absolute;inset:0;pointer-events:none;z-index:1}.floating-plane,.floating-cloud,.floating-radar,.floating-satellite{position:absolute;font-size:2.5rem;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));animation:float 6s ease-in-out infinite;opacity:.15}.floating-plane{top:20%;left:10%;animation-delay:0s;animation-duration:8s}.floating-cloud{top:60%;right:15%;animation-delay:-2s;animation-duration:10s}.floating-radar{bottom:30%;left:20%;animation-delay:-4s;animation-duration:7s}.floating-satellite{top:40%;right:5%;animation-delay:-6s;animation-duration:9s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.dark .footer{background:linear-gradient(135deg,#060913,#04060f)}.dark .footer-newsletter{background:linear-gradient(135deg,#1e40af33,#8b5cf633)}@media(max-width:768px){.footer-container{padding:0 1.5rem 3rem}.footer-top{gap:3rem;margin-bottom:3rem;padding-bottom:3rem}.footer-newsletter{padding:2rem}.footer-links-grid{gap:1.5rem}.footer-social{justify-content:center}.footer-extra-links{justify-content:center;gap:1.5rem}.footer-badges{justify-content:center}.newsletter-button{padding:0 1.5rem;font-size:14px}}.notification-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.notification-panel{position:fixed;top:0;right:0;width:380px;height:100%;background:var(--bg-secondary);box-shadow:-4px 0 20px #0000001a;z-index:1001;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column}.notification-panel.open{transform:translate(0)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.header-title{display:flex;align-items:center;gap:.75rem}.header-title h3{font-size:1.25rem;font-weight:600;margin:0}.badge{background:var(--primary-purple);color:#fff;border-radius:12px;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn:hover{color:var(--text-primary)}.panel-actions{padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color);text-align:right}.mark-all-btn{background:none;border:none;color:var(--primary-purple);cursor:pointer;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;transition:opacity .2s}.mark-all-btn:hover{opacity:.8}.notifications-list{flex:1;overflow-y:auto;padding:.5rem 0}.notification-item{display:flex;gap:1rem;padding:1rem 1.5rem;cursor:pointer;transition:background .2s;position:relative}.notification-item:hover{background:var(--bg-tertiary)}.notification-item.unread{background:#8b5cf60d}.notification-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.meeting{background:#3b82f61a;color:#3b82f6}.notification-icon.content{background:#8b5cf61a;color:#8b5cf6}.notification-icon.graded{background:#10b9811a;color:#10b981}.notification-icon.info{background:#f59e0b1a;color:#f59e0b}.notification-content{flex:1}.notification-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;font-size:.9rem}.notification-message{font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem;line-height:1.4}.notification-time{font-size:.7rem;color:var(--text-tertiary)}.unread-dot{width:8px;height:8px;background:var(--primary-purple);border-radius:50%;position:absolute;top:1rem;right:1.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary);gap:1rem}.dashboard-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--bg-secondary-rgb),.8)}.header-left{display:flex;align-items:center;gap:1rem;flex:1;justify-content:flex-start}.mobile-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.mobile-toggle:hover{background:var(--bg-tertiary)}.search-container{flex:1;display:flex;justify-content:flex-start;max-width:500px}.search-bar{display:flex;align-items:center;gap:.75rem;background:var(--bg-tertiary);padding:.75rem 1rem;border-radius:12px;width:100%;max-width:400px;transition:all .3s ease;border:1px solid transparent}.search-bar:focus-within{background:var(--bg-secondary);box-shadow:0 0 0 2px var(--accent-blue);border-color:var(--accent-blue)}.search-bar svg{color:var(--text-secondary)}.search-input{background:none;border:none;color:var(--text-primary);font-size:.95rem;width:100%;outline:none}.search-input::placeholder{color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:1rem}.theme-toggle{background:var(--bg-tertiary);border:none;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .3s ease}.theme-toggle:hover{background:var(--accent-blue);color:#fff;transform:rotate(15deg)}.notification-btn{position:relative;background:var(--bg-tertiary);border:none;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .3s ease}.notification-btn:hover{background:var(--accent-purple);color:#fff}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--accent-red);color:#fff;font-size:.75rem;font-weight:600;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.user-menu{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:12px;background:var(--bg-tertiary);position:relative;cursor:pointer;transition:all .3s ease}.user-menu:hover{background:var(--border-color)}.user-avatar{width:36px;height:36px;background:var(--gradient-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-info{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.user-role{font-size:.8rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:6px;margin-top:.25rem}.user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-lg);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-content{padding:.5rem}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:none;border:none;color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all .3s ease}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item svg{color:var(--text-secondary)}@media(max-width:768px){.mobile-toggle{display:flex}.search-container,.user-info{display:none}.header-right{gap:.5rem}}.dashboard-sidebar{width:280px;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000;transition:transform .3s ease;overflow:hidden}.sidebar-close{background:none;border:none;color:var(--text-secondary);cursor:pointer}.sidebar-footer{padding:1.5rem;border-top:1px solid var(--border-color)}.training-progress{background:var(--bg-tertiary);padding:1rem;border-radius:12px}.progress-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.progress-value{font-weight:700;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.progress-track{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary)}.dashboard-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.dashboard-main{flex:1;margin-left:280px;display:flex;flex-direction:column}.dashboard-content{flex:1;padding:2rem;overflow-y:auto;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);position:relative}.dashboard-content:before{content:"";position:absolute;top:0;left:0;right:0;height:240px;background:linear-gradient(180deg,rgba(162,89,255,.1) 0%,rgba(24,160,251,.05) 50%,transparent 100%);pointer-events:none;z-index:0}@media(max-width:1024px){.dashboard-main{margin-left:0}.dashboard-content{padding:1.5rem}}@media(max-width:768px){.dashboard-content{padding:1rem}}.tutor-sidebar{width:280px;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000;transition:transform .3s ease;overflow:hidden}.sidebar-overlay{display:none}.sidebar-overlay.active{display:block;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.sidebar-logo{display:flex;align-items:center;gap:.85rem;text-decoration:none}.sidebar-logo__icon{width:48px;height:48px;object-fit:contain;transition:all .3s ease}.sidebar-logo__text{font-size:1.35rem;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.sidebar-logo__text span{color:var(--accent-purple)}.specialization-badge{margin:1rem 1.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:1px solid rgba(139,92,246,.2);border-radius:12px;display:flex;flex-direction:column;gap:.25rem}.badge-label{font-size:.75rem;color:var(--text-secondary);font-weight:600}.badge-value{font-size:.95rem;color:var(--text-primary);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:1.5rem;overflow-y:auto}.nav-menu{list-style:none;display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:12px;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;position:relative}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--gradient-primary);color:#fff;box-shadow:0 10px 30px #6366f159}.nav-badge{margin-left:auto;background:var(--accent-red);color:#fff;font-size:.75rem;padding:.25rem .55rem;border-radius:20px}@media(max-width:768px){.tutor-sidebar{transform:translate(-100%)}.tutor-sidebar.open{transform:translate(0)}}.tutor-dashboard-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.tutor-main-content{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.tutor-content-area{flex:1;padding:2rem;overflow-y:auto}@media(max-width:768px){.tutor-main-content{margin-left:0;width:100%}.tutor-content-area{padding:1rem}}:root{--white: #FFFFFF;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-500: #64748B;--gray-700: #334155;--gray-900: #0F172A;--sky-blue: #1E40AF;--sky-blue-dark: #1E3A8A;--accent-purple: #8B5CF6;--accent-purple-dark: #7C3AED;--neon-blue: #00D1FF;--neon-purple: #B026FF;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 10px 25px rgba(0,0,0,.1);--shadow-3d: 0 20px 60px rgba(0,0,0,.3);--border-radius: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.hero-section-new{position:relative;background-color:var(--gray-900);height:100vh;padding:60px 0;display:flex;align-items:center;overflow:hidden;animation:none!important;transform:none!important;transition:none!important}.hero-section-new:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 50%,rgba(139,92,246,.15) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(30,64,175,.15) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(0,209,255,.1) 0%,transparent 50%);pointer-events:none}.hero-content-container{max-width:1400px;margin:0 auto;padding:0 32px;display:flex;gap:100px;align-items:center;position:relative;z-index:10;animation:none!important;transform:none!important;transition:none!important}.left-side{flex:1;color:var(--white);padding:40px 0 0;position:relative;z-index:10;animation:none!important;transform:none!important;transition:none!important}.badge-pill{display:inline-flex;align-items:center;padding:8px 20px;background:linear-gradient(135deg,#1e40af33,#8b5cf633);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:100px;margin-bottom:32px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;animation:none!important;transform:none!important;transition:none!important}.badge-pill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s ease}.badge-pill:hover:before{left:100%}.badge-pill span{font-size:14px;font-weight:600;letter-spacing:.5px;color:#fffffff2;animation:none!important;transform:none!important;transition:none!important}.main-headline{font-size:64px;font-weight:800;line-height:1.1;margin-bottom:24px;color:var(--white);letter-spacing:-1.5px;text-shadow:0 2px 20px rgba(0,0,0,.3);animation:none!important;transform:none!important;transition:none!important}.gradient-text-sky{background:linear-gradient(135deg,var(--neon-blue) 0%,var(--sky-blue) 25%,var(--accent-purple) 50%,var(--neon-purple) 75%,#EC4899 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;position:relative;animation:none!important;transform:none!important;transition:none!important;background-position:0 0!important}.subtitle-text{font-size:20px;font-weight:400;line-height:1.6;margin-bottom:40px;max-width:580px;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:none!important;transform:none!important;transition:none!important}.hero-buttons{display:flex;gap:16px;margin-bottom:48px;animation:none!important;transform:none!important;transition:none!important}.btn-primary-sky{background:linear-gradient(135deg,#1e40afcc,#8b5cf6cc);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);color:var(--white);padding:16px 32px;border-radius:var(--border-radius);font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #1e40af4d,inset 0 1px 1px #fff3;position:relative;overflow:hidden;animation:none!important;transform:none!important;transition:none!important}.btn-primary-sky:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s ease}.btn-primary-sky:hover{transform:none!important;box-shadow:0 8px 32px #1e40af4d,inset 0 1px 1px #fff3!important;border-color:#ffffff4d!important}.btn-primary-sky:hover:before{left:100%}.trust-logos{display:flex;flex-wrap:wrap;gap:32px;opacity:.9;margin-top:40px;animation:none!important;transform:none!important;transition:none!important}.trust-org-logo{height:40px;width:auto;opacity:.8;cursor:pointer;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));animation:none!important;transform:none!important;transition:none!important}.trust-org-logo:hover{opacity:1;transform:none!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))!important}.right-side{flex-shrink:0;width:440px;position:relative;z-index:20;perspective:1000px;animation:none!important;transform:none!important;transition:none!important}.contact-form-card{background:linear-gradient(135deg,#ffffff40,#ffffff1a);padding:40px;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);transform-style:preserve-3d;position:relative;overflow:hidden;box-shadow:0 20px 80px #0006,inset 0 1px #fff3,inset 0 -1px #0003;animation:none!important;transform:none!important;transition:none!important}.contact-form-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--neon-blue),var(--neon-purple),var(--sky-blue),var(--accent-purple));border-radius:calc(var(--border-radius) + 4px);z-index:-1;opacity:.3;filter:blur(10px)}.contact-form-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(0,209,255,.1) 0%,transparent 70%),radial-gradient(circle at 70% 80%,rgba(176,38,255,.1) 0%,transparent 70%);z-index:-1;pointer-events:none}.contact-form-card:hover{transform:none!important;box-shadow:0 20px 80px #0006,inset 0 1px #fff3,inset 0 -1px #0003!important}.form-header{position:relative;margin-bottom:32px;background:#ffffff0d;padding:20px;border-radius:12px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);animation:none!important;transform:none!important;transition:none!important}.form-headline{font-size:32px;font-weight:800;color:var(--white);margin-bottom:8px;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:none!important;transform:none!important;transition:none!important}.form-subtext{font-size:15px;color:#ffffffe6;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2);animation:none!important;transform:none!important;transition:none!important}.contact-form{display:flex;flex-direction:column;gap:20px;position:relative;z-index:2;animation:none!important;transform:none!important;transition:none!important}.form-group{position:relative;transform-style:preserve-3d}.form-input,.select-course-dropdown{padding:18px 48px 18px 24px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:12px;font-size:15px;color:var(--white);width:100%;box-sizing:border-box;font-weight:500;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='rgba(255,255,255,0.7)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 2px 4px #0000001a,0 1px #ffffff26;animation:none!important;transform:none!important;transition:none!important}.form-input::placeholder{color:#fff9}.select-course-dropdown option{background:var(--gray-900);color:var(--white);padding:12px 16px;font-size:15px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1)}.select-course-dropdown option:hover{background:#ffffff1a}.select-course-dropdown option:checked{background:linear-gradient(135deg,var(--neon-blue),var(--accent-purple));color:var(--white)}.form-input:focus,.select-course-dropdown:focus{background:#fff3;border-color:var(--neon-blue);box-shadow:0 0 0 4px #00d1ff40,inset 0 2px 4px #0000001a,0 1px #ffffff26;outline:none;transform:none!important}.btn-get-in-touch{background:linear-gradient(135deg,var(--neon-blue) 0%,var(--sky-blue) 25%,var(--accent-purple) 75%,var(--neon-purple) 100%);color:var(--white);padding:20px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;transform-style:preserve-3d;box-shadow:0 10px 40px #00d1ff4d,inset 0 1px 1px #fff3;animation:none!important;transform:none!important;transition:none!important;background-position:0 0!important}.btn-get-in-touch:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .7s ease}.btn-get-in-touch:hover{transform:none!important;box-shadow:0 10px 40px #00d1ff4d,inset 0 1px 1px #fff3!important;background-position:0 0!important}.btn-get-in-touch:hover:before{left:100%}.btn-get-in-touch .btn-icon{transition:none!important;transform:none!important}.btn-get-in-touch:hover .btn-icon{transform:none!important}.form-decoration{position:absolute;pointer-events:none;z-index:1}.form-decoration-1{top:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle,rgba(0,209,255,.2) 0%,transparent 70%);filter:blur(10px)}.form-decoration-2{bottom:-30px;left:-30px;width:150px;height:150px;background:radial-gradient(circle,rgba(176,38,255,.15) 0%,transparent 70%);filter:blur(15px)}.form-success{position:absolute;inset:0;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--border-radius);opacity:0;visibility:hidden;transition:all .5s ease;z-index:10;padding:40px;text-align:center}.form-success.active{opacity:1;visibility:visible}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.success-icon svg{width:40px;height:40px;color:#fff}.success-message{font-size:24px;font-weight:700;color:var(--white);margin-bottom:12px;background:linear-gradient(135deg,var(--neon-blue),var(--white));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.success-subtext{font-size:15px;color:#fffc;max-width:300px}@media(max-width:1280px){.hero-content-container{gap:80px;padding:0 24px}.main-headline{font-size:56px}.right-side{width:400px}}@media(max-width:1024px){.hero-section-new{padding:40px 0;height:auto;min-height:100vh}.hero-content-container{flex-direction:column;padding:0 32px;text-align:center;gap:40px}.left-side{padding:40px 0 0;display:flex;flex-direction:column;align-items:center}.subtitle-text{margin-left:auto;margin-right:auto}.hero-buttons,.trust-logos{justify-content:center}.right-side{width:100%;max-width:450px;margin-top:40px}}@media(max-width:768px){.contact-form-card{padding:30px 24px}.form-headline{font-size:28px}}@media(max-width:640px){.main-headline{font-size:40px}.hero-buttons{flex-direction:column;width:100%}.btn-primary-sky{width:100%}.trust-logos{gap:20px}.trust-org-logo{height:30px}.hero-content-container{padding:0 16px}.contact-form-card{padding:24px 20px}.form-headline{font-size:24px}.form-input,.select-course-dropdown{padding:16px 20px}}:root{--stat-orange-alert: #E98A00;--stat-green-success: #10B981;--stat-text-dark: var(--gray-900);--stat-label-text: var(--gray-500);--stat-bg-white: var(--white);--stat-border-light: var(--gray-200);--stat-border-radius: 20px;--stat-spacing: 32px;--stat-gap: 40px}.dark{--stat-text-dark: var(--white);--stat-label-text: var(--gray-400);--stat-bg-white: var(--gray-900);--stat-border-light: rgba(255, 255, 255, .1)}.stats-bar-container{width:100%;display:flex;justify-content:center;margin-top:-60px;z-index:20;padding:0 32px;position:relative}.stats-bar-card{display:flex;justify-content:space-between;align-items:stretch;padding:40px 60px;background-color:var(--stat-bg-white);border-radius:var(--stat-border-radius);box-shadow:var(--shadow-lg);max-width:1200px;width:100%;gap:var(--stat-gap);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.dark .stats-bar-card{border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0000004d;background:linear-gradient(135deg,#1e293be6,#0f172ae6)}.stats-bar-card:hover{transform:translateY(-4px);box-shadow:0 30px 80px #00000026}.dark .stats-bar-card:hover{box-shadow:0 30px 80px #00000080;border-color:#8b5cf64d}.stat-item{display:flex;align-items:center;gap:20px;padding:0;flex:1;position:relative;transition:all .3s ease}.stat-item:hover{transform:translateY(-2px)}.stat-item:not(:last-child):after{content:"";position:absolute;right:calc(-1 * var(--stat-gap) / 2);top:50%;transform:translateY(-50%);width:1px;height:60px;background:linear-gradient(to bottom,transparent,var(--stat-border-light),transparent)}.dark .stat-item:not(:last-child):after{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1),transparent)}.icon-wrapper{border-radius:50%;padding:16px;display:flex;align-items:center;justify-content:center;width:64px;height:64px;flex-shrink:0;transition:all .3s ease;position:relative;overflow:hidden}.icon-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);border-radius:50%}.stat-item:hover .icon-wrapper{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px #0000001a}.sky-icon-bg{background:linear-gradient(135deg,#1e40af26,#1e40af0d);border:1px solid rgba(30,64,175,.2)}.stat-item:hover .sky-icon-bg{background:linear-gradient(135deg,#1e40af33,#1e40af1a);border-color:#1e40af4d;box-shadow:0 8px 24px #1e40af26}.orange-icon-bg{background:linear-gradient(135deg,#e98a0026,#e98a000d);border:1px solid rgba(233,138,0,.2)}.stat-item:hover .orange-icon-bg{background:linear-gradient(135deg,#e98a0033,#e98a001a);border-color:#e98a004d;box-shadow:0 8px 24px #e98a0026}.green-icon-bg{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.2)}.stat-item:hover .green-icon-bg{background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:#10b9814d;box-shadow:0 8px 24px #10b98126}.icon-wrapper svg{width:26px;height:26px;transition:all .3s ease;position:relative;z-index:1}.sky-icon-bg svg{color:var(--sky-blue)}.orange-icon-bg svg{color:var(--stat-orange-alert)}.green-icon-bg svg{color:var(--stat-green-success)}.stat-item:hover .icon-wrapper svg{transform:scale(1.1)}.stat-content{display:flex;flex-direction:column;flex:1}.stat-value{font-size:2.5rem;font-weight:800;line-height:1;color:var(--stat-text-dark);letter-spacing:-1px;margin-bottom:4px;transition:all .3s ease}.stat-item:hover .stat-value{transform:translateY(-2px)}.text-sky-theme{background:linear-gradient(135deg,var(--sky-blue),var(--accent-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.text-orange-theme{background:linear-gradient(135deg,var(--stat-orange-alert),#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}.text-green-theme{background:linear-gradient(135deg,var(--stat-green-success),#059669);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{font-size:.95rem;color:var(--stat-label-text);font-weight:500;line-height:1.4;transition:all .3s ease}.stat-item:hover .stat-label{color:var(--gray-700)}.dark .stat-item:hover .stat-label{color:var(--gray-300)}.stats-bar-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--sky-blue),var(--accent-purple),var(--stat-orange-alert),var(--stat-green-success),var(--sky-blue));border-radius:calc(var(--stat-border-radius) + 4px);z-index:-1;opacity:0;transition:opacity .3s ease}.stats-bar-card:hover:before{opacity:.1}@media(max-width:1024px){.stats-bar-card{padding:32px 48px;gap:32px}.stat-item:not(:last-child):after{right:-16px}.stat-value{font-size:2.2rem}.icon-wrapper{width:56px;height:56px}}@media(max-width:900px){.stats-bar-card{flex-wrap:wrap;padding:32px;gap:32px}.stat-item{width:calc(50% - 16px);padding:0;justify-content:flex-start}.stat-item:nth-child(2){border-right:none}.stat-item:nth-child(2):after{display:none}.stat-item:nth-child(3){width:100%;justify-content:center;margin-top:16px;padding-top:32px;border-top:1px solid var(--stat-border-light)}.stat-item:nth-child(3):after{display:none}.stat-item:nth-child(3) .stat-content{text-align:center;align-items:center}.stat-item:nth-child(3) .icon-wrapper{margin-right:0;margin-bottom:16px}}@media(max-width:640px){.stats-bar-container{margin-top:-40px;padding:0 20px}.stats-bar-card{flex-direction:column;padding:32px 24px;gap:32px}.stat-item{width:100%;padding:0;flex-direction:column;text-align:center;gap:16px}.stat-item:not(:last-child):after{display:none}.stat-item:not(:last-child){padding-bottom:32px;border-bottom:1px solid var(--stat-border-light)}.stat-item .icon-wrapper{margin-right:0;margin-bottom:8px}.stat-content{align-items:center}.stat-value{font-size:2rem}.stat-label{max-width:200px}}@media(max-width:480px){.stats-bar-container{margin-top:-30px;padding:0 16px}.stats-bar-card{padding:24px 20px;gap:24px}.stat-item:not(:last-child){padding-bottom:24px}.icon-wrapper{width:52px;height:52px;padding:14px}.icon-wrapper svg{width:22px;height:22px}.stat-value{font-size:1.8rem}.stat-label{font-size:.9rem}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.stats-bar-card{animation:floatCard 4s ease-in-out infinite}:root{--stat-orange-alert: var(--accent-yellow);--stat-green-success: var(--accent-green)}.value-props-section{padding:100px 0;background-color:var(--bg-primary)}.value-props-section .container{max-width:1280px;margin:0 auto;padding:0 32px}.prop-card{background:var(--card-gradient);padding:40px;border-radius:var(--card-border-radius);box-shadow:0 10px 30px #0000000d,0 0 0 1px var(--bg-tertiary);text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:default}.prop-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a,0 0 0 1px var(--border-color)}.prop-icon-circle{display:flex;align-items:center;justify-content:center;width:75px;height:75px;border-radius:50%;margin:0 auto 30px;transition:all .4s ease;transform:translateZ(5px)}.prop-icon-circle.sky-icon-bg{background-color:#1e40af1a}.prop-icon-circle.orange-icon-bg{background-color:#ffbc2c1a}.prop-icon-circle.green-icon-bg{background-color:#0acf831a}.prop-card .card-title{font-size:24px;font-weight:800;color:var(--text-primary);transform:translateZ(3px)}.prop-card .card-description{font-size:16px;color:var(--text-secondary);line-height:1.6;transform:translateZ(2px)}.prop-card .card-description strong{font-weight:700;color:var(--text-primary)}.prop-card .text-sky-theme{color:var(--aviation-blue)}.prop-card .text-orange-theme{color:var(--stat-orange-alert)}.prop-card .text-green-theme{color:var(--stat-green-success)}.dark .value-props-section{background-color:var(--bg-primary)}.dark .section-title{color:var(--text-primary)}.dark .prop-card{background:var(--card-gradient-dark);box-shadow:var(--shadow-lg),0 0 0 1px var(--border-color);border:1px solid var(--border-color)}.dark .prop-card:hover{box-shadow:var(--shadow-3d-purple),0 0 0 1px var(--accent-purple)}.dark .prop-card .card-title{color:var(--text-primary)}.dark .prop-card .card-description{color:var(--text-secondary)}.dark .prop-card .card-description strong{color:var(--text-primary)}.dark .prop-icon-circle.sky-icon-bg{background-color:#3c64c826}.dark .prop-icon-circle.orange-icon-bg{background-color:#ffbc2c26}.dark .prop-icon-circle.green-icon-bg{background-color:#0acf8326}@media(max-width:640px){.value-props-section{padding:60px 0}.section-title{font-size:32px}.card-grid{grid-template-columns:1fr;gap:20px}.prop-card{transform:none!important;box-shadow:var(--shadow-md)}.dark .prop-card{box-shadow:var(--shadow-md);border:1px solid var(--border-color)}}:root{--primary-blue: #1e40af;--primary-purple: #8b5cf6;--accent-teal: #06b6d4;--accent-green: #10b981;--white: #ffffff;--cream: #f8fafc;--lavender: #faf5ff;--gray-100: #f1f5f9;--gray-300: #cbd5e1;--gray-600: #475569;--gray-900: #0f172a;--gradient-bg: linear-gradient(135deg, #f0f9ff 0%, #fdf2f8 50%, #fefce8 100%);--gradient-card: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .05);--shadow-medium: 0 8px 32px rgba(0, 0, 0, .08);--shadow-hard: 0 20px 60px rgba(0, 0, 0, .12);--transition: all .4s cubic-bezier(.4, 0, .2, 1)}.dark{--white: #0f172a;--cream: #0f172a;--lavender: #1e293b;--gray-100: #1e293b;--gray-300: #475569;--gray-600: #cbd5e1;--gray-900: #f1f5f9;--gradient-bg: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);--gradient-card: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3);--shadow-medium: 0 8px 32px rgba(0, 0, 0, .4);--shadow-hard: 0 20px 60px rgba(0, 0, 0, .5)}.course-audience-section{position:relative;padding:120px 0;background:var(--gradient-bg);overflow:hidden}.bg-gradient-spot{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3}.spot1{width:400px;height:400px;top:-200px;left:-200px;background:radial-gradient(circle,var(--primary-blue),transparent 70%)}.spot2{width:300px;height:300px;bottom:-150px;right:-150px;background:radial-gradient(circle,var(--primary-purple),transparent 70%)}.dark .bg-gradient-spot{opacity:.15}.floating-element{position:absolute;font-size:28px;animation:float 8s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));opacity:.1}.dark .floating-element{opacity:.08;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.el1{top:20%;right:10%;animation-delay:0s}.el2{top:60%;left:15%;animation-delay:-2s;animation-duration:10s}.el3{bottom:30%;right:20%;animation-delay:-4s;animation-duration:9s}.el4{top:40%;left:5%;animation-delay:-6s;animation-duration:11s}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(10px,-15px) rotate(5deg)}66%{transform:translate(-5px,10px) rotate(-5deg)}}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#1e40af1a;border:1px solid rgba(30,64,175,.2);border-radius:100px;font-size:14px;font-weight:600;color:var(--primary-blue);margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark .section-badge{background:#1e40af33;border:1px solid rgba(30,64,175,.3);color:#60a5fa}.header-content{margin-bottom:40px}.section-title{font-size:56px;font-weight:900;color:var(--gray-900);line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px}.highlight-text{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.highlight-text:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--primary-purple));border-radius:2px;animation:underlinePulse 3s ease-in-out infinite}@keyframes underlinePulse{0%,to{opacity:1}50%{opacity:.7}}.section-quote{font-size:20px;color:var(--gray-600);font-style:italic;max-width:700px;margin:0 auto;line-height:1.6;position:relative;padding:20px 40px}.dark .section-quote{color:var(--gray-300)}.section-quote:before{content:'"';position:absolute;top:0;left:0;font-size:80px;color:var(--primary-blue);opacity:.2;font-family:Georgia,serif}.dark .section-quote:before{opacity:.3}.quote-author{display:block;font-size:16px;color:var(--primary-purple);font-weight:600;margin-top:12px;font-style:normal}.dark .quote-author{color:#a78bfa}.stats-bar{display:flex;justify-content:center;gap:40px;margin-top:40px}.stat-item{display:flex;align-items:center;gap:16px;padding:20px 30px;background:#ffffffe6;border-radius:20px;box-shadow:var(--shadow-soft);transition:var(--transition)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e40af1a,#8b5cf61a);border-radius:12px;color:var(--primary-blue)}.dark .stat-icon{background:#1e40af33;border:1px solid rgba(30,64,175,.3);color:#60a5fa}.stat-content{text-align:left}.stat-value{font-size:28px;font-weight:800;color:var(--gray-900);line-height:1;margin-bottom:4px}.dark .stat-value{color:var(--white)}.stat-label{font-size:14px;color:var(--gray-600);font-weight:500}.dark .stat-label{color:var(--gray-300)}.audience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:80px}.audience-card{position:relative;background:var(--gradient-card);border-radius:28px;padding:40px;box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.8);transition:var(--transition);overflow:hidden}.dark .audience-card{border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#1e293b,#0f172a)}.audience-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-hard)}.dark .audience-card:hover{border-color:#8b5cf64d}.card-decoration{position:absolute;top:0;left:0;width:100%;height:4px;border-radius:28px 28px 0 0}.card-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.audience-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#fff;box-shadow:0 8px 24px #0000001a;transition:var(--transition)}.dark .audience-icon{box-shadow:0 8px 24px #0000004d}.audience-card:hover .audience-icon{transform:scale(1.1) rotate(5deg)}.audience-meta{flex:1}.audience-title{font-size:24px;font-weight:800;color:var(--gray-900);margin-bottom:8px}.dark .audience-title{color:var(--white)}.audience-tag{display:inline-block;padding:6px 12px;background:#10b9811a;color:var(--accent-green);font-size:12px;font-weight:600;border-radius:100px;border:1px solid rgba(16,185,129,.2)}.dark .audience-tag{background:#10b98133;border:1px solid rgba(16,185,129,.4)}.audience-description{font-size:16px;color:var(--gray-600);line-height:1.6;margin-bottom:32px}.dark .audience-description{color:var(--gray-300)}.audience-features{margin-bottom:32px}.features-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgba(0,0,0,.05)}.dark .features-header{border-bottom:2px solid rgba(255,255,255,.1)}.features-title{font-size:18px;font-weight:700;color:var(--gray-900)}.dark .features-title{color:var(--white)}.features-count{font-size:14px;font-weight:600;color:var(--primary-purple);padding:4px 12px;background:#8b5cf61a;border-radius:100px}.dark .features-count{background:#8b5cf633;border:1px solid rgba(139,92,246,.3)}.features-list{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 0;color:var(--gray-600);font-size:15px}.dark .feature-item{color:var(--gray-300)}.feature-dot{width:8px;height:8px;background:currentColor;border-radius:50%;opacity:.6}.audience-cta{position:relative;width:100%;padding:16px;border:none;border-radius:16px;background:var(--primary-blue);color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:var(--transition);overflow:hidden}.audience-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.dark .audience-cta:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.audience-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003}.dark .audience-cta:hover{box-shadow:0 12px 32px #0006}.audience-cta:hover:before{left:100%}.cta-arrow{font-size:20px;transition:transform .3s ease}.audience-cta:hover .cta-arrow{transform:translate(4px)}.card-glow{position:absolute;inset:0;background:linear-gradient(135deg,#1e40af1a,#8b5cf61a);border-radius:28px;filter:blur(20px);opacity:0;transition:var(--transition);z-index:-1}.audience-card:hover .card-glow{opacity:.6}.global-cta{text-align:center;padding:60px;background:#fffc;border-radius:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-soft)}.dark .global-cta{background:#1e293bcc;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.cta-content{margin-bottom:32px}.cta-title{font-size:36px;font-weight:800;color:var(--gray-900);margin-bottom:16px}.cta-description{font-size:18px;color:var(--gray-600);max-width:500px;margin:0 auto}.dark .cta-description{color:var(--gray-300)}.assessment-button{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border:none;border-radius:100px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.assessment-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.dark .assessment-button:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.assessment-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 40px #1e40af4d}.dark .assessment-button:hover{box-shadow:0 20px 40px #1e40af80}.assessment-button:hover:before{left:100%}.button-sparkle{animation:sparkle 2s ease-in-out infinite}.dark .button-sparkle{opacity:.8}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media(max-width:1024px){.section-title{font-size:48px}.audience-grid{grid-template-columns:1fr;gap:24px}.stats-bar{flex-wrap:wrap;gap:20px}.stat-item{flex:1;min-width:200px}}@media(max-width:768px){.course-audience-section{padding:80px 0}.container{padding:0 24px}.section-title{font-size:36px}.section-quote{font-size:18px;padding:20px}.audience-card{padding:30px}.global-cta{padding:40px 24px}.cta-title{font-size:28px}}@media(max-width:480px){.section-title{font-size:32px}.header-content{margin-bottom:30px}.audience-card{padding:24px}.card-header{flex-direction:column;align-items:flex-start;gap:16px}.audience-icon{width:56px;height:56px}.assessment-button{width:100%;justify-content:center}}.dark .audience-cta{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border:1px solid rgba(139,92,246,.3)}.dark .stat-item:hover .stat-icon{background:#1e40af4d;border-color:#1e40af66}.dark .section-badge{animation:pulse 2s ease-in-out infinite}.how-it-works-section{padding:120px 0;position:relative;overflow:hidden}.how-it-works-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f8fafcfa,#f1f5f9f5,#e2e8f0f0,#e2e8f0eb,#f8fafce6),radial-gradient(circle at 10% 30%,rgba(224,231,255,.3) 0%,transparent 40%),radial-gradient(circle at 90% 70%,rgba(199,210,254,.2) 0%,transparent 40%);z-index:-2}.how-it-works-section:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(30,64,175,.04) 2px,transparent 2px),radial-gradient(circle at 40% 70%,rgba(139,92,246,.03) 2px,transparent 2px),radial-gradient(circle at 60% 20%,rgba(16,185,129,.03) 2px,transparent 2px),radial-gradient(circle at 80% 50%,rgba(255,188,44,.03) 2px,transparent 2px);background-size:300px 300px,400px 400px,250px 250px,200px 200px;background-position:0 0,100px 200px,200px 100px,150px 300px;animation:floatPattern 40s linear infinite;z-index:-1;opacity:.5}@keyframes floatPattern{0%{background-position:0 0,100px 200px,200px 100px,150px 300px}to{background-position:300px 300px,400px 400px,250px 250px,200px 200px}}.how-it-works-section .container{max-width:1280px;margin:0 auto;padding:0 32px;position:relative;z-index:1}.how-it-works-section .grid-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start}.how-it-works-section .section-title{font-size:48px;font-weight:900;color:var(--text-primary);letter-spacing:-1.8px;margin-bottom:60px;position:relative;background:linear-gradient(135deg,#0f172a,#1e40afe6,#0f172a);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.05)}.how-it-works-section .section-title:after{content:"";position:absolute;bottom:-15px;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--aviation-blue),var(--accent-purple));border-radius:2px;animation:titleUnderline 2s ease-in-out infinite alternate}@keyframes titleUnderline{0%{width:60px;opacity:.8}to{width:80px;opacity:1}}.steps-container{position:relative;padding-top:20px}.step-list{position:relative;padding-left:40px}.step-list:before{content:"";position:absolute;top:20px;left:19px;bottom:20px;width:2px;background:linear-gradient(to bottom,transparent,var(--aviation-blue) 20%,var(--accent-purple) 40%,rgba(255,188,44,.8) 60%,rgba(16,185,129,.8) 80%,transparent);animation:flowLine 4s linear infinite;z-index:0}@keyframes flowLine{0%{background-position:0 0}to{background-position:0 100%}}.step{position:relative;margin-bottom:48px;z-index:1}.step-number{position:absolute;left:-60px;top:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;background:linear-gradient(135deg,var(--aviation-blue),var(--accent-purple));color:#fff;border-radius:50%;z-index:2;box-shadow:0 8px 24px #1e40af4d,inset 0 1px #fff3;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid white}.step:hover .step-number{transform:scale(1.1) rotate(10deg);box-shadow:0 12px 32px #1e40af66,inset 0 1px #ffffff4d}.step-1 .step-number{background:linear-gradient(135deg,var(--aviation-blue),#3b82f6)}.step-2 .step-number{background:linear-gradient(135deg,#f59e0b,#f97316)}.step-3 .step-number{background:linear-gradient(135deg,#10b981,#059669)}.step-content{padding-left:20px;position:relative}.step-card{display:flex;align-items:flex-start;padding:28px;background:#ffffffe6;border-radius:24px;box-shadow:0 4px 20px #0000000f,0 1px #fffc,inset 0 1px #fff9;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.step-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fffc,#f8fafccc);z-index:-1;border-radius:24px}.step-card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--aviation-blue),var(--accent-purple),var(--aviation-blue));border-radius:26px;z-index:-2;opacity:0;transition:opacity .4s ease}.step-card:hover{transform:translateY(-8px) translate(8px);box-shadow:0 20px 40px #1e40af26,0 0 0 1px #fff,0 0 0 4px #1e40af0d}.step-card:hover:after{opacity:.1}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;margin-right:20px;flex-shrink:0;background:linear-gradient(135deg,#1e40af1a,#1e40af0d);border:1px solid rgba(30,64,175,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.icon-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);border-radius:16px}.icon-wrapper.orange-icon-bg{background:linear-gradient(135deg,#f59e0b1a,#f973160d);border:1px solid rgba(245,158,11,.1)}.icon-wrapper.green-icon-bg{background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid rgba(16,185,129,.1)}.step-card:hover .icon-wrapper{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px #0000001a,inset 0 1px #fff9}.step-card:hover .icon-wrapper.orange-icon-bg{box-shadow:0 8px 24px #f59e0b26,inset 0 1px #fff9}.step-card:hover .icon-wrapper.green-icon-bg{box-shadow:0 8px 24px #10b98126,inset 0 1px #fff9}.icon-wrapper svg{color:var(--aviation-blue);transition:all .3s ease}.icon-wrapper.orange-icon-bg svg{color:#f59e0b}.icon-wrapper.green-icon-bg svg{color:#10b981}.step-card:hover .icon-wrapper svg{transform:scale(1.2)}.text-content{flex:1;text-align:left}.step-title{font-size:20px;font-weight:800;color:var(--text-primary);margin-bottom:8px;position:relative;display:inline-block;background:linear-gradient(135deg,var(--text-primary) 0%,rgba(30,64,175,.9) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.step-title:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--aviation-blue),transparent);border-radius:1px;transition:width .3s ease}.step-card:hover .step-title:after{width:100%}.step-description{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0}.image-container{position:relative;border-radius:32px;min-height:600px;overflow:hidden;box-shadow:0 20px 60px #00000026,0 0 0 1px #fffc,inset 0 1px #fff9;background-size:cover;background-position:center;background-repeat:no-repeat;transform:perspective(1000px) rotateY(-5deg);transition:all .6s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.9)}.image-container:hover{transform:perspective(1000px) rotateY(0) scale(1.02);box-shadow:0 30px 80px #1e40af33,0 0 0 1px #fff,0 0 0 4px #1e40af0d}.image-container:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.3));z-index:1}.image-overlay-info{position:absolute;bottom:30px;left:30px;right:30px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #0000001a,inset 0 1px #fffc;z-index:2;transform:translateY(10px);opacity:0;animation:slideUp .6s ease forwards .6s}@keyframes slideUp{to{transform:translateY(0);opacity:1}}.avatar-bar{display:flex;align-items:center;gap:16px;margin-bottom:16px}.avatars{display:flex}.avatar{width:40px;height:40px;border-radius:50%;border:3px solid white;margin-left:-12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;box-shadow:0 4px 12px #00000026}.avatar:nth-child(1){background:linear-gradient(135deg,#667eea,#764ba2)}.avatar:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.avatar:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.trainee-count{font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.2;flex:1}.trainee-count strong{color:var(--aviation-blue);font-size:24px;display:block;margin-bottom:4px}.rating-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#10b9811a,#0596690d);border-radius:12px;border:1px solid rgba(16,185,129,.2)}.stars{display:flex;gap:2px;color:#fbbf24}.rating-text{font-size:14px;font-weight:600;color:var(--text-primary)}.floating-element{position:absolute;font-size:24px;animation:floatAround 6s ease-in-out infinite;z-index:1}.floating-1{top:20%;right:10%;animation-delay:0s}.floating-2{top:60%;right:20%;animation-delay:-2s}.floating-3{bottom:30%;left:10%;animation-delay:-4s}@keyframes floatAround{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(10px,-10px) rotate(90deg)}50%{transform:translateY(-20px) rotate(180deg)}75%{transform:translate(-10px,-10px) rotate(270deg)}}.dark .how-it-works-section:before{background:linear-gradient(135deg,#0f172afa,#1e293bf5,#1e293bf0,#334155eb,#475569e6),radial-gradient(circle at 10% 30%,rgba(30,64,175,.1) 0%,transparent 40%),radial-gradient(circle at 90% 70%,rgba(139,92,246,.08) 0%,transparent 40%)}.dark .step-card{background:#1e293bcc;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff0d}.dark .step-card:before{background:linear-gradient(135deg,#1e293bcc,#0f172acc)}.dark .step-card:hover{border-color:#1e40af4d;box-shadow:0 20px 40px #0000004d,0 0 0 1px #1e40af33}.dark .step-title{background:linear-gradient(135deg,#fff,#94a3b8e6);-webkit-background-clip:text;background-clip:text;color:transparent}.dark .image-container{box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1)}.dark .image-overlay-info{background:#0f172ad9;border:1px solid rgba(255,255,255,.1)}.dark .trainee-count{color:#ffffffe6}@media(max-width:1200px){.how-it-works-section .grid-layout{gap:60px}.image-container{min-height:500px}}@media(max-width:992px){.how-it-works-section .grid-layout{grid-template-columns:1fr;gap:60px}.steps-container{order:2}.image-container{order:1;min-height:450px;transform:perspective(1000px) rotateY(0)}.how-it-works-section .section-title{margin-top:0;font-size:42px}.step-list{padding-left:30px}.step-number{left:-48px;width:42px;height:42px;font-size:28px}}@media(max-width:768px){.how-it-works-section{padding:80px 0}.how-it-works-section .container{padding:0 24px}.how-it-works-section .section-title{font-size:36px}.step{margin-bottom:36px}.step-card{padding:24px;flex-direction:column;align-items:flex-start}.icon-wrapper{margin-right:0;margin-bottom:16px}.image-container{min-height:400px;border-radius:24px}.image-overlay-info{left:20px;right:20px;bottom:20px;padding:20px}}@media(max-width:480px){.how-it-works-section .section-title{font-size:32px}.step-list{padding-left:0;border-left:none}.step-list:before{display:none}.step-number{position:relative;left:0;top:0;margin-bottom:16px}.step-content{padding-left:0}.image-container{min-height:350px}}:root{--white: #ffffff;--cream-white: #f8fafc;--soft-pink: #fdf2f8;--lavender-blush: #faf5ff;--baby-blue: #f0f9ff;--primary-blue: #1e40af;--primary-purple: #8b5cf6;--accent-teal: #06b6d4;--accent-pink: #ec4899;--success-green: #10b981;--warning-orange: #f59e0b;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-900: #0f172a;--gradient-primary: linear-gradient(135deg, #1e40af 0%, #8b5cf6 50%, #ec4899 100%);--gradient-card: linear-gradient(135deg, #ffffff 0%, #fdf2f8 25%, #f0f9ff 50%, #faf5ff 75%, #ffffff 100%);--gradient-glow: linear-gradient(135deg, rgba(27, 92, 246, .1) 0%, rgba(139, 92, 246, .1) 50%, rgba(236, 72, 153, .1) 100%);--gradient-blue-purple: linear-gradient(135deg, #1e40af 0%, #8b5cf6 100%);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .05);--shadow-medium: 0 8px 32px rgba(0, 0, 0, .08);--shadow-hard: 0 20px 60px rgba(0, 0, 0, .12);--shadow-glow: 0 0 30px rgba(139, 92, 246, .15);--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .6s cubic-bezier(.68, -.55, .265, 1.55);--border-radius: 24px;--border-radius-large: 32px;--border-radius-full: 9999px}.dark{--white: #0f172a;--cream-white: #0f172a;--soft-pink: #1e293b;--lavender-blush: #1e293b;--baby-blue: #0f172a;--gray-100: #1e293b;--gray-200: #334155;--gray-300: #475569;--gray-400: #64748b;--gray-500: #94a3b8;--gray-600: #cbd5e1;--gray-700: #e2e8f0;--gray-900: #f1f5f9;--gradient-card: linear-gradient(135deg, #1e293b 0%, #0f172a 25%, #1e293b 50%, #0f172a 75%, #1e293b 100%);--gradient-glow: linear-gradient(135deg, rgba(27, 92, 246, .2) 0%, rgba(139, 92, 246, .2) 50%, rgba(236, 72, 153, .2) 100%);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3);--shadow-medium: 0 8px 32px rgba(0, 0, 0, .4);--shadow-hard: 0 20px 60px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(139, 92, 246, .25)}.success-stories-section{position:relative;padding:120px 0;background:linear-gradient(135deg,var(--cream-white) 0%,var(--lavender-blush) 50%,var(--baby-blue) 100%),radial-gradient(circle at 20% 80%,rgba(236,72,153,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.05) 0%,transparent 50%);overflow:hidden}.dark .success-stories-section{background:linear-gradient(135deg,var(--cream-white) 0%,var(--lavender-blush) 50%,var(--baby-blue) 100%),radial-gradient(circle at 20% 80%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.1) 0%,transparent 50%)}.section-bg-decorations{position:absolute;inset:0;pointer-events:none;z-index:0}.bg-gradient-spot{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4}.spot1{width:400px;height:400px;top:-200px;right:-200px;background:radial-gradient(circle,var(--accent-pink),transparent 70%)}.spot2{width:300px;height:300px;bottom:-150px;left:-150px;background:radial-gradient(circle,var(--accent-teal),transparent 70%)}.dark .bg-gradient-spot{opacity:.2}.floating-element{position:absolute;font-size:28px;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));opacity:.15}.dark .floating-element{opacity:.1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.container{max-width:1280px;margin:0 auto;padding:0 32px;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:80px}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--gradient-glow);border:1px solid rgba(139,92,246,.2);border-radius:var(--border-radius-full);font-size:14px;font-weight:600;color:var(--primary-purple);margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulse 2s ease-in-out infinite}.dark .section-badge{background:#8b5cf626;border:1px solid rgba(139,92,246,.3)}.section-title{font-size:56px;font-weight:900;color:var(--gray-900);line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px}.dark .section-title{color:var(--white)}.section-title .highlight{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.section-title .highlight:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:4px;background:var(--gradient-primary);border-radius:2px;animation:highlightWidth 3s ease-in-out infinite}@keyframes highlightWidth{0%,to{width:100%}50%{width:80%}}.section-subtitle{font-size:20px;color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6}.dark .section-subtitle{color:var(--gray-400)}.success-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:80px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:40px;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-soft)}.dark .success-stats{background:#1e293bb3;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.stat-item{display:flex;align-items:center;gap:20px;padding:20px;border-radius:20px;background:#ffffffe6;transition:var(--transition-smooth)}.dark .stat-item{background:#1e293be6;border:1px solid rgba(255,255,255,.1)}.stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.dark .stat-item:hover{box-shadow:0 8px 32px #0009}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gradient-glow);border-radius:16px;color:var(--primary-purple)}.dark .stat-icon{background:#8b5cf633;border:1px solid rgba(139,92,246,.3)}.stat-content{flex:1}.stat-value{font-size:32px;font-weight:800;color:var(--gray-900);line-height:1;margin-bottom:4px;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.dark .stat-value{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{font-size:14px;color:var(--gray-500);font-weight:500}.dark .stat-label{color:var(--gray-400)}.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:80px}.success-story-card{position:relative;height:100%}.story-card__inner{position:relative;background:var(--gradient-card);border-radius:var(--border-radius);padding:32px;height:100%;box-shadow:var(--shadow-medium);border:1px solid rgba(255,255,255,.9);transition:var(--transition-smooth);z-index:1;overflow:hidden}.dark .story-card__inner{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1)}.success-story-card:hover .story-card__inner{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-hard),var(--shadow-glow)}.dark .success-story-card:hover .story-card__inner{border-color:#8b5cf64d}.story-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.story-avatar__wrapper{position:relative}.story-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 8px 24px #0000001a,0 0 0 2px var(--gradient-primary);transition:var(--transition-smooth)}.dark .story-avatar{border:4px solid #1e293b;box-shadow:0 8px 24px #0006,0 0 0 2px var(--gradient-primary)}.success-story-card:hover .story-avatar{transform:scale(1.1) rotate(5deg)}.avatar-sparkle{position:absolute;bottom:-4px;right:-4px;width:28px;height:28px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;border:2px solid white;animation:sparkle 2s ease-in-out infinite}.dark .avatar-sparkle{border:2px solid #1e293b}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.hike-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#10b9811a,#10b98133);border-radius:var(--border-radius-full);font-size:14px;font-weight:700;color:var(--success-green);position:relative;overflow:hidden;border:1px solid rgba(16,185,129,.3)}.dark .hike-badge{background:#10b98133;border:1px solid rgba(16,185,129,.4)}.badge-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:slideGlow 2s ease-in-out infinite}.dark .badge-glow{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}@keyframes slideGlow{0%{left:-100%}to{left:100%}}.story-content{flex:1}.story-name{font-size:24px;font-weight:800;color:var(--gray-900);margin-bottom:4px;line-height:1.2}.dark .story-name{color:var(--white)}.story-role{font-size:16px;font-weight:600;color:var(--primary-purple);margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid var(--gradient-glow)}.dark .story-role{border-bottom:2px solid rgba(139,92,246,.3)}.story-rating{display:flex;align-items:center;gap:8px;margin-bottom:20px}.star-icon{transition:var(--transition-smooth)}.star-icon:hover{transform:scale(1.3) rotate(15deg)}.rating-text{font-size:13px;color:var(--gray-500);font-weight:500}.dark .rating-text{color:var(--gray-400)}.story-testimonial{position:relative;padding:20px;background:#fff9;border-radius:20px;margin-bottom:32px;border:1px solid rgba(255,255,255,.8)}.dark .story-testimonial{background:#1e293b99;border:1px solid rgba(255,255,255,.1)}.quote-mark{position:absolute;top:-12px;left:20px;font-size:48px;color:var(--primary-purple);opacity:.2;font-weight:900}.dark .quote-mark{opacity:.3}.story-testimonial p{font-size:15px;line-height:1.6;color:var(--gray-700);margin:0}.dark .story-testimonial p{color:var(--gray-300)}.company-transition{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#fffc;border-radius:20px;margin-bottom:24px;border:1px solid rgba(255,255,255,.9)}.dark .company-transition{background:#1e293bcc;border:1px solid rgba(255,255,255,.1)}.company-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.company-logo{height:30px;display:flex;align-items:center;transition:var(--transition-smooth)}.old-company .company-logo{opacity:.6}.new-company .company-logo{opacity:1}.company-wrapper:hover .company-logo{transform:scale(1.1)}.company-label{font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.dark .company-label{color:var(--gray-400)}.transition-arrow{position:relative;padding:0 20px;color:var(--primary-purple)}.arrow-trail{position:absolute;top:50%;left:50%;width:0;height:2px;background:var(--gradient-primary);transform:translate(-50%,-50%);animation:trailExtend 1.5s ease-in-out infinite}@keyframes trailExtend{0%,to{width:0;opacity:0}50%{width:40px;opacity:.5}}.story-action{display:flex;align-items:center;gap:12px;padding:14px 24px;background:var(--gradient-glow);border:1px solid rgba(139,92,246,.3);border-radius:var(--border-radius-full);font-size:15px;font-weight:600;color:var(--primary-purple);text-decoration:none;transition:var(--transition-smooth);position:relative;overflow:hidden}.dark .story-action{background:#8b5cf626;border:1px solid rgba(139,92,246,.4)}.story-action:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.dark .story-action:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.story-action:hover{transform:translate(8px);background:var(--gradient-primary);color:#fff;border-color:transparent}.story-action:hover:before{left:100%}.story-action:hover .action-arrow{transform:translate(4px)}.action-arrow{transition:var(--transition-smooth)}.card-glow{position:absolute;inset:0;background:var(--gradient-glow);border-radius:var(--border-radius);filter:blur(20px);opacity:0;z-index:0;transition:var(--transition-smooth)}.dark .card-glow{background:#8b5cf61a}.success-story-card:hover .card-glow{opacity:.6}.card-corner-decoration{position:absolute;top:16px;right:16px;width:32px;height:32px;background:var(--gradient-primary);border-radius:0 var(--border-radius) 0 12px;opacity:.1}.dark .card-corner-decoration{opacity:.2}.cta-section{text-align:center;padding:60px;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border-radius:var(--border-radius-large);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-medium);margin-bottom:60px;position:relative;overflow:hidden}.dark .cta-section{background:linear-gradient(135deg,#1e293be6,#0f172ae6);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.cta-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1e40af0d,#8b5cf60d,#ec48990d);z-index:0}.dark .cta-section:before{background:linear-gradient(135deg,#1e40af1a,#8b5cf61a,#ec48991a)}.cta-content{position:relative;z-index:1;margin-bottom:32px}.cta-title{font-size:42px;font-weight:900;color:var(--gray-900);margin-bottom:16px;line-height:1.1;letter-spacing:-1px}.dark .cta-title{color:var(--white)}.cta-subtitle{font-size:20px;color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6}.dark .cta-subtitle{color:var(--gray-400)}.cta-button{position:relative;display:inline-flex;align-items:center;gap:12px;padding:20px 48px;background:var(--gradient-blue-purple);border:none;border-radius:var(--border-radius-full);color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:var(--transition-smooth);overflow:hidden;z-index:1}.cta-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 40px #1e40af4d,0 0 0 4px #fff3}.dark .cta-button:hover{box-shadow:0 20px 40px #1e40af80,0 0 0 4px #ffffff1a}.cta-button:hover .button-glow{opacity:1}.button-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a,#ffffff4d);border-radius:var(--border-radius-full);filter:blur(10px);opacity:0;transition:opacity .3s ease;z-index:-1}.dark .button-glow{background:linear-gradient(135deg,#fff3,#ffffff0d,#fff3)}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:60px}.pagination-dot{width:12px;height:12px;border-radius:50%;background:var(--gray-300);cursor:pointer;transition:var(--transition-smooth);position:relative}.dark .pagination-dot{background:var(--gray-600)}.pagination-dot:hover{background:var(--primary-purple);transform:scale(1.2)}.pagination-dot.active{background:var(--primary-blue);width:36px;border-radius:6px;box-shadow:0 0 0 2px #1e40af33}.dark .pagination-dot.active{box-shadow:0 0 0 2px #1e40af66}.pagination-dot.active:after{content:"";position:absolute;inset:-4px;border:2px solid rgba(30,64,175,.1);border-radius:50%;animation:pulseDot 2s infinite}.dark .pagination-dot.active:after{border-color:#1e40af4d}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}}@media(max-width:1200px){.success-stats{grid-template-columns:repeat(2,1fr)}.stories-grid{grid-template-columns:repeat(2,1fr);gap:24px}.section-title{font-size:48px}.cta-title{font-size:36px}}@media(max-width:768px){.success-stories-section{padding:80px 0}.container{padding:0 24px}.section-title{font-size:36px}.section-subtitle{font-size:18px}.success-stats{grid-template-columns:1fr;padding:30px;gap:16px}.stat-item{padding:16px}.stories-grid{grid-template-columns:1fr;gap:20px}.story-card__inner{padding:24px}.cta-section{padding:40px 24px}.cta-title{font-size:28px}.cta-subtitle{font-size:18px}.cta-button{padding:16px 32px;font-size:16px;width:100%}.pagination{margin-top:40px}}@media(max-width:480px){.section-title{font-size:32px}.story-card__header{flex-direction:column;align-items:flex-start;gap:16px}.hike-badge{align-self:flex-start}.company-transition{flex-direction:column;gap:20px}.transition-arrow{transform:rotate(90deg);padding:10px 0}.arrow-trail{width:2px;height:0;animation:trailExtendVertical 1.5s ease-in-out infinite}@keyframes trailExtendVertical{0%,to{height:0;opacity:0}50%{height:40px;opacity:.5}}.story-action{justify-content:center}}.instructors-section{padding:100px 0 60px;position:relative;overflow:hidden}.instructors-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fffffff2,#f8fafceb,#f0f9ffe6,#eff6ffe0,#eef2ffd9),radial-gradient(circle at 20% 80%,rgba(224,231,255,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(226,232,240,.2) 0%,transparent 50%);z-index:-1}.instructors-section:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 20%,rgba(30,64,175,.03) 1px,transparent 1px),radial-gradient(circle at 30% 40%,rgba(139,92,246,.03) 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(16,185,129,.03) 1px,transparent 1px),radial-gradient(circle at 90% 80%,rgba(59,130,246,.03) 1px,transparent 1px);background-size:200px 200px,300px 300px,250px 250px,180px 180px;background-position:0 0,100px 100px,50px 150px,150px 50px;animation:floatParticles 20s linear infinite;z-index:-1;opacity:.5}@keyframes floatParticles{0%{background-position:0 0,100px 100px,50px 150px,150px 50px}to{background-position:200px 200px,300px 300px,250px 350px,350px 250px}}.instructors-section .container{max-width:1280px;margin:0 auto;padding:0 32px;position:relative;z-index:1}.instructors-section .section-header{text-align:center;margin-bottom:70px;position:relative}.instructors-section .section-header:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#1e40af4d,#8b5cf64d,#1e40af4d);border-radius:2px}.instructors-section .tag{font-size:14px;font-weight:700;color:var(--aviation-blue);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;position:relative;display:inline-block;padding:8px 20px;background:#1e40af14;border-radius:20px;border:1px solid rgba(30,64,175,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.instructors-section .section-title{font-size:44px;font-weight:800;color:var(--text-primary);letter-spacing:-1.5px;position:relative;background:linear-gradient(135deg,var(--text-primary) 0%,rgba(30,64,175,.9) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:20px}.instructors-section .section-subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;margin:20px auto 0;line-height:1.6;padding:0 20px}.instructor-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}.instructor-card{background:#fffffff2;padding:32px;border-radius:24px;box-shadow:0 4px 20px #0000000a,0 0 0 1px #fffc,inset 0 1px #fff9;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default;border:1px solid rgba(255,255,255,.9);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.instructor-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);z-index:-1;border-radius:24px}.instructor-card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#1e40af1a,#8b5cf61a,#1e40af1a);border-radius:26px;z-index:-2;opacity:0;transition:opacity .4s ease}.instructor-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #1e40af1a,0 0 0 1px #fff,0 0 0 4px #1e40af0d;border-color:#1e40af33}.instructor-card:hover:after{opacity:1}.instructor-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;position:relative}.instructor-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.9);box-shadow:0 4px 12px #1e40af26,0 0 0 2px #1e40af33;transition:all .3s ease}.instructor-card:hover .instructor-avatar{transform:scale(1.05);box-shadow:0 6px 20px #1e40af40,0 0 0 3px #1e40af4d}.experience-badge{display:flex;align-items:center;padding:8px 14px;border-radius:20px;background:linear-gradient(135deg,#10b9811a,#10b9810d);color:var(--accent-green);font-weight:600;font-size:14px;border:1px solid rgba(16,185,129,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.instructor-card:hover .experience-badge{background:linear-gradient(135deg,#10b98126,#10b9811a);transform:translateY(-2px)}.experience-badge svg{margin-right:6px;color:var(--accent-green)}.instructor-name{font-size:22px;font-weight:800;color:var(--text-primary);margin-bottom:6px;position:relative;display:inline-block}.instructor-name:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--aviation-blue),var(--accent-purple));border-radius:1px;transition:width .3s ease}.instructor-card:hover .instructor-name:after{width:100%}.instructor-title{font-size:16px;font-weight:500;color:var(--text-secondary);margin-bottom:24px;padding:8px 0}.instructor-quote{font-size:15px;color:var(--text-primary);line-height:1.6;margin-bottom:28px;padding-left:16px;border-left:3px solid rgba(30,64,175,.2);transition:border-color .3s ease}.instructor-card:hover .instructor-quote{border-left-color:var(--aviation-blue)}.company-transfer{display:flex;align-items:center;justify-content:flex-start;margin-bottom:24px;padding:12px;background:#f8fafcb3;border-radius:12px;border:1px solid rgba(226,232,240,.6)}.company-transfer .company-logo{font-size:16px;font-weight:700;color:var(--text-primary);opacity:.9;padding:6px 12px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a}.company-transfer svg{margin:0 12px;color:var(--aviation-blue);opacity:.9;transition:transform .3s ease}.instructor-card:hover .company-transfer svg{transform:scale(1.2)}.read-bio-link{display:flex;align-items:center;text-decoration:none;color:var(--aviation-blue);font-weight:600;font-size:15px;margin-top:12px;padding:10px 16px;border-radius:12px;background:#1e40af0d;transition:all .3s ease}.read-bio-link svg{margin-right:8px;transition:transform .3s ease}.read-bio-link:hover{color:#fff;background:linear-gradient(135deg,var(--aviation-blue),var(--accent-purple));transform:translate(4px)}.read-bio-link:hover svg{transform:translate(4px)}.cta-dots{text-align:center;margin:48px 0 36px}.dot{display:inline-block;width:10px;height:10px;margin:0 6px;border-radius:50%;background:#1e40af33;transition:all .3s ease;cursor:pointer;position:relative}.dot:hover{transform:scale(1.3);background:#1e40af66}.dot.active{background:var(--aviation-blue);transform:scale(1.3);box-shadow:0 0 0 2px #1e40af33}.dot.active:after{content:"";position:absolute;inset:-4px;border:2px solid rgba(30,64,175,.1);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}}.bottom-cta{text-align:center;position:relative;padding-top:20px}.bottom-cta:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(30,64,175,.3),transparent)}.connect-btn{padding:16px 40px;border:none;border-radius:16px;background:linear-gradient(135deg,var(--aviation-blue),var(--accent-purple));color:#fff;font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 8px 32px #1e40af40,inset 0 1px #fff3;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.connect-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.connect-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 48px #1e40af59,inset 0 1px #ffffff4d}.connect-btn:hover:before{left:100%}.connect-btn:active{transform:translateY(-2px) scale(1.02)}.dark .instructors-section:before{background:linear-gradient(135deg,#0f172afa,#0f172af2,#1e293beb,#1e293be6,#334155e0),radial-gradient(circle at 20% 80%,rgba(30,64,175,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.08) 0%,transparent 50%)}.dark .instructors-section:after{background-image:radial-gradient(circle at 10% 20%,rgba(30,64,175,.05) 1px,transparent 1px),radial-gradient(circle at 30% 40%,rgba(139,92,246,.05) 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(16,185,129,.05) 1px,transparent 1px),radial-gradient(circle at 90% 80%,rgba(59,130,246,.05) 1px,transparent 1px)}.dark .instructor-card{background:#1e293bcc;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff0d}.dark .instructor-card:before{background:linear-gradient(135deg,#1e293be6,#0f172ae6)}.dark .instructor-card:hover{border-color:#1e40af66;box-shadow:0 20px 40px #0000004d,0 0 0 1px #1e40af33,0 0 0 4px #1e40af0d}.dark .company-transfer{background:#1e293b99;border:1px solid rgba(255,255,255,.1)}.dark .company-transfer .company-logo{background:#0f172acc}.dark .read-bio-link{background:#1e40af1a}@media(max-width:1200px){.instructors-section .section-title{font-size:38px}}@media(max-width:1024px){.instructor-card-grid{grid-template-columns:repeat(2,1fr);gap:28px}.instructors-section .section-title{font-size:34px}}@media(max-width:768px){.instructors-section{padding:80px 0 40px}.instructors-section .section-title{font-size:30px}.instructors-section .tag{font-size:12px;padding:6px 16px}.instructor-card{padding:24px}}@media(max-width:640px){.instructor-card-grid{grid-template-columns:1fr;gap:24px}.instructors-section .container{padding:0 20px}.instructors-section .section-title{font-size:26px}.instructors-section .section-subtitle{font-size:16px;padding:0}.connect-btn{padding:14px 32px;font-size:16px;width:100%}}.career-focus-section{padding:100px 0;background-color:var(--bg-primary)}.career-focus-section .container{max-width:1280px;margin:0 auto;padding:0 32px}.section-header{text-align:center;margin-bottom:70px}.related-courses-tag{font-size:14px;font-weight:700;color:var(--aviation-blue);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.section-title{font-size:44px;font-weight:800;color:var(--text-primary);letter-spacing:-1.5px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.focus-card{text-align:center;padding:40px 30px;min-height:300px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.icon-circle{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;margin-bottom:25px;transition:all .4s ease;transform:translateZ(10px)}.icon-circle.sky-icon-bg{background-color:#1e40af1a}.icon-circle.orange-icon-bg{background-color:#ffbc2c1a}.icon-circle.green-icon-bg{background-color:#0acf831a}.focus-card .card-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:15px;letter-spacing:-.5px;transform:translateZ(5px)}.focus-card .card-description{font-size:16px;color:var(--text-secondary);line-height:1.6;transform:translateZ(3px)}.focus-card .text-sky-theme{color:var(--aviation-blue)}.focus-card .text-orange-theme{color:var(--accent-yellow)}.focus-card .text-green-theme{color:var(--accent-green)}.focus-card .card-description strong{font-weight:700;color:var(--text-primary)}.dark .career-focus-section{background-color:var(--bg-primary)}.dark .focus-card{background:var(--card-gradient-dark);box-shadow:var(--shadow-lg),0 0 0 1px var(--border-color);border:1px solid var(--border-color)}.dark .focus-card:hover{box-shadow:var(--shadow-3d-blue),0 0 0 1px var(--accent-blue)}@media(max-width:1024px){.card-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:640px){.career-focus-section{padding:60px 0}.section-title{font-size:32px}.card-grid{grid-template-columns:1fr;gap:20px}.focus-card{transform:none!important;box-shadow:var(--shadow-md)}.dark .focus-card{box-shadow:var(--shadow-md);border:1px solid var(--border-color)}}.simulations-hero{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden}.simulations-hero .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.simulations-hero .hero-overlay{position:relative;z-index:2;width:100%;background:linear-gradient(135deg,#0f172a9e,#1e40af85,#8b5cf678);padding:160px 0 100px}.simulations-hero .hero-content{max-width:800px;color:#fff}.simulations-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:100px;font-size:14px;font-weight:600;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.simulations-hero .hero-title{font-size:56px;font-weight:900;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px}.simulations-hero .hero-title .highlight{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.simulations-hero .hero-description{font-size:20px;line-height:1.6;opacity:.9;margin-bottom:40px;max-width:600px}.simulations-hero .hero-cta{display:flex;gap:16px;flex-wrap:wrap}.simulations-hero .btn-primary,.simulations-hero .btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition)}.simulations-hero .btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:#fff;border:none}.simulations-hero .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1e40af4d}.simulations-hero .btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.simulations-hero .btn-secondary:hover{background:#ffffff1a;border-color:#fff}.simulation-stats{padding:80px 0;background:var(--gray-100)}.dark .simulation-stats{background:var(--gray-900)}.simulation-stats .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.simulation-stats .stat-card{background:var(--white);border-radius:20px;padding:32px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-lg);transition:var(--transition);border:1px solid var(--gray-200)}.dark .simulation-stats .stat-card{background:var(--gray-100);border-color:var(--gray-200)}.simulation-stats .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.simulation-stats .stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e40af1a,#8b5cf61a);border-radius:16px;color:var(--primary-blue)}.dark .simulation-stats .stat-icon{background:#8b5cf633}.simulation-stats .stat-content{flex:1}.simulation-stats .stat-value{font-size:32px;font-weight:800;color:var(--gray-900);line-height:1;margin-bottom:4px}.dark .simulation-stats .stat-value{color:var(--white)}.simulation-stats .stat-label{font-size:14px;color:var(--gray-600);font-weight:500}.dark .simulation-stats .stat-label{color:var(--gray-400)}.featured-simulations{padding:120px 0;background:var(--white)}.dark .featured-simulations{background:var(--gray-900)}.featured-simulations .section-header{text-align:center;margin-bottom:60px}.featured-simulations .section-title{font-size:48px;font-weight:900;color:var(--gray-900);margin-bottom:16px;line-height:1.1}.dark .featured-simulations .section-title{color:var(--white)}.featured-simulations .section-title .highlight{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.featured-simulations .section-subtitle{font-size:20px;color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6}.dark .featured-simulations .section-subtitle{color:var(--gray-400)}.featured-simulations .simulations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.featured-simulations .simulation-card{background:var(--white);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);transition:var(--transition);border:1px solid var(--gray-200)}.dark .featured-simulations .simulation-card{background:var(--gray-100);border-color:var(--gray-200)}.featured-simulations .simulation-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.featured-simulations .card-image{height:200px;background-size:cover;background-position:center;position:relative}.featured-simulations .card-badge{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffffe6;border-radius:100px;font-size:14px;font-weight:600;color:var(--gray-900);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark .featured-simulations .card-badge{background:#1e293be6;color:var(--white)}.featured-simulations .card-content{padding:32px}.featured-simulations .card-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.featured-simulations .difficulty-badge{padding:4px 12px;background:linear-gradient(135deg,#f59e0b1a,#f973161a);color:var(--accent-orange);border-radius:100px;font-size:12px;font-weight:600;border:1px solid rgba(245,158,11,.2)}.featured-simulations .duration,.featured-simulations .participants{font-size:14px;color:var(--gray-600)}.dark .featured-simulations .duration,.dark .featured-simulations .participants{color:var(--gray-400)}.featured-simulations .card-title{font-size:24px;font-weight:800;color:var(--gray-900);margin-bottom:12px;line-height:1.2}.dark .featured-simulations .card-title{color:var(--white)}.featured-simulations .card-description{font-size:16px;color:var(--gray-600);line-height:1.6;margin-bottom:24px}.dark .featured-simulations .card-description{color:var(--gray-400)}.featured-simulations .card-features h4{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:12px}.dark .featured-simulations .card-features h4{color:var(--white)}.featured-simulations .card-features ul{list-style:none;padding:0;margin:0 0 24px}.featured-simulations .card-features li{font-size:14px;color:var(--gray-600);position:relative;padding:4px 0 4px 20px}.dark .featured-simulations .card-features li{color:var(--gray-400)}.featured-simulations .card-features li:before{content:"•";position:absolute;left:0;color:var(--primary-purple)}.featured-simulations .card-actions{display:flex;gap:12px}.featured-simulations .btn-start,.featured-simulations .btn-details{flex:1;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.featured-simulations .btn-start{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:#fff;border:none}.featured-simulations .btn-start:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1e40af4d}.featured-simulations .btn-details{background:transparent;color:var(--gray-700);border:1px solid var(--gray-300)}.dark .featured-simulations .btn-details{color:var(--gray-300);border-color:var(--gray-400)}.featured-simulations .btn-details:hover{background:var(--gray-100);border-color:var(--gray-400)}.dark .featured-simulations .btn-details:hover{background:var(--gray-200)}.simulation-cta{padding:120px 0;background:linear-gradient(135deg,#1e40af0d,#8b5cf60d)}.dark .simulation-cta{background:linear-gradient(135deg,#1e40af1a,#8b5cf61a)}.simulation-cta .cta-content{text-align:center;max-width:600px;margin:0 auto}.simulation-cta h2{font-size:42px;font-weight:900;color:var(--gray-900);margin-bottom:20px;line-height:1.1}.dark .simulation-cta h2{color:var(--white)}.simulation-cta p{font-size:20px;color:var(--gray-600);line-height:1.6;margin-bottom:40px}.dark .simulation-cta p{color:var(--gray-400)}.simulation-cta .btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition)}.simulation-cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1e40af4d}@media(max-width:1200px){.simulation-stats .stats-grid,.featured-simulations .simulations-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.simulations-hero .hero-title{font-size:36px}.simulations-hero .hero-description{font-size:18px}.featured-simulations .section-title{font-size:36px}.featured-simulations .section-subtitle{font-size:18px}.simulation-cta h2{font-size:32px}.simulation-cta p{font-size:18px}}@media(max-width:640px){.simulation-stats .stats-grid,.featured-simulations .simulations-grid{grid-template-columns:1fr}.simulations-hero .hero-cta{flex-direction:column}.simulations-hero .btn-primary,.simulations-hero .btn-secondary{width:100%;justify-content:center}}@media(max-width:480px){.simulations-hero .hero-title{font-size:32px}.featured-simulations .card-content{padding:24px}.featured-simulations .card-actions{flex-direction:column}}.features-hero{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden}.features-hero .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.features-hero .hero-overlay{position:relative;z-index:2;width:100%;background:linear-gradient(135deg,#0f172a9e,#1e40af85,#8b5cf678);padding:160px 0 100px}.features-hero .hero-content{max-width:800px;color:#fff}.features-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:100px;font-size:14px;font-weight:600;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.features-hero .hero-title{font-size:56px;font-weight:900;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px}.features-hero .hero-title .highlight{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.features-hero .hero-description{font-size:20px;line-height:1.6;opacity:.9;margin-bottom:40px;max-width:600px}.features-hero .platform-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.features-hero .platform-stat{text-align:center}.features-hero .stat-value{font-size:32px;font-weight:800;margin-bottom:4px;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.features-hero .stat-label{font-size:14px;opacity:.8;font-weight:500;color:#fff!important}.features-grid-section{padding:120px 0;background:var(--white)}.dark .features-grid-section{background:var(--gray-900)}.features-grid-section .section-header{text-align:center;margin-bottom:80px}.features-grid-section .section-title{font-size:48px;font-weight:900;color:var(--gray-900);margin-bottom:16px;line-height:1.1}.dark .features-grid-section .section-title{color:var(--white)}.features-grid-section .section-title .highlight{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.features-grid-section .section-subtitle{font-size:20px;color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6}.dark .features-grid-section .section-subtitle{color:var(--gray-400)}.features-grid-section .features-container{display:flex;flex-direction:column;gap:60px}.features-grid-section .feature-category{margin-bottom:40px}.features-grid-section .category-title{font-size:32px;font-weight:800;color:var(--gray-900);margin-bottom:40px;text-align:center}.dark .features-grid-section .category-title{color:var(--white)}.features-grid-section .category-features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.features-grid-section .feature-card{background:var(--gray-100);border-radius:24px;padding:40px;position:relative;overflow:hidden;transition:var(--transition);border:1px solid transparent}.dark .features-grid-section .feature-card{background:var(--gray-200)}.features-grid-section .feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-purple)}.features-grid-section .feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1e40af0d,#8b5cf60d);opacity:0;transition:opacity .3s ease}.features-grid-section .feature-card:hover:before{opacity:1}.features-grid-section .feature-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e40af1a,#8b5cf61a);border-radius:16px;color:var(--primary-blue);margin-bottom:24px;transition:var(--transition)}.features-grid-section .feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.features-grid-section .feature-title{font-size:24px;font-weight:800;color:var(--gray-900);margin-bottom:12px;line-height:1.2}.dark .features-grid-section .feature-title{color:var(--white)}.features-grid-section .feature-description{font-size:16px;color:var(--gray-600);line-height:1.6;margin-bottom:20px}.dark .features-grid-section .feature-description{color:var(--gray-400)}.features-grid-section .feature-details{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.features-grid-section .detail-tag{padding:6px 12px;background:#ffffff80;border:1px solid rgba(255,255,255,.8);border-radius:100px;font-size:12px;font-weight:500;color:var(--gray-700)}.dark .features-grid-section .detail-tag{background:#1e293b80;border-color:var(--gray-300);color:var(--gray-300)}.features-grid-section .feature-hover{opacity:0;transform:translateY(10px);transition:var(--transition)}.features-grid-section .feature-card:hover .feature-hover{opacity:1;transform:translateY(0)}.features-grid-section .btn-learn-more{background:transparent;border:none;color:var(--primary-purple);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:var(--transition)}.features-grid-section .btn-learn-more:hover{gap:8px;color:var(--primary-blue)}.dashboard-preview{padding:120px 0;background:linear-gradient(135deg,#1e40af0d,#8b5cf60d)}.dark .dashboard-preview{background:linear-gradient(135deg,#1e40af1a,#8b5cf61a)}.dashboard-preview .preview-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.dashboard-preview .preview-text h2{font-size:42px;font-weight:900;color:var(--gray-900);margin-bottom:20px;line-height:1.1}.dark .dashboard-preview .preview-text h2{color:var(--white)}.dashboard-preview .preview-text h2 .highlight{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.dashboard-preview .preview-text p{font-size:20px;color:var(--gray-600);line-height:1.6;margin-bottom:32px}.dark .dashboard-preview .preview-text p{color:var(--gray-400)}.dashboard-preview .preview-features{list-style:none;padding:0;margin:0 0 40px}.dashboard-preview .preview-features li{font-size:18px;color:var(--gray-700);padding:8px 0;display:flex;align-items:center;gap:12px}.dark .dashboard-preview .preview-features li{color:var(--gray-300)}.dashboard-preview .preview-features li span{color:var(--accent-green);font-size:20px}.dashboard-preview .btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition)}.dashboard-preview .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1e40af4d}.dashboard-preview .preview-image{position:relative}.dashboard-preview .image-wrapper{border-radius:24px;overflow:hidden;box-shadow:var(--shadow-xl);position:relative}.dashboard-preview .image-wrapper img{width:100%;height:auto;display:block}.dashboard-preview .image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#1e40af1a,#8b5cf61a)}.integrations-section{padding:120px 0;background:var(--white)}.dark .integrations-section{background:var(--gray-900)}.integrations-section h2{font-size:48px;font-weight:900;color:var(--gray-900);text-align:center;margin-bottom:16px;line-height:1.1}.dark .integrations-section h2{color:var(--white)}.integrations-section h2 .highlight{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.integrations-section .integrations-subtitle{font-size:20px;color:var(--gray-600);text-align:center;max-width:600px;margin:0 auto 60px;line-height:1.6}.dark .integrations-section .integrations-subtitle{color:var(--gray-400)}.integrations-section .integrations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.integrations-section .integration-card{background:var(--gray-100);border-radius:24px;padding:40px;text-align:center;transition:var(--transition);border:1px solid transparent}.dark .integrations-section .integration-card{background:var(--gray-200)}.integrations-section .integration-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-purple)}.integrations-section .integration-card svg{color:var(--primary-blue);margin-bottom:20px}.integrations-section .integration-card h4{font-size:24px;font-weight:800;color:var(--gray-900);margin-bottom:12px;line-height:1.2}.dark .integrations-section .integration-card h4{color:var(--white)}.integrations-section .integration-card p{font-size:16px;color:var(--gray-600);line-height:1.6}.dark .integrations-section .integration-card p{color:var(--gray-400)}@media(max-width:1200px){.features-hero .platform-stats,.features-grid-section .category-features,.integrations-section .integrations-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.dashboard-preview .preview-content{grid-template-columns:1fr;gap:60px}.dashboard-preview .preview-text{text-align:center}}@media(max-width:768px){.features-hero .hero-title{font-size:36px}.features-hero .hero-description{font-size:18px}.features-grid-section .section-title,.integrations-section h2{font-size:36px}.features-grid-section .section-subtitle,.integrations-section .integrations-subtitle,.dashboard-preview .preview-text p{font-size:18px}.dashboard-preview .preview-text h2{font-size:32px}}@media(max-width:640px){.features-grid-section .category-features,.integrations-section .integrations-grid{grid-template-columns:1fr}.features-hero .platform-stats{grid-template-columns:1fr;gap:20px}}@media(max-width:480px){.features-hero .hero-title{font-size:32px}.features-grid-section .category-title{font-size:28px}.features-grid-section .feature-card,.integrations-section .integration-card{padding:32px}}.use-cases-hero{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden}.use-cases-hero .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.use-cases-hero .hero-overlay{position:relative;z-index:2;width:100%;background:linear-gradient(135deg,#0f172a9e,#1e40af85,#8b5cf678);padding:160px 0 100px}.use-cases-hero .hero-content{max-width:800px;color:#fff;text-align:center;margin:0 auto}.use-cases-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:100px;font-size:14px;font-weight:600;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.use-cases-hero .hero-title{font-size:56px;font-weight:900;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px}.use-cases-hero .hero-title .highlight{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.use-cases-hero .hero-description{font-size:20px;line-height:1.6;opacity:.9;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.use-cases-hero .hero-stats{display:flex;justify-content:center;gap:40px;margin-top:40px}.use-cases-hero .stat{text-align:center}.use-cases-hero .stat-value{font-size:42px;font-weight:800;margin-bottom:4px;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.use-cases-hero .stat-label{font-size:16px;opacity:.8;font-weight:500;color:#fff!important}.industries-section{padding:120px 0;background:var(--white)}.dark .industries-section{background:var(--gray-900)}.industries-section .section-header{text-align:center;margin-bottom:80px}.industries-section .section-title{font-size:48px;font-weight:900;color:var(--gray-900);margin-bottom:16px;line-height:1.1}.dark .industries-section .section-title{color:var(--white)}.industries-section .section-title .highlight{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.industries-section .section-subtitle{font-size:20px;color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6}.dark .industries-section .section-subtitle{color:var(--gray-400)}.industries-section .industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.industries-section .industry-card{background:var(--gray-100);border-radius:24px;padding:40px;text-align:center;transition:var(--transition);border:1px solid transparent}.dark .industries-section .industry-card{background:var(--gray-200)}.industries-section .industry-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-purple)}.industries-section .industry-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e40af1a,#8b5cf61a);border-radius:16px;color:var(--primary-blue);margin:0 auto 24px;transition:var(--transition)}.industries-section .industry-card:hover .industry-icon{transform:scale(1.1) rotate(5deg)}.industries-section .industry-name{font-size:24px;font-weight:800;color:var(--gray-900);margin-bottom:20px;line-height:1.2}.dark .industries-section .industry-name{color:var(--white)}.industries-section .industry-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.industries-section .stat-item{display:flex;align-items:center;gap:8px;justify-content:center;font-size:14px;color:var(--gray-600)}.dark .industries-section .stat-item{color:var(--gray-400)}.industries-section .stat-item svg{color:var(--primary-purple)}.industries-section .btn-view-case{background:transparent;border:none;color:var(--primary-purple);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:var(--transition)}.industries-section .btn-view-case:hover{gap:8px;color:var(--primary-blue)}.use-cases-grid{padding:120px 0;background:linear-gradient(135deg,#1e40af0d,#8b5cf60d)}.dark .use-cases-grid{background:linear-gradient(135deg,#1e40af1a,#8b5cf61a)}.use-cases-grid .section-header{text-align:center;margin-bottom:80px}.use-cases-grid .section-title{font-size:48px;font-weight:900;color:var(--gray-900);margin-bottom:16px;line-height:1.1}.dark .use-cases-grid .section-title{color:var(--white)}.use-cases-grid .section-title .highlight{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.use-cases-grid .section-subtitle{font-size:20px;color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6}.dark .use-cases-grid .section-subtitle{color:var(--gray-400)}.use-cases-grid .use-cases-container{display:flex;flex-direction:column;gap:80px}.use-cases-grid .use-case-card{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--white);border-radius:32px;overflow:hidden;box-shadow:var(--shadow-xl)}.dark .use-cases-grid .use-case-card{background:var(--gray-100)}.use-cases-grid .case-image{height:100%;min-height:500px;background-size:cover;background-position:center;position:relative}.use-cases-grid .case-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#1e40af4d,#8b5cf64d)}.use-cases-grid .case-icon{position:absolute;top:40px;left:40px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:20px;color:var(--primary-blue)}.dark .use-cases-grid .case-icon{background:#1e293be6}.use-cases-grid .case-content{padding:60px 40px}.use-cases-grid .case-title{font-size:36px;font-weight:900;color:var(--gray-900);margin-bottom:16px;line-height:1.1}.dark .use-cases-grid .case-title{color:var(--white)}.use-cases-grid .case-description{font-size:20px;color:var(--gray-600);line-height:1.6;margin-bottom:32px}.dark .use-cases-grid .case-description{color:var(--gray-400)}.use-cases-grid .case-benefits h4{font-size:20px;font-weight:700;color:var(--gray-900);margin-bottom:16px}.dark .use-cases-grid .case-benefits h4{color:var(--white)}.use-cases-grid .case-benefits ul{list-style:none;padding:0;margin:0 0 32px}.use-cases-grid .case-benefits li{display:flex;align-items:flex-start;gap:12px;font-size:18px;color:var(--gray-700);padding:8px 0}.dark .use-cases-grid .case-benefits li{color:var(--gray-300)}.use-cases-grid .case-benefits li svg{color:var(--accent-green);flex-shrink:0;margin-top:2px}.use-cases-grid .case-study{background:var(--gray-100);border-radius:16px;padding:24px;margin-bottom:32px}.dark .use-cases-grid .case-study{background:var(--gray-200)}.use-cases-grid .study-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#10b9811a;color:var(--accent-green);border-radius:100px;font-size:12px;font-weight:600;margin-bottom:12px}.use-cases-grid .study-text{font-size:16px;color:var(--gray-700);line-height:1.6;margin:0}.dark .use-cases-grid .study-text{color:var(--gray-300)}.use-cases-grid .case-actions{display:flex;gap:16px}.use-cases-grid .btn-primary,.use-cases-grid .btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition)}.use-cases-grid .btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:#fff;border:none}.use-cases-grid .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1e40af4d}.use-cases-grid .btn-secondary{background:transparent;color:var(--gray-700);border:1px solid var(--gray-300)}.dark .use-cases-grid .btn-secondary{color:var(--gray-300);border-color:var(--gray-400)}.use-cases-grid .btn-secondary:hover{background:var(--gray-100);border-color:var(--gray-400)}.dark .use-cases-grid .btn-secondary:hover{background:var(--gray-200)}.testimonials-section{padding:120px 0;background:var(--white)}.dark .testimonials-section{background:var(--gray-900)}.testimonials-section .section-title{font-size:48px;font-weight:900;color:var(--gray-900);text-align:center;margin-bottom:60px;line-height:1.1}.dark .testimonials-section .section-title{color:var(--white)}.testimonials-section .section-title .highlight{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.testimonials-section .testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.testimonials-section .testimonial-card{background:var(--gray-100);border-radius:24px;padding:40px;position:relative;overflow:hidden}.dark .testimonials-section .testimonial-card{background:var(--gray-200)}.testimonials-section .testimonial-card:before{content:'"';position:absolute;top:20px;right:20px;font-size:80px;color:var(--primary-purple);opacity:.1;font-family:Georgia,serif}.testimonials-section .testimonial-content{font-size:20px;color:var(--gray-700);line-height:1.6;margin-bottom:32px;font-style:italic}.dark .testimonials-section .testimonial-content{color:var(--gray-300)}.testimonials-section .testimonial-author{display:flex;align-items:center;gap:16px}.testimonials-section .author-info h4{font-size:20px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.dark .testimonials-section .author-info h4{color:var(--white)}.testimonials-section .author-info p{font-size:14px;color:var(--gray-600)}.dark .testimonials-section .author-info p{color:var(--gray-400)}.use-cases-cta{padding:120px 0;background:linear-gradient(135deg,#1e40af0d,#8b5cf60d)}.dark .use-cases-cta{background:linear-gradient(135deg,#1e40af1a,#8b5cf61a)}.use-cases-cta .cta-content{text-align:center;max-width:600px;margin:0 auto}.use-cases-cta h2{font-size:42px;font-weight:900;color:var(--gray-900);margin-bottom:20px;line-height:1.1}.dark .use-cases-cta h2{color:var(--white)}.use-cases-cta p{font-size:20px;color:var(--gray-600);line-height:1.6;margin-bottom:40px}.dark .use-cases-cta p{color:var(--gray-400)}.use-cases-cta .cta-actions{display:flex;gap:16px;justify-content:center}.use-cases-cta .btn-primary,.use-cases-cta .btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition)}.use-cases-cta .btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:#fff;border:none}.use-cases-cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1e40af4d}.use-cases-cta .btn-secondary{background:transparent;color:var(--gray-700);border:1px solid var(--gray-300)}.dark .use-cases-cta .btn-secondary{color:var(--gray-300);border-color:var(--gray-400)}.use-cases-cta .btn-secondary:hover{background:var(--gray-100);border-color:var(--gray-400)}.dark .use-cases-cta .btn-secondary:hover{background:var(--gray-200)}@media(max-width:1200px){.industries-section .industries-grid{grid-template-columns:repeat(2,1fr)}.testimonials-section .testimonials-grid{grid-template-columns:1fr}}@media(max-width:992px){.use-cases-grid .use-case-card{grid-template-columns:1fr;gap:0}.use-cases-grid .case-image{min-height:300px}.use-cases-grid .case-content{padding:40px}}@media(max-width:768px){.use-cases-hero .hero-title{font-size:36px}.use-cases-hero .hero-description{font-size:18px}.use-cases-hero .hero-stats{flex-direction:column;gap:20px}.use-cases-hero .stat-value{font-size:32px}.industries-section .section-title,.use-cases-grid .section-title,.testimonials-section .section-title{font-size:36px}.industries-section .section-subtitle,.use-cases-grid .section-subtitle,.use-cases-grid .case-description,.testimonials-section .testimonial-content,.use-cases-cta p{font-size:18px}.use-cases-grid .case-title{font-size:28px}.use-cases-cta h2{font-size:32px}.use-cases-cta .cta-actions{flex-direction:column;align-items:center}.use-cases-cta .btn-primary,.use-cases-cta .btn-secondary{width:100%;justify-content:center}}@media(max-width:640px){.industries-section .industries-grid{grid-template-columns:1fr}.use-cases-grid .case-actions{flex-direction:column}}@media(max-width:480px){.use-cases-hero .hero-title{font-size:32px}.industries-section .industry-card,.testimonials-section .testimonial-card{padding:32px}.use-cases-grid .case-content{padding:32px 24px}.use-cases-grid .case-benefits li{font-size:16px}}:root{--primary-blue: #1e40af;--primary-purple: #8b5cf6;--accent-teal: #06b6d4;--accent-green: #10b981;--accent-orange: #f59e0b;--white: #ffffff;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-600: #475569;--gray-700: #334155;--gray-900: #0f172a;--shadow-lg: 0 20px 60px rgba(0, 0, 0, .12);--shadow-xl: 0 30px 80px rgba(0, 0, 0, .15);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dark{--white: #0f172a;--gray-100: #1e293b;--gray-200: #334155;--gray-300: #475569;--gray-400: #64748b;--gray-600: #cbd5e1;--gray-700: #e2e8f0;--gray-900: #f1f5f9;--shadow-lg: 0 20px 60px rgba(0, 0, 0, .4);--shadow-xl: 0 30px 80px rgba(0, 0, 0, .5)}.about-hero{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden}.about-hero .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.about-hero .hero-overlay{position:relative;z-index:2;width:100%;background:linear-gradient(135deg,#0f172a9e,#1e40af85,#8b5cf678);padding:160px 0 100px}.about-hero .hero-content{max-width:800px;color:#fff;text-align:center;margin:0 auto}.about-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:100px;font-size:14px;font-weight:600;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-hero .hero-title{font-size:56px;font-weight:900;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px}.about-hero .hero-title .highlight{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.about-hero .hero-description{font-size:20px;line-height:1.6;opacity:.9;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.about-hero .hero-stats{display:flex;justify-content:center;gap:40px;margin-top:40px}.about-hero .stat{text-align:center}.about-hero .stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:12px;margin:0 auto 12px}.about-hero .stat-value{font-size:32px;font-weight:800;margin-bottom:4px;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.about-hero .stat-label{font-size:14px;opacity:.8;font-weight:500;color:#fff!important}.mission-section{padding:120px 0;background:var(--white)}.dark .mission-section{background:var(--gray-900)}.mission-section .mission-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.mission-section .mission-text h2{font-size:42px;font-weight:900;color:var(--gray-900);margin-bottom:20px;line-height:1.1}.dark .mission-section .mission-text h2{color:var(--white)}.mission-section .mission-text h2 .highlight{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.mission-section .mission-text>p{font-size:20px;color:var(--gray-600);line-height:1.6;margin-bottom:40px}.dark .mission-section .mission-text>p{color:var(--gray-400)}.mission-section .mission-values h3{font-size:28px;font-weight:800;color:var(--gray-900);margin-bottom:32px}.dark .mission-section .mission-values h3{color:var(--white)}.mission-section .values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.mission-section .value-card{background:var(--gray-100);border-radius:20px;padding:24px;transition:var(--transition)}.dark .mission-section .value-card{background:var(--gray-200)}.mission-section .value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.mission-section .value-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e40af1a,#8b5cf61a);border-radius:16px;color:var(--primary-blue);margin-bottom:16px}.mission-section .value-card h4{font-size:20px;font-weight:700;color:var(--gray-900);margin-bottom:8px;line-height:1.2}.dark .mission-section .value-card h4{color:var(--white)}.mission-section .value-card p{font-size:16px;color:var(--gray-600);line-height:1.6;margin:0}.dark .mission-section .value-card p{color:var(--gray-400)}.mission-section .mission-image{border-radius:24px;overflow:hidden;box-shadow:var(--shadow-xl);height:680px}.mission-section .mission-image img{width:100%;height:100%;object-fit:cover;display:block}.timeline-section{padding:120px 0;background:linear-gradient(135deg,#1e40af0d,#8b5cf60d)}.dark .timeline-section{background:linear-gradient(135deg,#1e40af1a,#8b5cf61a)}.timeline-section .section-header{text-align:center;margin-bottom:80px}.timeline-section .section-title{font-size:48px;font-weight:900;color:var(--gray-900);margin-bottom:16px;line-height:1.1}.dark .timeline-section .section-title{color:var(--white)}.timeline-section .section-title .highlight{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.timeline-section .section-subtitle{font-size:20px;color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6}.dark .timeline-section .section-subtitle{color:var(--gray-400)}.timeline-section .timeline{position:relative;max-width:800px;margin:0 auto}.timeline-section .timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--primary-purple),transparent);transform:translate(-50%)}.timeline-section .timeline-item{position:relative;margin-bottom:60px;display:flex;align-items:center;gap:40px}.timeline-section .timeline-item:nth-child(odd){flex-direction:row-reverse}.timeline-section .timeline-year{flex:0 0 120px;text-align:center;font-size:24px;font-weight:800;color:var(--primary-purple);padding:12px 24px;background:var(--white);border-radius:12px;box-shadow:var(--shadow-lg)}.dark .timeline-section .timeline-year{background:var(--gray-100);color:var(--accent-purple)}.timeline-section .timeline-content{flex:1;background:var(--white);border-radius:20px;padding:32px;box-shadow:var(--shadow-lg)}.dark .timeline-section .timeline-content{background:var(--gray-100)}.timeline-section .timeline-content h3{font-size:24px;font-weight:800;color:var(--gray-900);margin-bottom:12px;line-height:1.2}.dark .timeline-section .timeline-content h3{color:var(--white)}.timeline-section .timeline-content p{font-size:16px;color:var(--gray-600);line-height:1.6;margin:0}.dark .timeline-section .timeline-content p{color:var(--gray-400)}.timeline-section .timeline-dot{position:absolute;left:50%;top:50%;width:16px;height:16px;background:var(--primary-blue);border:4px solid var(--white);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px var(--primary-purple)}.dark .timeline-section .timeline-dot{border-color:var(--gray-100)}.team-section{padding:120px 0;background:var(--white)}.dark .team-section{background:var(--gray-900)}.team-section .section-header{text-align:center;margin-bottom:80px}.team-section .section-title{font-size:48px;font-weight:900;color:var(--gray-900);margin-bottom:16px;line-height:1.1}.dark .team-section .section-title{color:var(--white)}.team-section .section-title .highlight{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.team-section .section-subtitle{font-size:20px;color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6}.dark .team-section .section-subtitle{color:var(--gray-400)}.team-section .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:80px}.team-section .team-card{background:var(--gray-100);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);transition:var(--transition)}.dark .team-section .team-card{background:var(--gray-200)}.team-section .team-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.team-section .team-photo{height:200px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));display:flex;align-items:center;justify-content:center}.team-section .photo-placeholder{width:100px;height:100px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-blue)}.dark .team-section .photo-placeholder{background:#1e293be6}.team-section .team-info{padding:32px}.team-section .team-name{font-size:24px;font-weight:800;color:var(--gray-900);margin-bottom:4px;line-height:1.2}.dark .team-section .team-name{color:var(--white)}.team-section .team-role{font-size:16px;color:var(--primary-purple);font-weight:600;margin-bottom:16px}.team-section .team-experience{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--gray-600);margin-bottom:20px}.dark .team-section .team-experience{color:var(--gray-400)}.team-section .team-experience svg{color:var(--accent-orange)}.team-section .team-bio{font-size:16px;color:var(--gray-600);line-height:1.6;margin-bottom:24px}.dark .team-section .team-bio{color:var(--gray-400)}.team-section .btn-connect{width:100%;padding:12px 24px;background:transparent;color:var(--primary-purple);border:1px solid var(--primary-purple);border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.team-section .btn-connect:hover{background:var(--primary-purple);color:#fff}.team-section .full-team{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:var(--gray-100);border-radius:32px;padding:60px;box-shadow:var(--shadow-xl)}.dark .team-section .full-team{background:var(--gray-200)}.team-section .team-image{border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg)}.team-section .team-image img{width:100%;height:auto;display:block}.team-section .team-description h3{font-size:32px;font-weight:800;color:var(--gray-900);margin-bottom:20px;line-height:1.1}.dark .team-section .team-description h3{color:var(--white)}.team-section .team-description p{font-size:20px;color:var(--gray-600);line-height:1.6;margin-bottom:40px}.dark .team-section .team-description p{color:var(--gray-400)}.team-section .team-stats{display:flex;gap:40px}.team-section .team-stats .stat-value{font-size:32px;font-weight:800;color:var(--gray-900);margin-bottom:4px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.dark .team-section .team-stats .stat-value{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.team-section .team-stats .stat-label{font-size:14px;color:var(--gray-600);font-weight:500}.dark .team-section .team-stats .stat-label{color:var(--gray-400)}.awards-section{padding:120px 0;background:linear-gradient(135deg,#1e40af0d,#8b5cf60d)}.dark .awards-section{background:linear-gradient(135deg,#1e40af1a,#8b5cf61a)}.awards-section .section-title{font-size:48px;font-weight:900;color:var(--gray-900);text-align:center;margin-bottom:60px;line-height:1.1}.dark .awards-section .section-title{color:var(--white)}.awards-section .section-title .highlight{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.awards-section .awards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.awards-section .award-card{background:var(--white);border-radius:24px;padding:40px;text-align:center;transition:var(--transition);box-shadow:var(--shadow-lg)}.dark .awards-section .award-card{background:var(--gray-100)}.awards-section .award-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.awards-section .award-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e40af1a,#8b5cf61a);border-radius:16px;color:var(--primary-blue);margin:0 auto 24px}.awards-section .award-card h4{font-size:24px;font-weight:800;color:var(--gray-900);margin-bottom:12px;line-height:1.2}.dark .awards-section .award-card h4{color:var(--white)}.awards-section .award-card p{font-size:16px;color:var(--gray-600);line-height:1.6;margin:0}.dark .awards-section .award-card p{color:var(--gray-400)}.about-cta{padding:120px 0;background:var(--white)}.dark .about-cta{background:var(--gray-900)}.about-cta .cta-content{text-align:center;max-width:600px;margin:0 auto}.about-cta h2{font-size:42px;font-weight:900;color:var(--gray-900);margin-bottom:20px;line-height:1.1}.dark .about-cta h2{color:var(--white)}.about-cta p{font-size:20px;color:var(--gray-600);line-height:1.6;margin-bottom:40px}.dark .about-cta p{color:var(--gray-400)}.about-cta .cta-actions{display:flex;gap:16px;justify-content:center}.about-cta .btn-primary,.about-cta .btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition)}.about-cta .btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:#fff;border:none}.about-cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1e40af4d}.about-cta .btn-secondary{background:transparent;color:var(--gray-700);border:1px solid var(--gray-300)}.dark .about-cta .btn-secondary{color:var(--gray-300);border-color:var(--gray-400)}.about-cta .btn-secondary:hover{background:var(--gray-100);border-color:var(--gray-400)}.dark .about-cta .btn-secondary:hover{background:var(--gray-200)}@media(max-width:1200px){.team-section .team-grid,.awards-section .awards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.mission-section .mission-content{grid-template-columns:1fr;gap:60px}.mission-section .values-grid{grid-template-columns:1fr}.timeline-section .timeline:before{left:30px}.timeline-section .timeline-item{flex-direction:row!important;gap:20px}.timeline-section .timeline-year{flex:0 0 100px}.timeline-section .timeline-dot{left:30px}.team-section .full-team{grid-template-columns:1fr;gap:60px}}@media(max-width:768px){.about-hero .hero-title{font-size:36px}.about-hero .hero-description{font-size:18px}.about-hero .hero-stats{flex-direction:column;gap:20px}.mission-section .mission-text h2{font-size:32px}.mission-section .mission-text>p{font-size:18px}.mission-section .mission-values h3{font-size:24px}.timeline-section .section-title,.team-section .section-title,.awards-section .section-title{font-size:36px}.timeline-section .section-subtitle,.team-section .section-subtitle,.team-section .team-description p,.about-cta p{font-size:18px}.team-section .team-description h3{font-size:28px}.about-cta h2{font-size:32px}.about-cta .cta-actions{flex-direction:column;align-items:center}.about-cta .btn-primary,.about-cta .btn-secondary{width:100%;justify-content:center}}@media(max-width:640px){.team-section .team-grid,.awards-section .awards-grid{grid-template-columns:1fr}.team-section .full-team{padding:40px}.team-section .team-stats{flex-direction:column;gap:20px}}@media(max-width:480px){.about-hero .hero-title{font-size:32px}.mission-section .value-card,.timeline-section .timeline-content,.team-section .team-info,.awards-section .award-card{padding:24px}.team-section .full-team{padding:32px 24px}}:root{--white: #ffffff;--cream-white: #f8fafc;--soft-pink: #fdf2f8;--lavender-blush: #faf5ff;--baby-blue: #f0f9ff;--primary-blue: #1e40af;--primary-purple: #8b5cf6;--accent-teal: #06b6d4;--accent-pink: #ec4899;--warning-orange: #f59e0b;--error-red: #dc2626;--error-bg: #fef2f2;--error-border: #fecaca;--info-blue: #3b82f6;--info-bg: #eff6ff;--info-border: #bfdbfe;--success-green: #10b981;--success-bg: #f0fdf4;--success-border: #bbf7d0;--google-blue: #4285F4;--facebook-blue: #1877F2;--twitter-black: #000000;--github-black: #181717;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #1e40af 0%, #8b5cf6 50%, #ec4899 100%);--gradient-card: linear-gradient(135deg, #ffffff 0%, #fdf2f8 25%, #f0f9ff 50%, #faf5ff 75%, #ffffff 100%);--gradient-glow: linear-gradient(135deg, rgba(27, 92, 246, .1) 0%, rgba(139, 92, 246, .1) 50%, rgba(236, 72, 153, .1) 100%);--gradient-blue-purple: linear-gradient(135deg, #1e40af 0%, #8b5cf6 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, .05) 100%);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .05);--shadow-medium: 0 8px 32px rgba(0, 0, 0, .08);--shadow-hard: 0 20px 60px rgba(0, 0, 0, .12);--shadow-glow: 0 0 30px rgba(139, 92, 246, .15);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .37);--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .6s cubic-bezier(.68, -.55, .265, 1.55);--border-radius: 16px;--border-radius-large: 24px;--border-radius-full: 9999px}.dark{--white: #0f172a;--cream-white: #0f172a;--soft-pink: #1e293b;--lavender-blush: #1e293b;--baby-blue: #0f172a;--gray-100: #1e293b;--gray-200: #334155;--gray-300: #475569;--gray-400: #64748b;--gray-500: #94a3b8;--gray-600: #cbd5e1;--gray-700: #e2e8f0;--gray-900: #f1f5f9;--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .1);--gradient-card: linear-gradient(135deg, #1e293b 0%, #0f172a 25%, #1e293b 50%, #0f172a 75%, #1e293b 100%);--gradient-glow: linear-gradient(135deg, rgba(27, 92, 246, .2) 0%, rgba(139, 92, 246, .2) 50%, rgba(236, 72, 153, .2) 100%);--gradient-glass: linear-gradient(135deg, rgba(30, 41, 59, .8) 0%, rgba(15, 23, 42, .6) 100%);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3);--shadow-medium: 0 8px 32px rgba(0, 0, 0, .4);--shadow-hard: 0 20px 60px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(139, 92, 246, .25);--error-bg: #2d1a1a;--error-border: #7f1a1a;--info-bg: #1a2a3a;--info-border: #1e3a8a;--success-bg: #1a2a1a;--success-border: #166534}.login-page{min-height:100vh;background:var(--cream-white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--gray-700);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass-card{background:var(--gradient-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%)}.glass-input{background:#ffffff1a!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)!important}.glass-input:focus{background:#ffffff26!important;border-color:var(--primary-purple)!important;box-shadow:0 0 0 4px #8b5cf61a!important}.login-hero{position:relative;height:40vh;min-height:350px;overflow:hidden;border-radius:0 0 var(--border-radius-large) var(--border-radius-large)}.hero-gradient-overlay{position:absolute;inset:0;display:flex;align-items:center;background:linear-gradient(135deg,#0f172a26,#1e40af1f,#8b5cf61a);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:var(--border-radius-full);margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.hero-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title .highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.hero-description{font-size:1.125rem;line-height:1.6;color:#ffffffe6;max-width:600px;margin:0 auto}.login-section{padding:3rem 0 5rem;background:var(--cream-white);position:relative}.login-section:before{content:"";position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(180deg,transparent 0%,var(--cream-white) 100%);pointer-events:none}.login-container{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:-80px;align-items:stretch;position:relative;z-index:1}.login-card{padding:2.5rem;border-radius:var(--border-radius-large);transition:var(--transition-smooth);min-height:580px;display:flex;flex-direction:column}.login-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-glass),0 15px 30px #0000001a}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem;background:var(--gradient-blue-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:var(--gray-500);font-size:.95rem}.alert-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--border-radius);margin-bottom:1.5rem;font-size:.9rem;font-weight:500;animation:slideIn .3s ease-out;position:relative}.alert-error{background:var(--error-bg);border-left:4px solid var(--error-red);color:var(--error-red);box-shadow:0 2px 8px #dc26261a}.alert-error svg{color:var(--error-red);flex-shrink:0}.alert-info{background:var(--info-bg);border-left:4px solid var(--info-blue);color:var(--info-blue);box-shadow:0 2px 8px #3b82f61a}.alert-info svg{color:var(--info-blue);flex-shrink:0}.alert-success{background:var(--success-bg);border-left:4px solid var(--success-green);color:var(--success-green);box-shadow:0 2px 8px #10b9811a}.alert-success svg{color:var(--success-green);flex-shrink:0}.alert-close{margin-left:auto;background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;opacity:.6;transition:opacity .2s;padding:0 .25rem;color:currentColor}.alert-close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-form{display:flex;flex-direction:column;gap:1.25rem;flex:1}.form-group label{display:flex;align-items:center;gap:.5rem;color:var(--gray-700);font-weight:500;font-size:.9rem}.form-group label svg{color:var(--primary-purple);width:18px;height:18px}.form-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 4px #8b5cf61a}.form-input::placeholder{color:var(--gray-400)}.password-input{padding-right:2.75rem!important}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;color:var(--gray-500);transition:var(--transition-smooth);z-index:2}.password-toggle:focus{outline:none;color:var(--primary-purple)}.form-options{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--gray-600);font-size:.9rem}.checkbox-label input{width:1rem;height:1rem;border-radius:4px;border:2px solid var(--gray-300);cursor:pointer;transition:var(--transition-smooth)}.checkbox-label input:checked{background:var(--primary-purple);border-color:var(--primary-purple)}.forgot-link{color:var(--primary-blue);text-decoration:none;font-weight:500;font-size:.9rem;transition:var(--transition-smooth)}.forgot-link:hover{color:var(--primary-purple);text-decoration:underline}.login-button{padding:.875rem 1.5rem;background:var(--gradient-blue-purple);color:#fff;border:none;border-radius:var(--border-radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;position:relative;overflow:hidden}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf640}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--gray-400);position:relative}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gray-300),transparent)}.login-divider span{padding:0 1rem;font-size:.9rem;background:transparent}.social-login{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.social-button{padding:.75rem 1rem;border-radius:var(--border-radius);background:var(--white);color:var(--gray-700);font-weight:500;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;border:1px solid var(--gray-200)}.social-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-soft)}.social-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);color:var(--gray-500);font-size:.9rem;margin-top:auto}.signup-link{color:var(--primary-blue);text-decoration:none;font-weight:600;margin-left:.5rem;transition:var(--transition-smooth)}.signup-link:hover{color:var(--primary-purple);text-decoration:underline}.demo-hint{margin-top:1rem;padding:.75rem;background:#8b5cf614;border-radius:var(--border-radius);border:1px solid rgba(139,92,246,.15);font-size:.75rem;color:var(--gray-500);text-align:center}.demo-hint kbd{display:inline-block;padding:.2rem .4rem;font-size:.7rem;font-weight:600;background:var(--gray-200);border-radius:4px;margin:0 .2rem;font-family:monospace}.login-info{display:flex;flex-direction:column;gap:1.25rem;height:100%}.info-card{padding:2rem;border-radius:var(--border-radius-large);transition:var(--transition-smooth);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.info-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-glass),0 15px 30px #0000001a}.info-icon-wrapper{margin-bottom:1.25rem;padding:.75rem;background:var(--gradient-glow);border-radius:var(--border-radius);display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.info-card:hover .info-icon-wrapper{background:var(--gradient-primary);transform:scale(1.1)}.info-card:hover .info-icon-wrapper svg{color:#fff}.info-icon-wrapper svg{color:var(--primary-purple);width:28px;height:28px;transition:var(--transition-smooth)}.info-card h3{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem;transition:var(--transition-smooth)}.info-card:hover h3{background:var(--gradient-blue-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-card p{color:var(--gray-500);line-height:1.5;font-size:.9rem;margin:0}@media(max-width:1024px){.login-container{grid-template-columns:1fr;gap:2rem}.hero-title{font-size:2.5rem}.social-login{grid-template-columns:repeat(2,1fr)}.login-card{min-height:auto;height:auto}.info-card{min-height:180px}}@media(max-width:768px){.login-hero{height:35vh;min-height:300px}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.login-card{padding:2rem;min-height:auto}.login-container{margin-top:-60px}.social-login{grid-template-columns:repeat(2,1fr)}.info-card{padding:1.5rem;min-height:160px}.login-section{padding:2rem 0 3rem}}@media(max-width:480px){.login-hero{height:30vh;min-height:250px}.hero-title{font-size:1.75rem}.hero-content,.login-card{padding:1.5rem}.info-card{padding:1.25rem;min-height:140px}.social-login{grid-template-columns:1fr}.social-button{padding:.75rem}.hero-badge{padding:.5rem 1rem;font-size:.875rem}.alert-message{padding:.75rem 1rem;font-size:.85rem}}@media(prefers-color-scheme:dark){.login-page{color-scheme:dark}.glass-input{background:#1e293b4d!important}.social-button{background:#1e293b4d;border-color:#ffffff1a}.demo-hint{background:#8b5cf626}.demo-hint kbd{background:var(--gray-700);color:var(--gray-200)}.password-toggle{color:var(--gray-400)}.password-toggle:hover{color:var(--primary-purple)}}@media print{.login-page{background:#fff!important;color:#000!important}.login-hero{display:none}.glass-card{box-shadow:none!important;border:1px solid #ddd!important;background:#fff!important}}.login-page::-webkit-scrollbar{width:8px}.login-page::-webkit-scrollbar-track{background:var(--gray-100)}.login-page::-webkit-scrollbar-thumb{background:var(--primary-purple);border-radius:4px}.login-page::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}:root{--white: #ffffff;--cream-white: #f8fafc;--soft-pink: #fdf2f8;--lavender-blush: #faf5ff;--baby-blue: #f0f9ff;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--primary-blue: #1e40af;--primary-purple: #8b5cf6;--accent-teal: #06b6d4;--accent-pink: #ec4899;--success-green: #10b981;--warning-orange: #f59e0b;--error-red: #ef4444;--google-blue: #4285F4;--facebook-blue: #1877F2;--twitter-black: #000000;--github-black: #181717;--gradient-primary: linear-gradient(135deg, #1e40af 0%, #8b5cf6 50%, #ec4899 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #8b5cf6 50%, #ec4899 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .85) 100%);--gradient-feature: linear-gradient(135deg, #f0f9ff 0%, #faf5ff 100%);--gradient-blue-purple: linear-gradient(135deg, #1e40af 0%, #8b5cf6 100%);--gradient-checkbox: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .05);--shadow-medium: 0 8px 32px rgba(0, 0, 0, .08);--shadow-hard: 0 20px 60px rgba(0, 0, 0, .12);--shadow-card: 0 10px 40px rgba(139, 92, 246, .15);--shadow-glow: 0 0 30px rgba(139, 92, 246, .2);--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .6s cubic-bezier(.68, -.55, .265, 1.55);--border-radius: 12px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-xl: 32px;--border-radius-full: 9999px}.dark{--white: #0f172a;--cream-white: #0f172a;--soft-pink: #1e293b;--lavender-blush: #1e293b;--baby-blue: #0f172a;--gray-100: #1e293b;--gray-200: #334155;--gray-300: #475569;--gray-400: #64748b;--gray-500: #94a3b8;--gray-600: #cbd5e1;--gray-700: #e2e8f0;--gray-800: #f1f5f9;--gray-900: #f1f5f9;--gradient-card: linear-gradient(135deg, rgba(30, 41, 59, .95) 0%, rgba(15, 23, 42, .85) 100%);--gradient-feature: linear-gradient(135deg, rgba(30, 41, 59, .8) 0%, rgba(15, 23, 42, .8) 100%);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3);--shadow-medium: 0 8px 32px rgba(0, 0, 0, .4);--shadow-hard: 0 20px 60px rgba(0, 0, 0, .5);--shadow-card: 0 10px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(139, 92, 246, .25)}.signup-page{min-height:100vh;background:var(--cream-white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--gray-700);overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.signup-hero{position:relative;height:40vh;min-height:400px;overflow:hidden;border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl)}.hero-background{position:absolute;inset:0;background-size:cover;background-position:center}.hero-gradient-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0f172a26,#1e40af1f,#8b5cf61a);pointer-events:none}.hero-overlay{position:absolute;inset:0;display:flex;align-items:center}.hero-content{max-width:800px;margin:0 auto;text-align:center;color:var(--white);padding:2rem;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:var(--border-radius-full);margin-bottom:2rem;border:1px solid rgba(255,255,255,.2);animation:fadeInDown .8s ease}.hero-badge svg{color:var(--white)}.hero-title{font-size:3.25rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease .2s both}.hero-title .highlight{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.hero-title .highlight:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:var(--gradient-secondary);border-radius:var(--border-radius-full);transform:scaleX(0);transform-origin:left;animation:slideIn .6s ease 1s forwards}.hero-description{font-size:1.25rem;line-height:1.6;color:#ffffffe6;max-width:600px;margin:0 auto;animation:fadeInUp .8s ease .4s both}.signup-section{padding:4rem 0 6rem;background:var(--cream-white);position:relative}.signup-container{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}.signup-features{position:sticky;top:2rem;animation:slideInLeft .8s ease}.features-header{margin-bottom:2.5rem}.features-header h2{font-size:2rem;font-weight:800;color:var(--gray-900);margin-bottom:.75rem;background:var(--gradient-blue-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-header p{color:var(--gray-500);font-size:1.125rem;line-height:1.6}.features-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.feature-item{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem;background:var(--gradient-feature);border-radius:var(--border-radius-lg);border:1px solid rgba(139,92,246,.1);transition:var(--transition-smooth);animation:fadeInUp .6s ease;animation-fill-mode:both}.feature-item:nth-child(1){animation-delay:.2s}.feature-item:nth-child(2){animation-delay:.3s}.feature-item:nth-child(3){animation-delay:.4s}.feature-item:hover{transform:translate(8px) translateY(-4px);border-color:#8b5cf64d;box-shadow:var(--shadow-medium)}.feature-icon{flex-shrink:0;width:48px;height:48px;background:var(--gradient-blue-purple);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-bounce)}.feature-item:hover .feature-icon{transform:rotate(360deg) scale(1.1)}.feature-icon svg{color:#fff;width:24px;height:24px}.feature-content{flex:1}.feature-content h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.feature-content p{color:var(--gray-500);font-size:.95rem;line-height:1.5;margin:0}.progress-tracker{background:var(--gradient-card);padding:1.5rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid rgba(139,92,246,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .8s ease .5s both}.tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tracker-header h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0}.tracker-percentage{font-size:1.5rem;font-weight:700;background:var(--gradient-blue-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tracker-bar{height:8px;background:var(--gray-200);border-radius:var(--border-radius-full);overflow:hidden;margin-bottom:1.5rem}.tracker-progress{height:100%;background:var(--gradient-blue-purple);border-radius:var(--border-radius-full);transition:width 1s ease;position:relative;overflow:hidden}.tracker-progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.tracker-steps{display:flex;justify-content:space-between;gap:.5rem}.tracker-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;transition:var(--transition-smooth)}.tracker-step.active .step-number{background:var(--gradient-blue-purple);color:#fff;border-color:var(--primary-purple);transform:scale(1.1);box-shadow:0 0 20px #8b5cf64d}.step-number{width:32px;height:32px;border-radius:50%;border:2px solid var(--gray-300);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:var(--gray-400);transition:var(--transition-smooth);background:var(--white)}.tracker-step:hover .step-number{border-color:var(--primary-purple);transform:scale(1.05)}.tracker-step span{font-size:.75rem;font-weight:500;color:var(--gray-500);text-align:center;transition:var(--transition-smooth)}.tracker-step.active span{color:var(--primary-purple);font-weight:600}.signup-form-wrapper{position:relative;animation:slideInRight .8s ease}.signup-card{background:var(--gradient-card);padding:2.5rem;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-card);border:1px solid rgba(139,92,246,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-smooth)}.signup-card:hover{box-shadow:var(--shadow-glow);transform:translateY(-4px)}.signup-header{text-align:center;margin-bottom:2rem}.signup-header h2{font-size:1.875rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem;background:var(--gradient-blue-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signup-header p{color:var(--gray-500);font-size:1rem}.signup-form{display:flex;flex-direction:column;gap:1.25rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:flex;align-items:center;gap:.5rem;color:var(--gray-700);font-weight:500;font-size:.875rem;transition:var(--transition-smooth)}.form-group:focus-within label{color:var(--primary-purple)}.form-group label svg{color:var(--primary-purple);width:16px;height:16px;transition:var(--transition-smooth)}.form-group:focus-within label svg{transform:scale(1.1);color:var(--accent-pink)}.form-input{padding:.875rem 1rem;border:2px solid var(--gray-200);border-radius:var(--border-radius);font-size:.95rem;transition:var(--transition-smooth);background:var(--white);color:var(--gray-900);width:100%}.form-input:hover{border-color:var(--gray-300)}.form-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 4px #8b5cf61a;transform:translateY(-2px)}.form-input::placeholder{color:var(--gray-400);transition:var(--transition-smooth)}.form-input:focus::placeholder{opacity:.7;transform:translate(5px)}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px;padding-right:2.5rem;cursor:pointer}select.form-input:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.password-requirements{padding:1.25rem;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-100) 100%);border-radius:var(--border-radius);margin:.5rem 0;border:1px solid var(--gray-200);transition:var(--transition-smooth)}.password-requirements:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-soft)}.requirements-title{font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.requirements-title:before{content:"🔒";font-size:1rem}.requirements-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;list-style:none;padding:0;margin:0}.requirement-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--gray-500);padding:.25rem .5rem;background:#ffffff80;border-radius:var(--border-radius-full);transition:var(--transition-smooth)}.requirement-item:hover{background:var(--white);transform:translate(2px)}.requirement-item.valid{color:var(--success-green);background:#10b9811a}.requirement-item.valid svg{color:var(--success-green)}.requirement-item svg{width:14px;height:14px;flex-shrink:0;transition:var(--transition-smooth)}.requirement-item:hover svg{transform:scale(1.2)}.terms-group{margin:.75rem 0;position:relative;animation:fadeInUp .5s ease}.checkbox-label{display:flex;align-items:flex-start;gap:1rem;cursor:pointer;color:var(--gray-600);font-size:.9375rem;line-height:1.5;padding:.5rem;border-radius:var(--border-radius);transition:all .3s ease;background:linear-gradient(135deg,transparent,transparent);position:relative}.checkbox-label:hover{background:linear-gradient(135deg,#8b5cf60d,#ec48990d);transform:translate(4px)}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox-label span{position:relative;padding-left:2.5rem;display:inline-block}.checkbox-label span:before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border:2px solid var(--gray-300);border-radius:6px;background:var(--white);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d}.checkbox-label span:after{content:"✓";position:absolute;left:5px;top:-2px;font-size:16px;color:#fff;opacity:0;transform:scale(.5) rotate(-10deg);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.checkbox-label input[type=checkbox]:checked+span:before{background:var(--gradient-checkbox);border-color:transparent;transform:scale(1.05);box-shadow:0 4px 10px #8b5cf64d}.checkbox-label input[type=checkbox]:checked+span:after{opacity:1;transform:scale(1) rotate(0)}.checkbox-label input[type=checkbox]:focus+span:before{box-shadow:0 0 0 4px #8b5cf633;border-color:var(--primary-purple)}.checkbox-label:hover span:before{border-color:var(--primary-purple);transform:scale(1.02)}.checkbox-label:hover input[type=checkbox]:checked+span:before{transform:scale(1.1);box-shadow:0 6px 15px #8b5cf666}.checkbox-label:active span:before{transform:scale(.95)}.terms-link{color:var(--primary-purple);text-decoration:none;font-weight:600;position:relative;transition:all .3s ease;padding:2px 4px;border-radius:4px;background:linear-gradient(135deg,transparent,transparent)}.terms-link:hover{color:var(--accent-pink);background:linear-gradient(135deg,#8b5cf61a,#ec48991a);text-decoration:none}.terms-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--gradient-checkbox);transform:scaleX(0);transform-origin:right;transition:transform .3s ease;border-radius:2px}.terms-link:hover:after{transform:scaleX(1);transform-origin:left}.terms-group:first-of-type .checkbox-label{background:linear-gradient(135deg,#8b5cf605,#ec489905);border-left:3px solid transparent}.terms-group:first-of-type .checkbox-label:hover{border-left-color:var(--primary-purple);background:linear-gradient(135deg,#8b5cf614,#ec489914)}.terms-group:last-of-type .checkbox-label span:before{border-radius:50%}.terms-group:last-of-type .checkbox-label span:after{content:"✉";font-size:12px;top:0;left:5px}.terms-group:last-of-type:before{content:"📬";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:0;transition:all .3s ease;pointer-events:none}.terms-group:last-of-type:hover:before{opacity:1;right:-5px;animation:bounce .5s ease}.checkbox-label input[type=checkbox]:disabled+span:before{background:var(--gray-200);border-color:var(--gray-300);opacity:.5;cursor:not-allowed}.checkbox-label input[type=checkbox]:disabled+span{color:var(--gray-400);cursor:not-allowed}.signup-button{padding:1rem 1.5rem;background:var(--gradient-blue-purple);color:#fff;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.5rem;position:relative;overflow:hidden;z-index:1}.signup-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;z-index:-1}.signup-button:hover:before{left:100%}.signup-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf64d}.signup-button:active{transform:translateY(0)}.signup-button svg{transition:var(--transition-bounce)}.signup-button:hover svg{transform:rotate(360deg) scale(1.2)}.signup-divider{display:flex;align-items:center;margin:2rem 0;color:var(--gray-400);position:relative}.signup-divider:before,.signup-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gray-300),transparent)}.signup-divider span{padding:0 1rem;font-size:.875rem;background:transparent;position:relative}.signup-divider span:before,.signup-divider span:after{content:"✨";position:absolute;top:50%;transform:translateY(-50%);font-size:12px;opacity:0;transition:var(--transition-smooth)}.signup-divider span:before{left:-10px}.signup-divider span:after{right:-10px}.signup-divider:hover span:before,.signup-divider:hover span:after{opacity:1}.social-signup{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.social-button{padding:.75rem 1rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);background:var(--white);color:var(--gray-700);font-weight:500;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;position:relative;overflow:hidden}.social-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#8b5cf61a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.social-button:hover:before{width:300px;height:300px}.social-button:hover{transform:translateY(-2px);border-color:var(--primary-purple);box-shadow:var(--shadow-soft)}.social-button:active{transform:translateY(0)}.social-icon{width:18px;height:18px;transition:var(--transition-bounce)}.social-button:hover .social-icon{transform:scale(1.2) rotate(360deg)}.google-icon{width:18px;height:18px}.facebook-icon{color:var(--facebook-blue)}.twitter-icon{color:var(--twitter-black)}.github-icon{color:var(--github-black)}.signup-footer{text-align:center;padding-top:1.5rem;border-top:2px solid var(--gray-200);color:var(--gray-500);font-size:.875rem;position:relative;margin-top:.5rem}.signup-footer:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:50px;height:4px;background:var(--gradient-checkbox);border-radius:2px;transition:var(--transition-smooth)}.signup-footer:hover:before{width:100px}.login-link{color:var(--primary-blue);text-decoration:none;font-weight:600;margin-left:.5rem;transition:var(--transition-smooth);position:relative;padding:4px 8px;border-radius:var(--border-radius-full)}.login-link:hover{color:var(--primary-purple);background:#8b5cf61a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bounce{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.tracker-progress{animation:pulse 2s ease-in-out infinite}@media(max-width:1200px){.signup-container{grid-template-columns:1fr;gap:2rem}.signup-features{position:static}.hero-title{font-size:2.75rem}}@media(max-width:768px){.signup-hero{height:35vh;min-height:350px}.hero-title{font-size:2.25rem}.hero-description{font-size:1.125rem}.signup-card{padding:2rem}.form-grid,.social-signup,.requirements-list{grid-template-columns:1fr}.signup-section{padding:3rem 0 4rem}.checkbox-label{font-size:.875rem}.checkbox-label span{padding-left:2rem}.checkbox-label span:before{width:18px;height:18px;top:3px}.checkbox-label span:after{left:4px;top:-1px;font-size:14px}}@media(max-width:480px){.signup-hero{height:30vh;min-height:300px}.hero-title{font-size:1.875rem}.hero-content,.signup-card{padding:1.5rem}.feature-item{padding:1rem}.features-header h2{font-size:1.75rem}.signup-header h2{font-size:1.5rem}.terms-group:last-of-type:before{display:none}}@media(prefers-color-scheme:dark){.signup-page{color-scheme:dark}.feature-item{background:var(--gradient-feature)}.social-button{background:var(--gray-100);border-color:var(--gray-200)}.password-requirements{background:var(--gray-200)}.checkbox-label span:before{background:var(--gray-800);border-color:var(--gray-600)}.checkbox-label input[type=checkbox]:checked+span:before{background:var(--gradient-checkbox)}}.signup-page::-webkit-scrollbar{width:10px}.signup-page::-webkit-scrollbar-track{background:var(--gray-100);border-radius:5px}.signup-page::-webkit-scrollbar-thumb{background:var(--gradient-blue-purple);border-radius:5px;transition:var(--transition-smooth)}.signup-page::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}.checkbox-label.loading{opacity:.7;pointer-events:none}.checkbox-label.loading span:before{animation:pulse 1s infinite}@keyframes checkPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.checkbox-label input[type=checkbox]:checked+span:before{animation:checkPop .3s ease}@media print{.signup-page{background:#fff}.signup-button,.social-signup,.hero-badge{display:none}}.toast{position:fixed;top:20px;right:20px;z-index:2000;display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 12px #00000026;border-left:4px solid;animation:slideIn .3s ease;min-width:300px;max-width:400px}.toast-success{border-left-color:#10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left-color:#dc2626}.toast-error .toast-icon{color:#dc2626}.toast-info{border-left-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-icon{display:flex;align-items:center}.toast-message{flex:1;font-size:.9rem;color:var(--text-primary)}.toast-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;padding:4px}.toast-close:hover{color:var(--text-primary)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dashboard-page{max-width:1400px;margin:0 auto;padding:1rem}.welcome-header{background:linear-gradient(135deg,#a259ff1a,#18a0fb1a);border-radius:24px;padding:2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.welcome-content{flex:1}.welcome-subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:600px;line-height:1.5}.welcome-subtitle strong{color:var(--accent-purple);font-weight:600}.resume-button{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:16px;font-weight:600;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-3d-purple)}.resume-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-3d-blue)}.quick-actions{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.dark .section-title{background:linear-gradient(90deg,#e9d5ff,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.section-subtitle{font-size:.95rem;color:var(--text-secondary)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.action-card{padding:1.5rem;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;align-items:center;gap:1rem;background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-3d)}.action-card:hover{transform:translateY(-5px)}.action-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.action-icon.blue{background:linear-gradient(135deg,var(--accent-blue),#3B82F6)}.action-icon.purple{background:linear-gradient(135deg,var(--accent-purple),#8B5CF6)}.action-icon.green{background:linear-gradient(135deg,var(--accent-green),#10B981)}.action-icon.yellow{background:linear-gradient(135deg,var(--accent-yellow),#F59E0B)}.action-title{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.action-description{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.action-arrow{color:var(--text-secondary);font-size:1.25rem;font-weight:600;transition:transform .3s ease}.stat-card{padding:1.5rem;background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-3d);transition:all .4s ease}.stat-change{font-size:.875rem;font-weight:600}.change-positive{color:var(--accent-green)}.change-negative{color:var(--accent-red)}.stat-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.stat-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.stat-progress{display:flex;align-items:center;gap:1rem}.progress-track{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:var(--gradient-primary);transition:width 1s ease}.progress-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);min-width:40px}.dashboard-content-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem;margin-bottom:2rem}.recent-simulations,.threat-landscape,.performance-insights{background:var(--bg-secondary);border-radius:20px;box-shadow:var(--shadow-3d);padding:1.5rem}.last-updated{font-size:.875rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.5rem}.simulations-list{display:flex;flex-direction:column;gap:1rem}.simulation-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--bg-tertiary);border-radius:16px;transition:all .3s ease;min-height:100px}.simulation-item:hover{background:var(--border-color);transform:translateY(-3px);box-shadow:var(--shadow-3d-subtle)}.simulation-info{flex:1;min-width:0}.simulation-header{display:flex;align-items:center;gap:.875rem;margin-bottom:.75rem}.simulation-name{font-weight:600;color:var(--text-primary);font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.difficulty-badge{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:20px}.difficulty-badge.hard{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.difficulty-badge.medium{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.difficulty-badge.easy{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.simulation-meta{display:flex;align-items:center;gap:1.25rem;font-size:.875rem;color:var(--text-secondary)}.simulation-meta span{display:flex;align-items:center;gap:.35rem;white-space:nowrap}.simulation-right{display:flex;justify-content:flex-end;align-items:center;flex-shrink:0;width:140px}.score-display{display:flex;justify-content:center;width:100%}.score-circle{position:relative;width:72px;height:72px}.progress-ring-circle{transition:stroke-dashoffset 1.2s ease-in-out;stroke-linecap:round}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1}.score-value small{font-size:.75rem;font-weight:500;opacity:.8}.continue-button{background:var(--gradient-primary);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:14px;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.625rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:130px;justify-content:center}.continue-button:hover{transform:scale(1.05);box-shadow:var(--shadow-3d-purple)}.threats-list{display:flex;flex-direction:column;gap:1rem}.threat-item{padding:1rem;background:var(--bg-tertiary);border-radius:16px;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.threat-item:hover{background:var(--border-color)}.threat-info{flex:1}.threat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.threat-type{font-weight:600;color:var(--text-primary);font-size:.95rem}.severity-badge{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:20px}.severity-badge.critical{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.severity-badge.high{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.severity-badge.medium{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.threat-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary)}.trend-up{color:var(--accent-green)}.trend-down{color:var(--accent-red)}.trend-stable{color:var(--text-secondary)}.threat-visual{width:100px}.threat-bar{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.performance-insights{margin-top:2rem}.insights-badge{display:flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.insights-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.insight-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:16px;transition:all .3s ease}.insight-card:hover{transform:translateY(-5px);background:var(--border-color)}.insight-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-icon.positive{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.insight-icon.warning{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.insight-icon.info{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.insight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.insight-header h3{font-weight:600;color:var(--text-primary);margin:0}.insight-trend{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px}.insight-trend.positive{background:#10b9811a;color:#10b981}.insight-trend.warning{background:#f59e0b1a;color:#f59e0b}.insight-trend.info{background:#3b82f61a;color:#3b82f6}.insight-text p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}@media(max-width:1024px){.dashboard-content-grid{grid-template-columns:1fr}.welcome-header{flex-direction:column;gap:1.5rem;text-align:center}}@media(max-width:768px){.stats-grid,.actions-grid,.insights-content{grid-template-columns:1fr}.simulation-item{flex-direction:column;align-items:flex-start;gap:1rem}.simulation-right{width:100%;justify-content:center}.continue-button{width:100%;max-width:200px;align-self:center}.simulation-name{max-width:100%}}.category-item{padding:12px 0;border-bottom:1px solid var(--border-color, #334155)}.category-item:last-child{border-bottom:none}.category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.category-name{font-size:14px;font-weight:500;color:var(--text-primary, #f1f5f9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.category-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.category-count{font-size:12px;color:var(--text-secondary, #94a3b8)}.category-score{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-blue, #3b82f6)}.time-summary{display:flex;align-items:center;gap:6px;padding-top:14px;margin-top:6px;border-top:1px solid var(--border-color, #334155);font-size:13px;color:var(--text-secondary, #94a3b8)}.time-summary svg{flex-shrink:0;opacity:.7;color:var(--text-secondary, #94a3b8)}.time-summary strong{color:var(--text-primary, #f1f5f9)}.weekly-stat{font-size:12px;color:var(--text-secondary, #94a3b8);background:var(--bg-tertiary, #1e293b);padding:4px 10px;border-radius:20px;white-space:nowrap}.weekly-stat strong{color:var(--accent-purple, #8b5cf6);font-weight:700}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;text-align:center;color:var(--text-secondary, #94a3b8)}.empty-state svg{opacity:.35;color:var(--text-secondary, #94a3b8)}.empty-state p{font-size:15px;font-weight:600;color:var(--text-primary, #f1f5f9);margin:0}.empty-state span{font-size:13px;color:var(--text-secondary, #94a3b8);max-width:280px;line-height:1.5}.change-label{font-size:12px;color:var(--text-secondary, #94a3b8);text-align:right;line-height:1.3;max-width:120px}.progress-ring circle:last-child{transform-origin:36px 36px}.simulations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.simulation-card{padding:1.5rem;transition:all .4s ease}.simulation-card:hover{transform:translateY(-8px)}.simulation-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.simulation-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.simulation-icon.navigation{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.simulation-icon.communication{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.simulation-icon.social-engineering{background:linear-gradient(135deg,#10b981,#059669)}.simulation-icon.data-integrity{background:linear-gradient(135deg,#f59e0b,#d97706)}.simulation-icon.malware{background:linear-gradient(135deg,#ef4444,#dc2626)}.simulation-meta{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.duration{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--text-secondary)}.simulation-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.simulation-category{font-size:.95rem;color:var(--text-secondary);margin-bottom:1.5rem}.simulation-progress{margin-bottom:1.5rem}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary)}.progress-value{font-weight:600;color:var(--text-primary)}.simulation-actions{display:flex;gap:.75rem}.review-button,.start-button,.continue-button{flex:1;padding:.75rem 1rem;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;transition:all .3s ease}.review-button{background:var(--bg-tertiary);color:var(--text-primary);border:none}.start-button{background:var(--gradient-primary);color:#fff;border:none}.continue-button{background:var(--gradient-secondary);color:#fff;border:none}.filter-button{background:var(--bg-tertiary);color:var(--text-primary);border:none;padding:1rem 1.5rem;border-radius:16px;font-weight:600;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease}.filter-group{display:flex;gap:1rem}.filter-select{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.9rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary-purple)}.analytics-page{padding-bottom:3rem}.analytics-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin:2rem 0}.kpi-card{background:var(--bg-secondary);border-radius:18px;padding:1.5rem;position:relative;box-shadow:var(--shadow-md);transition:transform .3s ease}.kpi-card:hover{transform:translateY(-6px)}.kpi-card h4{font-size:.9rem;color:var(--text-secondary)}.kpi-value{font-size:2.2rem;font-weight:800;margin:.5rem 0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.kpi-trend{font-size:.85rem;font-weight:600}.kpi-trend.up{color:#22c55e}.kpi-trend.down{color:#ef4444}.kpi-trend.neutral{color:var(--text-secondary)}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem}.analytics-card{background:var(--bg-secondary);border-radius:20px;padding:1.75rem;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.analytics-card.wide{grid-column:span 2}.analytics-card h3{margin-bottom:1.25rem;font-weight:700}.bar-chart{display:flex;align-items:flex-end;gap:1rem;height:220px}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.bar-fill{width:100%;background:var(--gradient-primary);border-radius:10px;box-shadow:0 8px 25px #6366f159;transition:height .4s ease}.bar-item span{font-size:.75rem;color:var(--text-secondary)}.circle-chart{position:relative;width:180px;height:180px;margin:auto}.circle-chart svg{transform:rotate(-90deg)}.circle-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:3.8}.circle-progress{fill:none;stroke:url(#);stroke:var(--accent-purple);stroke-width:3.8;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(139,92,246,.6))}.circle-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.circle-value span{font-size:2rem;font-weight:800}.circle-value small{font-size:.8rem;color:var(--text-secondary)}.line-chart{height:200px;position:relative;background:linear-gradient(to bottom,rgba(99,102,241,.12),transparent);border-radius:16px}.line-path{position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,var(--accent-purple) 50%,transparent 70%);opacity:.6}.line-glow{position:absolute;inset:0;filter:blur(20px);background:var(--accent-purple);opacity:.15}@media(max-width:1024px){.analytics-grid{grid-template-columns:1fr}.analytics-card.wide{grid-column:span 1}}.certifications-page{max-width:1400px;margin:0 auto;padding:1rem}.certifications-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#a259ff1a,#18a0fb1a);border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.export-button{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 1.5rem;border-radius:16px;font-weight:600;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-3d-purple)}.export-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-3d-blue)}.certifications-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{padding:1.5rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon-wrapper{margin-bottom:1rem}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.blue{background:linear-gradient(135deg,var(--accent-blue),#3B82F6)}.stat-icon.purple{background:linear-gradient(135deg,var(--accent-purple),#8B5CF6)}.stat-icon.green{background:linear-gradient(135deg,var(--accent-green),#10B981)}.stat-icon.yellow{background:linear-gradient(135deg,var(--accent-yellow),#F59E0B)}.stat-value{font-size:2.5rem;font-weight:800;margin-bottom:.25rem;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.stat-change{color:var(--text-secondary);font-size:.875rem;font-weight:500}.filter-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:var(--bg-tertiary);border-radius:16px;width:fit-content}.filter-tab{padding:.75rem 1.5rem;border-radius:12px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease}.filter-tab:hover{background:var(--border-color)}.filter-tab.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.certification-card{padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;display:flex;flex-direction:column}.certification-card:hover{transform:translateY(-10px) translateZ(20px)}.certification-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;position:relative}.certification-header-left{display:flex;align-items:flex-start;gap:1rem;flex:1}.certification-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.certification-title{flex:1}.certification-title h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.3}.certification-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.certification-meta .category{color:var(--text-secondary);font-size:.875rem;padding:.25rem .75rem;background:var(--bg-tertiary);border-radius:20px}.certification-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;margin-left:1rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid;white-space:nowrap}.status-badge.completed{background:#10b9811a;color:#10b981;border-color:#10b98133}.status-badge.in-progress{background:#3b82f61a;color:#3b82f6;border-color:#3b82f633}.status-badge.locked{background:#6b72801a;color:#6b7280;border-color:#6b728033}.status-badge.available{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b33}.expiration-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#ef44441a;color:#ef4444;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid rgba(239,68,68,.2);margin-top:.25rem}.certification-content{display:flex;flex-direction:column;gap:1.5rem;flex:1}.certification-description{color:var(--text-secondary);line-height:1.6;margin:0;font-size:.95rem}.certification-progress{background:var(--bg-tertiary);padding:1rem;border-radius:12px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.progress-header span{color:var(--text-primary);font-weight:600;font-size:.95rem}.progress-header .progress-value{color:var(--accent-blue);font-weight:700}.progress-track{height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.modules-info{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary)}.modules-info .duration{display:flex;align-items:center;gap:.25rem}.certification-requirements h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.75rem}.certification-requirements ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.certification-requirements li{display:flex;align-items:flex-start;gap:.5rem;color:var(--text-secondary);font-size:.875rem;line-height:1.4}.certification-requirements li svg{color:var(--accent-green);flex-shrink:0;margin-top:.125rem}.certification-score{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:12px}.score-circle{position:relative;width:80px;height:80px;flex-shrink:0}.progress-ring{transform:rotate(-90deg)}.progress-ring-background{stroke:var(--bg-primary)}.progress-ring-circle{transition:stroke-dashoffset 1s ease}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.25rem;font-weight:800;color:var(--text-primary)}.score-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.score-label{font-size:1rem;font-weight:600;color:var(--text-primary)}.issue-date{font-size:.875rem;color:var(--text-secondary)}.certification-actions{display:flex;gap:1rem;margin-top:auto;padding-top:1rem}.certification-actions button{flex:1;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease;border:none;font-size:.95rem}.view-certificate-btn{background:var(--gradient-primary);color:#fff}.view-certificate-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-3d-purple)}.download-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)!important}.download-btn:hover{background:var(--border-color)}.continue-btn{background:var(--gradient-primary);color:#fff}.continue-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-3d-blue)}.start-btn{background:linear-gradient(135deg,var(--accent-green),#10B981);color:#fff}.start-btn:hover{transform:translateY(-2px);box-shadow:0 20px 60px #10b9814d}.locked-btn{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.certification-path{padding:2rem;margin-top:2rem}.certification-path .section-header{margin-bottom:2rem}.certification-path .section-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.certification-path .section-header p{color:var(--text-secondary);font-size:.95rem}.path-timeline{display:flex;justify-content:space-between;position:relative}.path-level{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:1}.level-marker{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.marker{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff}.marker.completed{background:linear-gradient(135deg,#10b981,#0acf83);box-shadow:0 8px 32px #10b9814d}.marker.in-progress{background:linear-gradient(135deg,#3b82f6,#18a0fb);box-shadow:0 8px 32px #3b82f64d}.marker.locked{background:var(--bg-tertiary);color:var(--text-secondary)}.level-label{font-weight:600;color:var(--text-primary);font-size:.95rem}.level-progress{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.progress-text{font-size:.875rem;color:var(--text-secondary)}.level-progress-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.level-progress-fill{height:100%;border-radius:3px;background:var(--gradient-primary);transition:width .5s ease}.path-connector{position:absolute;top:28px;right:-50%;width:100%;height:2px;background:var(--border-color);z-index:0}@media(max-width:1024px){.certifications-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:768px){.certifications-header{flex-direction:column;gap:1.5rem;text-align:center}.certifications-stats{grid-template-columns:1fr 1fr}.certifications-grid{grid-template-columns:1fr}.filter-tabs{width:100%;flex-wrap:wrap}.certification-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.certification-header-right{align-items:flex-start;width:100%;margin-left:0}.path-timeline{flex-direction:column;gap:2rem}.path-connector{display:none}.certification-actions{flex-direction:column}.certification-score{flex-direction:column;align-items:flex-start;gap:1rem}}@media(max-width:480px){.certifications-stats{grid-template-columns:1fr}.stat-value{font-size:2rem}.header-title h1{font-size:1.75rem}.certification-title h3{font-size:1.1rem}.certification-actions button{padding:.75rem 1rem;font-size:.9rem}}.calendar-page{max-width:1400px;margin:0 auto;padding:1rem}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#a259ff1a,#18a0fb1a);border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.header-title{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.header-title h1{font-size:2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:600px;line-height:1.5}.create-event-btn{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 1.5rem;border-radius:16px;font-weight:600;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-3d-purple)}.create-event-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-3d-blue)}.calendar-controls{padding:1.5rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.view-selector{display:flex;gap:.5rem;background:var(--bg-tertiary);padding:.25rem;border-radius:12px}.view-btn{padding:.75rem 1.5rem;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease}.view-btn:hover{background:var(--border-color)}.view-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.date-navigation{display:flex;align-items:center;gap:1rem}.nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.nav-btn:hover{background:var(--bg-tertiary);transform:scale(1.1)}.current-date{font-size:1.25rem;font-weight:700;color:var(--text-primary);min-width:300px;text-align:center}.today-btn{padding:.75rem 1.5rem;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease}.today-btn:hover{background:var(--bg-tertiary)}.calendar-layout{display:grid;grid-template-columns:1fr 350px;gap:2rem}@media(max-width:1024px){.calendar-layout{grid-template-columns:1fr}}.calendar-main{padding:1.5rem;min-height:600px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border-color);border-radius:12px;overflow:hidden}.calendar-header-day{padding:1rem;background:var(--bg-secondary);text-align:center;font-weight:700;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.calendar-day{min-height:120px;background:var(--bg-secondary);padding:.75rem;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}.calendar-day:hover{background:var(--bg-tertiary)}.calendar-day.other-month{background:var(--bg-primary);color:var(--text-secondary)}.calendar-day.today{background:linear-gradient(135deg,#18a0fb1a,#a259ff1a)}.day-header{display:flex;justify-content:space-between;align-items:center}.day-number{font-weight:700;font-size:1.1rem}.today-badge{font-size:.75rem;padding:.25rem .5rem;background:var(--gradient-primary);color:#fff;border-radius:12px;font-weight:600}.day-events{flex:1;display:flex;flex-direction:column;gap:.25rem}.event-preview{padding:.5rem;background:var(--bg-tertiary);border-radius:6px;border-left:3px solid;font-size:.75rem;cursor:pointer;transition:all .3s ease}.event-preview:hover{transform:translate(5px)}.event-time{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary);margin-bottom:.25rem}.event-title{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-events{font-size:.75rem;color:var(--accent-blue);font-weight:600;cursor:pointer;padding:.25rem;text-align:center}.more-events:hover{text-decoration:underline}.calendar-sidebar{display:flex;flex-direction:column;gap:1.5rem}.upcoming-events,.event-stats{padding:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.events-count{font-size:.875rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:20px}.events-list{display:flex;flex-direction:column;gap:1rem}.event-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.event-card:hover{transform:translate(5px);background:var(--border-color)}.event-time-display{display:flex;flex-direction:column;align-items:center;min-width:60px}.event-time-main{display:flex;align-items:center;gap:.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.event-duration{font-size:.75rem;color:var(--text-secondary);background:var(--bg-primary);padding:.125rem .5rem;border-radius:10px}.event-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.event-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.event-title{font-weight:600;color:var(--text-primary);margin:0;font-size:.95rem;line-height:1.4}.status-badge{font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:10px;white-space:nowrap}.status-badge.scheduled{background:#3b82f61a;color:#3b82f6}.status-badge.in-progress{background:#f59e0b1a;color:#f59e0b}.status-badge.cancelled{background:#ef44441a;color:#ef4444}.event-meta{display:flex;flex-direction:column;gap:.25rem}.event-type,.event-location,.event-participants{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.event-reminder{position:absolute;top:1rem;right:1rem;color:var(--accent-blue)}.event-stats .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:12px;transition:all .3s ease;overflow:hidden}.stat-item:hover{transform:translateY(-5px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-content{display:flex;flex-direction:column;min-width:0;flex:1}.stat-value{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-label{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2}.event-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.event-modal{width:90%;max-width:600px;max-height:90vh;overflow-y:auto;padding:2rem;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.event-type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;color:#fff;font-weight:600;font-size:.875rem}.close-modal{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-modal:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-content h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.event-description{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.event-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.detail-item{display:flex;align-items:flex-start;gap:1rem}.detail-icon{font-size:1.25rem;width:24px;display:flex;align-items:center;justify-content:center}.detail-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.detail-value{display:block;font-weight:600;color:var(--text-primary)}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.modal-actions button{flex:1;padding:1rem 1.5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease;border:none}.edit-btn{background:var(--gradient-primary);color:#fff}.edit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-3d-purple)}.delete-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)!important}.delete-btn:hover{background:#ef444433}@media(max-width:768px){.calendar-header{flex-direction:column;gap:1.5rem;text-align:center}.calendar-controls{flex-direction:column;align-items:stretch}.view-selector,.date-navigation{justify-content:center}.current-date{min-width:auto;font-size:1rem}.calendar-grid{grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:80px}.event-preview .event-title{display:none}.modal-actions{flex-direction:column}}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.modal-container{background:var(--bg-secondary);border-radius:24px;width:90%;max-width:400px;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 40px #0003}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:color .2s;display:flex;align-items:center;justify-content:center;padding:4px}.modal-close:hover{color:var(--text-primary)}.modal-content{padding:2rem;text-align:center}.modal-icon{margin-bottom:1.5rem;color:#10b981;animation:bounce .5s ease}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.modal-message{font-size:.95rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.modal-button{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 2rem;border-radius:40px;font-weight:600;cursor:pointer;transition:all .2s}.modal-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.profile-page{padding:2rem;max-width:1400px;margin:0 auto}.profile-content{display:grid;grid-template-columns:1fr 320px;gap:2rem}.profile-form{background:var(--bg-secondary);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-soft)}.form-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:span 2}.form-group label{font-weight:500;color:var(--text-secondary);font-size:.875rem}.form-group input,.form-group textarea{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-tertiary);color:var(--text-primary);font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 2px #8b5cf61a}.form-group input:disabled{background:var(--bg-tertiary);opacity:.7;cursor:not-allowed}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s}.profile-sidebar{display:flex;flex-direction:column;gap:2rem}.avatar-section{background:var(--bg-secondary);border-radius:20px;padding:2rem;text-align:center}.avatar-wrapper{margin-bottom:1rem}.avatar{width:140px;height:140px;margin:0 auto;border-radius:50%;overflow:hidden;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center}.avatar img,.avatar .avatar-placeholder{width:100%;height:100%;object-fit:cover;display:block}.avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff}.change-avatar-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:30px;padding:.5rem 1rem;margin-top:.75rem;cursor:pointer;transition:all .2s;color:var(--text-primary);font-size:.875rem}.change-avatar-btn:hover:not(:disabled){background:var(--border-color)}.change-avatar-btn:disabled{opacity:.6;cursor:not-allowed}.avatar-section h3{margin:.5rem 0 .25rem;font-size:1.1rem;font-weight:600}.avatar-section .role{color:var(--text-secondary);font-size:.875rem}.change-password-section{background:var(--bg-secondary);border-radius:20px;padding:1.5rem}.change-password-section h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.change-password-section .form-group{margin-bottom:1rem}.change-password-section .btn-secondary{width:100%}.password-group{position:relative}.password-input-wrapper{position:relative;width:100%}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:0}@media(max-width:1024px){.profile-content,.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}.settings-page{padding:2rem;max-width:1200px;margin:0 auto}.page-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.page-header p{color:var(--text-secondary);font-size:1rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.settings-card{background:var(--bg-secondary);border-radius:20px;padding:1.5rem;transition:all .2s}.settings-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--primary-purple)}.card-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.card-content{display:flex;flex-direction:column;gap:1rem}.card-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.toggle-switch{display:flex;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input{display:none}.toggle-switch .slider{position:relative;width:44px;height:24px;background:var(--border-color);border-radius:24px;transition:all .2s}.toggle-switch .slider:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:all .2s}.toggle-switch input:checked+.slider{background:var(--primary-purple)}.toggle-switch input:checked+.slider:before{transform:translate(20px)}.toggle-label{font-weight:500;color:var(--text-primary)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1rem;border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:#dc26261a;color:#dc2626;border:1px solid #dc2626;padding:.75rem 1rem;border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#dc2626;color:#fff}.settings-card.danger .card-header{color:#dc2626}.alert-message{padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-weight:500}.alert-success{background:#10b9811a;border-left:4px solid #10b981;color:#10b981}.alert-error{background:#dc26261a;border-left:4px solid #dc2626;color:#dc2626}.alert-info{background:#3b82f61a;border-left:4px solid #3b82f6;color:#3b82f6}.lecture-schedule-page{padding:1.5rem;max-width:1400px;margin:0 auto}.page-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.page-subtitle{color:var(--text-secondary);font-size:1rem}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.session-card{background:var(--bg-secondary);border-radius:20px;padding:1.25rem;box-shadow:var(--shadow-3d);transition:transform .2s ease,box-shadow .2s ease}.session-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-3d-purple)}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.session-icon{background:#a259ff1a;padding:.5rem;border-radius:12px;color:var(--accent-purple)}.session-meta{display:flex;gap:.5rem;align-items:center}.session-type{font-size:.75rem;background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:20px;color:var(--text-secondary)}.session-status.scheduled{background:#10b9811a;color:#10b981;font-size:.75rem;padding:.25rem .75rem;border-radius:20px}.session-content h3{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.session-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;line-height:1.4}.session-footer{margin-top:1rem;text-align:right}.join-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none;transition:all .2s ease}.join-btn:hover{transform:scale(1.02);box-shadow:var(--shadow-3d-purple)}.join-btn.disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.empty-state svg{color:var(--text-tertiary);margin-bottom:1rem}.loading-spinner{text-align:center;color:var(--text-secondary)}.spinner{animation:spin 1s linear infinite;margin-bottom:1rem}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.join-meeting-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-primary, linear-gradient(135deg, #8b5cf6, #3b82f6));color:#fff;border:none;padding:.7rem 1.2rem;border-radius:40px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-3d, 0 4px 12px rgba(0,0,0,.15))}.join-meeting-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.empty-join-btn{margin-top:1rem;background:transparent;border:1px solid var(--accent-blue);color:var(--accent-blue);padding:.5rem 1rem;border-radius:30px;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.empty-join-btn:hover{background:var(--accent-blue);color:#fff}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.join-modal{background:var(--bg-secondary, #1e293b);border-radius:24px;width:90%;max-width:450px;box-shadow:0 25px 50px -12px #00000080;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;border-bottom:1px solid var(--border-color, #334155)}.modal-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s}.modal-close:hover{background:var(--bg-tertiary, #0f172a);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-body p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.join-input{width:100%;padding:.8rem 1rem;background:var(--bg-tertiary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:12px;color:var(--text-primary);font-size:.95rem;margin-bottom:1.2rem;outline:none;transition:border-color .15s}.join-input:focus{border-color:var(--accent-blue, #3b82f6)}.join-submit-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--gradient-primary, linear-gradient(135deg, #8b5cf6, #3b82f6));color:#fff;border:none;padding:.8rem;border-radius:40px;font-weight:600;cursor:pointer;transition:all .2s}.join-submit-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.join-submit-btn:disabled{opacity:.6;cursor:not-allowed}.learning-materials-page{padding:1.5rem;max-width:1400px;margin:0 auto}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.material-card{background:var(--bg-secondary);border-radius:20px;padding:1.25rem;box-shadow:var(--shadow-3d);transition:transform .2s ease,box-shadow .2s ease;display:flex;gap:1rem;align-items:flex-start}.material-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-3d-blue)}.material-icon{background:#3b82f61a;padding:.75rem;border-radius:14px;color:var(--accent-blue);flex-shrink:0}.material-info{flex:1}.material-info h3{font-size:1.1rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary)}.material-info p{color:var(--text-secondary);font-size:.85rem;margin:0 0 .75rem}.material-meta{display:flex;gap:.75rem;font-size:.75rem;color:var(--text-secondary)}.material-meta span{background:var(--bg-tertiary);padding:.2rem .6rem;border-radius:12px}.material-actions{flex-shrink:0}.view-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:10px;font-weight:600;font-size:.85rem;text-decoration:none;transition:all .2s ease}.view-btn:hover{transform:scale(1.02);box-shadow:var(--shadow-3d-blue)}.view-btn.disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.exercises-page{padding:1.5rem;max-width:1400px;margin:0 auto}.exercises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.exercise-card{background:var(--bg-secondary);border-radius:20px;padding:1.25rem;box-shadow:var(--shadow-3d);transition:transform .2s ease}.exercise-card:hover{transform:translateY(-4px)}.exercise-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.exercise-icon{background:#f59e0b1a;padding:.5rem;border-radius:12px;color:#f59e0b}.status-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.25rem .75rem;border-radius:20px}.status-badge.completed{background:#10b9811a;color:#10b981}.status-badge.in-progress{background:#3b82f61a;color:#3b82f6}.status-badge.pending{background:#f59e0b1a;color:#f59e0b}.exercise-content h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.exercise-content p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.exercise-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--text-secondary);margin-bottom:1rem}.exercise-meta span{display:inline-flex;align-items:center;gap:.25rem}.exercise-footer{text-align:right}.start-exercise-btn,.review-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.review-btn{background:var(--bg-tertiary);color:var(--text-primary)}.start-exercise-btn:hover,.review-btn:hover{transform:scale(1.02)}.exercise-form-container{max-width:800px;margin:0 auto}.back-btn{background:none;border:none;color:var(--accent-blue);cursor:pointer;font-size:.9rem;margin-bottom:1.5rem;display:inline-flex;align-items:center;gap:.25rem}.exercise-form{background:var(--bg-secondary);border-radius:24px;padding:2rem;box-shadow:var(--shadow-3d)}.exercise-form h2{font-size:1.8rem;margin-bottom:1rem}.exercise-meta{margin-bottom:1.5rem}.answer-input{width:100%;padding:1rem;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;resize:vertical;margin-bottom:1.5rem}.submit-exercise-btn{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.tutor-dashboard-page{max-width:1400px;margin:0 auto}.welcome-header{background:linear-gradient(135deg,#a259ff1a,#18a0fb1a);border-radius:20px;padding:2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(139,92,246,.2)}.welcome-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:600px}.welcome-actions{display:flex;gap:1rem}.primary-button{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease}.secondary-button{background:transparent;color:var(--text-primary);border:2px solid var(--border-color);padding:1rem 2rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease}.secondary-button:hover{background:var(--bg-tertiary);border-color:var(--accent-purple)}.quick-actions-section{margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.action-card{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;transition:all .3s ease;border:1px solid var(--border-color)}.action-card:hover{transform:translateY(-5px);border-color:var(--accent-purple);box-shadow:0 10px 30px #0000001a}.action-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.action-icon.blue{background:linear-gradient(135deg,var(--accent-blue),var(--accent-blue-dark))}.action-icon.purple{background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-dark))}.action-icon.green{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-dark))}.action-icon.yellow{background:linear-gradient(135deg,var(--accent-yellow),var(--accent-yellow-dark))}.action-content h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.action-content p{font-size:.875rem;color:var(--text-secondary)}.action-arrow{margin-left:auto;color:var(--text-secondary);font-size:1.25rem;font-weight:600;transition:transform .3s ease}.action-card:hover .action-arrow{transform:translate(5px);color:var(--accent-blue)}.stat-card{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color)}.stat-icon.blue{background:linear-gradient(135deg,var(--accent-blue),var(--accent-blue-dark))}.stat-icon.purple{background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-dark))}.stat-icon.green{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-dark))}.stat-icon.yellow{background:linear-gradient(135deg,var(--accent-yellow),var(--accent-yellow-dark))}.stat-change{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:20px}.trend-up{background:rgba(var(--accent-green-rgb),.1);color:var(--accent-green)}.trend-stable{background:rgba(var(--accent-blue-rgb),.1);color:var(--accent-blue)}.trend-warning{background:rgba(var(--accent-yellow-rgb),.1);color:var(--accent-yellow)}.trend-down{background:rgba(var(--accent-red-rgb),.1);color:var(--accent-red)}.dashboard-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.full-width{grid-column:1 / -1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.view-all{color:var(--accent-blue);text-decoration:none;font-weight:600;font-size:.95rem;padding:.5rem 1rem;border-radius:8px;background:var(--bg-tertiary);transition:all .3s ease}.view-all:hover{color:var(--accent-purple);background:var(--border-color)}.uploads-list{display:flex;flex-direction:column;gap:1rem}.upload-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:12px;transition:all .3s ease}.upload-item:hover{background:var(--border-color)}.upload-icon{width:48px;height:48px;border-radius:12px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--accent-purple)}.upload-info{flex:1}.upload-info h4{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.upload-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.upload-meta span{display:flex;align-items:center;gap:.25rem}.upload-actions{display:flex;align-items:center;gap:.5rem}.status-badge{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:20px}.status-badge.published{background:rgba(var(--accent-green-rgb),.1);color:var(--accent-green)}.status-badge.draft{background:rgba(var(--accent-yellow-rgb),.1);color:var(--accent-yellow)}.icon-button{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.icon-button:hover{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.sessions-list{display:flex;flex-direction:column;gap:1rem}.session-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-tertiary);border-radius:12px;transition:all .3s ease}.session-item:hover{background:var(--border-color)}.session-info h4{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.session-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.session-meta span{display:flex;align-items:center;gap:.25rem}.platform{background:rgba(var(--accent-blue-rgb),.1);color:var(--accent-blue);padding:.25rem .5rem;border-radius:6px;font-weight:600}.session-actions{display:flex;align-items:center;gap:.5rem}.join-button{background:var(--gradient-primary);color:#fff;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .3s ease}.join-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #8b5cf64d}.performance-table{overflow-x:auto}.performance-table table{width:100%;border-collapse:collapse}.performance-table th{text-align:left;padding:1rem;color:var(--text-secondary);font-weight:600;font-size:.875rem;border-bottom:1px solid var(--border-color)}.performance-table td{padding:1rem;border-bottom:1px solid var(--border-color)}.student-name{display:flex;align-items:center;gap:.75rem}.avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.progress-bar{display:flex;align-items:center;gap:.75rem;width:100%}.progress-fill{flex:1;height:6px;background:var(--gradient-primary);border-radius:3px}.score.high{background:rgba(var(--accent-green-rgb),.1);color:var(--accent-green)}.score.medium{background:rgba(var(--accent-yellow-rgb),.1);color:var(--accent-yellow)}.score.low{background:rgba(var(--accent-red-rgb),.1);color:var(--accent-red)}.status{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:20px}.status.excellent{background:rgba(var(--accent-green-rgb),.1);color:var(--accent-green)}.status.good{background:rgba(var(--accent-blue-rgb),.1);color:var(--accent-blue)}.status.needs-attention{background:rgba(var(--accent-yellow-rgb),.1);color:var(--accent-yellow)}.status.critical{background:rgba(var(--accent-red-rgb),.1);color:var(--accent-red)}.action-button:hover{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}@media(max-width:1024px){.dashboard-content-grid{grid-template-columns:1fr}.welcome-header{flex-direction:column;gap:1.5rem;text-align:center}.welcome-actions{width:100%;justify-content:center}}@media(max-width:768px){.stats-grid,.actions-grid{grid-template-columns:1fr}.upload-item,.session-item{flex-direction:column;align-items:flex-start;gap:1rem}.upload-actions,.session-actions{width:100%;justify-content:space-between}}.tutor-materials-page{max-width:1400px;margin:0 auto;padding:2rem}.upload-button{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease}.upload-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf64d}.materials-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.tab{padding:.75rem 1.5rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;white-space:nowrap}.tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab.active{background:var(--gradient-primary);color:#fff;box-shadow:0 5px 15px #8b5cf64d}.search-filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.search-box{flex:1;min-width:280px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.difficulty-filter{padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-weight:600;cursor:pointer;outline:none}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.material-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease}.material-card:hover{transform:translateY(-5px);border-color:var(--accent-purple);box-shadow:0 10px 30px #0000001a}.material-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.material-type{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);font-size:1.4rem}.material-type.video{color:#ef4444}.material-type.ebook{color:#10b981}.material-type.exercise{color:#3b82f6}.material-type.link{color:#8b5cf6}.material-actions{display:flex;gap:.5rem}.icon-btn.delete:hover{background:#ef4444;color:#fff;border-color:#ef4444}.upload-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.upload-modal{background:var(--bg-secondary);border-radius:20px;width:90%;max-width:820px;max-height:92vh;overflow-y:auto;border:1px solid var(--border-color);box-shadow:0 20px 60px #0006}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--bg-secondary);z-index:10}.close-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-btn:hover{background:#ef4444;color:#fff}.upload-type-selector{padding:1.5rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;border-bottom:1px solid var(--border-color)}.type-option{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;text-align:center}.type-option:hover{border-color:var(--border-color);color:var(--text-primary)}.type-option.active{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-color:var(--accent-purple);color:var(--accent-purple);box-shadow:0 4px 15px #8b5cf633}.upload-form{padding:2rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.85rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.98rem;outline:none;transition:border .3s ease}.file-upload-area{border:2px dashed var(--border-color);border-radius:16px;padding:3.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;text-align:center;background:var(--bg-tertiary)}.file-upload-area:hover{border-color:var(--accent-purple);background:#8b5cf60d;color:var(--accent-purple)}.file-upload-area svg{opacity:.7}.file-upload-area p{margin:0;font-weight:600}.file-upload-area small{opacity:.75;font-size:.85rem}.selected-file{margin-top:1rem;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:8px;font-size:.9rem;color:var(--accent-purple);font-weight:500}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.cancel-btn,.submit-btn{padding:.85rem 2rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn{background:transparent;border:2px solid var(--border-color);color:var(--text-primary)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf666}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.upload-button{width:100%;justify-content:center}.materials-tabs{overflow-x:auto;flex-wrap:nowrap}.upload-type-selector{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.search-filter-bar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.materials-grid{grid-template-columns:1fr}.file-upload-area{padding:2.5rem 1.5rem}}.empty-icon{color:var(--text-secondary);margin-bottom:1.5rem;opacity:.6}.empty-state-container .primary-button{background:var(--gradient-primary);color:#fff;border:none;padding:.85rem 2rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer}.empty-state-container .primary-button:hover{transform:translateY(-2px)}.tutor-exercises-page{max-width:1400px;margin:0 auto}.primary-button{background:var(--gradient-primary)!important;color:#fff!important;border:none!important;padding:1rem 2rem!important;border-radius:12px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:.75rem!important;cursor:pointer!important;transition:all .3s ease!important}.primary-button:hover{transform:translateY(-2px)!important;box-shadow:0 10px 30px #8b5cf64d!important}.filter-button,.export-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease}.filter-button:hover,.export-button:hover{background:var(--border-color)}.exercise-info{display:flex;align-items:center;gap:.75rem}.exercise-info svg{color:var(--accent-purple)}.exercise-name{font-weight:600;color:var(--text-primary)}.exercise-meta{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.exercise-id{background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px}.submission-info{display:flex;align-items:center;gap:.5rem;font-weight:600}.score{font-weight:600;padding:.25rem .75rem;border-radius:20px;display:inline-block}.score.high{background:rgba(var(--accent-green-rgb),.1);color:var(--accent-green);border:1px solid rgba(var(--accent-green-rgb),.2)}.score.medium{background:rgba(var(--accent-yellow-rgb),.1);color:var(--accent-yellow);border:1px solid rgba(var(--accent-yellow-rgb),.2)}.score.low{background:rgba(var(--accent-red-rgb),.1);color:var(--accent-red);border:1px solid rgba(var(--accent-red-rgb),.2)}.difficulty-badge,.status-badge{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;display:inline-block}.difficulty-badge.easy{background:rgba(var(--accent-green-rgb),.1);color:var(--accent-green);border:1px solid rgba(var(--accent-green-rgb),.2)}.difficulty-badge.medium{background:rgba(var(--accent-yellow-rgb),.1);color:var(--accent-yellow);border:1px solid rgba(var(--accent-yellow-rgb),.2)}.difficulty-badge.hard{background:rgba(var(--accent-red-rgb),.1);color:var(--accent-red);border:1px solid rgba(var(--accent-red-rgb),.2)}.status-badge.active{background:rgba(var(--accent-green-rgb),.1);color:var(--accent-green);border:1px solid rgba(var(--accent-green-rgb),.2)}.status-badge.draft{background:rgba(var(--accent-yellow-rgb),.1);color:var(--accent-yellow);border:1px solid rgba(var(--accent-yellow-rgb),.2)}.action-buttons{display:flex;gap:.5rem}.icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.icon-btn.view:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.icon-btn.edit:hover{background:var(--accent-yellow);color:#fff;border-color:var(--accent-yellow)}.icon-btn.delete:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.icon-btn.stats:hover{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.create-exercise-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000}.create-exercise-modal{background:var(--bg-secondary);border-radius:20px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);box-shadow:0 20px 60px #0000004d}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.close-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-btn:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.exercise-form{padding:2rem}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h4{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;outline:none;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-purple)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.upload-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.upload-option{position:relative}.upload-option input[type=radio]{display:none}.upload-option label{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.upload-option input[type=radio]:checked+label{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-color:var(--accent-purple)}.upload-option label span{font-weight:600;color:var(--text-primary);font-size:1rem}.upload-option label p{font-size:.875rem;color:var(--text-secondary);margin:0}.upload-option svg{color:var(--accent-purple)}.file-upload{border:2px dashed var(--border-color);border-radius:12px;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;text-align:center}.file-upload:hover{border-color:var(--accent-purple);color:var(--text-primary)}.file-upload svg{color:var(--accent-purple)}.file-upload p{margin:0;line-height:1.5}.file-types{font-size:.875rem;color:var(--text-secondary);opacity:.8}.file-upload input[type=file]{display:none}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.cancel-btn{padding:.75rem 2rem;background:transparent;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:var(--bg-tertiary)}.submit-btn{padding:.75rem 2rem;background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf64d}@media(max-width:768px){.page-header{flex-direction:column;gap:1rem;align-items:flex-start}.primary-button{width:100%;justify-content:center}.search-filter-bar{flex-direction:column;gap:1rem;align-items:flex-start}.search-box{max-width:100%;width:100%}.filter-options{width:100%;justify-content:space-between}.table-container{border:none;border-radius:0}.create-exercise-modal{width:95%;max-height:95vh}.form-row,.upload-options{grid-template-columns:1fr}}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:24px;margin:2rem 0}.empty-icon{color:var(--text-secondary);margin-bottom:1rem;opacity:.6}.empty-state-container h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-state-container p{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem}.empty-state-container .primary-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.empty-state-container .primary-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tutor-students-page{max-width:1400px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001a}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-value{font-size:2rem;font-weight:800;margin-bottom:.25rem;color:var(--text-primary)}.stat-title{color:var(--text-secondary);font-size:.95rem}.search-box input::placeholder{color:var(--text-secondary)}.filter-button:hover{background:var(--border-color)}.table-container table{width:100%;border-collapse:collapse;min-width:900px}.table-container th{text-align:left;padding:1rem;color:var(--text-secondary);font-weight:600;font-size:.875rem;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.table-container td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.table-container tr:last-child td{border-bottom:none}.student-info{display:flex;align-items:center;gap:.75rem}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.contact-item svg{opacity:.7}.progress-display{display:flex;align-items:center;gap:.75rem;width:100%}.progress-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#3b82f6);border-radius:3px;transition:width .3s ease}.progress-display span{font-size:.875rem;font-weight:600;color:var(--text-primary);min-width:40px}.score{font-weight:600;padding:.25rem .75rem;border-radius:20px;display:inline-block;font-size:.875rem}.score.high{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.score.medium{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.score.low{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.action-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.search-filter-bar{flex-direction:column;gap:1rem;align-items:flex-start}.search-box{max-width:100%;width:100%}.filter-options{width:100%;justify-content:space-between}.table-container{border:none;border-radius:0}.student-info{flex-direction:column;align-items:flex-start;gap:.5rem}}.tutor-analytics-page{max-width:1600px;margin:0 auto;padding:2rem;background:var(--bg-primary);min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}.header-content{flex:1;min-width:250px}.page-title{font-size:2.1rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.page-subtitle{color:var(--text-secondary);font-size:1.05rem}.secondary-button{background:transparent;color:var(--text-primary);border:2px solid var(--border-color);padding:.75rem 1.5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.secondary-button:hover{background:var(--bg-tertiary);border-color:var(--primary-purple)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #00000014}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem}.stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.yellow{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-change{font-size:.875rem;font-weight:600;padding:.25rem .8rem;border-radius:9999px;white-space:nowrap}.trend-up{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.3)}.trend-down{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.stat-value{font-size:2.1rem;font-weight:800;margin-bottom:.3rem;color:var(--text-primary);line-height:1.1}.stat-title{color:var(--text-secondary);font-size:.95rem;font-weight:500}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.content-card{background:var(--bg-secondary);border-radius:16px;padding:1.75rem;border:1px solid var(--border-color)}.content-card.full-width{grid-column:1 / -1}.card-header h3{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}.chart-placeholder{height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:12px;margin-top:1rem;text-align:center;padding:2rem}.chart-placeholder svg{opacity:.6}.table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--border-color)}.table-container table{width:100%;border-collapse:collapse;min-width:800px}.table-container th{text-align:left;padding:1.1rem 1rem;color:var(--text-secondary);font-weight:600;font-size:.875rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.table-container td{padding:1.1rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.table-container tr:hover td{background:var(--bg-tertiary)}@media(max-width:768px){.tutor-analytics-page{padding:1rem}.content-grid{grid-template-columns:1fr;gap:1.5rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.secondary-button{width:100%;justify-content:center}}.smm-overlay{position:fixed;inset:0;z-index:9999;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:smm-fade-in .2s ease}@keyframes smm-fade-in{0%{opacity:0}to{opacity:1}}.smm-card{background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:24px;width:100%;max-width:560px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:smm-slide-up .25s ease;color:var(--text-primary, #f1f5f9);font-family:inherit}@keyframes smm-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.smm-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0}.smm-header-left{display:flex;align-items:center;gap:12px}.smm-header-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary-purple, #8b5cf6),#3b82f6);display:flex;align-items:center;justify-content:center}.smm-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.smm-close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:6px;border-radius:8px;line-height:0;transition:all .2s}.smm-close-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.smm-tabs{display:flex;gap:0;padding:1.25rem 1.5rem 0;border-bottom:1px solid var(--border-color)}.smm-tab{flex:1;padding:.5rem 0;font-size:.85rem;font-weight:600;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .2s}.smm-tab.active{color:var(--primary-purple);border-bottom-color:var(--primary-purple)}.smm-tab:hover:not(.active){color:var(--text-primary)}.smm-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.smm-field{display:flex;flex-direction:column;gap:.5rem}.smm-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.smm-input,.smm-select,.smm-textarea{background:var(--bg-tertiary, #334155);border:1px solid var(--border-color);border-radius:12px;padding:.7rem 1rem;color:var(--text-primary);font-size:.9rem;outline:none;transition:all .2s;width:100%;box-sizing:border-box;font-family:inherit}.smm-input:focus,.smm-select:focus,.smm-textarea:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px #8b5cf633}.smm-textarea{resize:vertical;min-height:80px}.smm-input-row{display:flex;gap:1rem}.smm-input-row .smm-field{flex:1}.smm-check-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s}.smm-check-row:hover{background:var(--border-color)}.smm-check-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-purple);cursor:pointer}.smm-check-label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.smm-check-sub{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.smm-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:10px 14px;font-size:.8rem;color:#f87171}.smm-footer{display:flex;gap:12px;padding:0 1.5rem 1.5rem}.smm-btn-cancel{flex:0;padding:10px 20px;border-radius:12px;background:none;border:1px solid var(--border-color);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s}.smm-btn-cancel:hover{border-color:var(--text-secondary);color:var(--text-primary)}.smm-btn-primary{flex:1;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,var(--primary-purple),#3b82f6);border:none;color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.smm-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.smm-btn-primary:disabled{opacity:.6;cursor:not-allowed}.smm-btn-spin{animation:smm-spin .6s linear infinite}@keyframes smm-spin{to{transform:rotate(360deg)}}.smm-success{padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.smm-success-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center}.smm-success-title{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.smm-success-sub{font-size:.85rem;color:var(--text-secondary)}.smm-code-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;padding:1rem 1.5rem;display:flex;align-items:center;gap:12px;width:100%}.smm-code-text{font-size:1.8rem;font-weight:800;letter-spacing:.15em;color:var(--primary-purple);flex:1;text-align:center}.smm-copy-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:6px;border-radius:8px;transition:all .2s}.smm-copy-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.smm-link-row{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:10px 14px;width:100%}.smm-success-actions{display:flex;gap:12px;width:100%;margin-top:.5rem}.smm-btn-secondary{flex:1;padding:10px;border-radius:12px;background:none;border:1px solid var(--border-color);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s}.smm-btn-secondary:hover{border-color:var(--text-secondary);color:var(--text-primary)}.smm-btn-start{flex:2;padding:10px;border-radius:12px;background:linear-gradient(135deg,var(--primary-purple),#3b82f6);border:none;color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.smm-btn-start:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:640px){.smm-card{max-width:95%}.smm-input-row{flex-direction:column;gap:1rem}.smm-footer{flex-direction:column}.smm-btn-cancel,.smm-btn-primary{width:100%}.smm-success-actions{flex-direction:column}}.ssm-overlay{position:fixed;inset:0;z-index:9999;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:ssm-fade-in .2s ease}@keyframes ssm-fade-in{0%{opacity:0}to{opacity:1}}.ssm-card{background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:24px;width:100%;max-width:560px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:ssm-slide-up .25s ease;color:var(--text-primary, #f1f5f9)}@keyframes ssm-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ssm-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0}.ssm-header-left{display:flex;align-items:center;gap:12px}.ssm-header-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary-purple, #8b5cf6),#3b82f6);display:flex;align-items:center;justify-content:center}.ssm-title{font-size:1.25rem;font-weight:700}.ssm-close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:6px;border-radius:8px;line-height:0;transition:all .2s}.ssm-close-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.ssm-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.ssm-field{display:flex;flex-direction:column;gap:.5rem}.ssm-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.ssm-input,.ssm-select,.ssm-textarea{background:var(--bg-tertiary, #334155);border:1px solid var(--border-color);border-radius:12px;padding:.7rem 1rem;color:var(--text-primary);font-size:.9rem;outline:none;transition:all .2s;width:100%;box-sizing:border-box;font-family:inherit}.ssm-input:focus,.ssm-select:focus,.ssm-textarea:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px #8b5cf633}.ssm-textarea{resize:vertical;min-height:80px}.ssm-input-row{display:flex;gap:1rem}.ssm-input-row .ssm-field{flex:1}.ssm-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:10px 14px;font-size:.8rem;color:#f87171}.ssm-footer{display:flex;gap:12px;padding:0 1.5rem 1.5rem}.ssm-btn-cancel{flex:0;padding:10px 20px;border-radius:12px;background:none;border:1px solid var(--border-color);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s}.ssm-btn-cancel:hover{border-color:var(--text-secondary);color:var(--text-primary)}.ssm-btn-primary{flex:1;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,var(--primary-purple),#3b82f6);border:none;color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.ssm-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ssm-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ssm-btn-spin{animation:ssm-spin .6s linear infinite}@keyframes ssm-spin{to{transform:rotate(360deg)}}.ssm-card.success{text-align:center;padding:2rem}.ssm-success-icon{color:#10b981;margin-bottom:1rem}.ssm-card.success h3{font-size:1.5rem;margin-bottom:.5rem}.ssm-card.success p{color:var(--text-secondary);margin-bottom:1.5rem}@media(max-width:640px){.ssm-card{max-width:95%}.ssm-input-row{flex-direction:column;gap:1rem}.ssm-footer{flex-direction:column}.ssm-btn-cancel,.ssm-btn-primary{width:100%}}.cm-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:cm-fade-in .2s ease}@keyframes cm-fade-in{0%{opacity:0}to{opacity:1}}.cm-card{background:var(--bg-secondary, #1e293b);border-radius:20px;width:90%;max-width:400px;padding:1.5rem;box-shadow:0 20px 40px #0006;animation:cm-slide-up .2s ease}@keyframes cm-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cm-icon{width:48px;height:48px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ef4444}.cm-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:6px;transition:all .2s}.cm-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cm-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.cm-message{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.cm-actions{display:flex;gap:1rem;justify-content:flex-end}.cm-btn{padding:.6rem 1.2rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.85rem}.cm-btn-cancel{background:var(--bg-tertiary);color:var(--text-secondary)}.cm-btn-cancel:hover{background:var(--border-color);color:var(--text-primary)}.cm-btn-confirm{background:#ef4444;color:#fff}.cm-btn-confirm:hover{background:#dc2626;transform:translateY(-1px)}.tutor-schedule-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-content h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.header-content p{color:var(--text-secondary);font-size:1rem}.schedule-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.schedule-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.loading-spinner{text-align:center;padding:3rem;color:var(--text-secondary)}.calendar-section{background:var(--bg-secondary);border-radius:20px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-soft)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.calendar-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.calendar-day-header{text-align:center;font-weight:600;color:var(--text-secondary);font-size:.85rem;padding:.5rem}.calendar-day{background:var(--bg-tertiary);border-radius:12px;padding:.75rem .5rem;text-align:center;transition:all .2s;cursor:pointer;border:1px solid transparent}.calendar-day:hover{border-color:var(--primary-purple);background:var(--primary-purple-soft)}.calendar-day.today{border:2px solid var(--primary-purple);background:var(--primary-purple-soft)}.day-number{font-size:.9rem;font-weight:500;color:var(--text-primary)}.sessions-section{margin-top:2rem}.sessions-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.session-card{background:var(--bg-secondary);border-radius:20px;overflow:hidden;transition:all .3s;box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.session-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.session-card.past{opacity:.85}.session-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.session-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-purple-soft);border-radius:12px;color:var(--primary-purple)}.session-actions{display:flex;gap:.5rem}.icon-btn.delete:hover{color:#ef4444}.session-content{padding:1.5rem;flex:1}.session-content h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.session-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.4}.session-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.detail svg{color:var(--text-tertiary)}.session-status{margin-top:.5rem}.status{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.status.scheduled,.status.confirmed{background:#3b82f61a;color:#3b82f6}.status.completed{background:#10b9811a;color:#10b981}.status.cancelled{background:#ef44441a;color:#ef4444}.session-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.join-link{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-purple);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s}.join-link:hover{background:var(--primary-purple-dark);transform:translateY(-1px)}.join-link.disabled{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed;pointer-events:none}.reminder-btn,.review-btn,.stats-btn{background:none;border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.reminder-btn:hover,.review-btn:hover,.stats-btn:hover{background:var(--bg-secondary);border-color:var(--primary-purple);color:var(--primary-purple)}.review-btn,.stats-btn{padding:.5rem .8rem}.empty-state{text-align:center;padding:3rem;background:var(--bg-secondary);border-radius:20px;color:var(--text-secondary);font-size:.9rem}.modal-content{background:var(--bg-secondary);border-radius:24px;padding:2rem;max-width:500px;width:90%;text-align:center;box-shadow:var(--shadow-hard)}.modal-content h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}@media(max-width:768px){.tutor-schedule-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.sessions-grid{grid-template-columns:1fr}.calendar-grid{gap:.25rem}.calendar-day{padding:.4rem 0;font-size:.75rem}.session-footer{flex-wrap:wrap;gap:.5rem}}.header-buttons{display:flex;gap:1rem}.schedule-button.secondary{background:linear-gradient(135deg,#3b82f6,#2563eb)}@media(max-width:768px){.header-buttons{flex-direction:column;width:100%}.schedule-button{justify-content:center}}.icon-btn.delete:hover{color:#ef4444;background:#ef44441a}.icon-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:8px;transition:all .2s}.tutor-reports-page{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-content{flex:1}.page-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.page-subtitle{color:var(--text-secondary);font-size:1.1rem}.primary-button{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease}.primary-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf64d}.search-filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.search-box{flex:1;max-width:400px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.search-box input{flex:1;background:transparent;border:none;color:var(--text-primary);outline:none;font-size:.95rem}.filter-options{display:flex;gap:1rem}.filter-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease}.sort-select{padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-weight:600;font-size:.95rem;cursor:pointer;outline:none}.content-card{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.report-card{background:var(--bg-tertiary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);transition:all .3s ease}.report-card:hover{transform:translateY(-5px);border-color:var(--accent-purple);box-shadow:0 10px 30px #0000001a}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.report-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff}.report-actions{display:flex;gap:.5rem}.icon-btn{width:32px;height:32px;border-radius:8px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.report-content{margin-bottom:1.5rem}.report-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.report-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.report-meta .type{font-size:.875rem;color:var(--accent-purple);font-weight:600}.report-meta .date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.report-size{font-size:.875rem;color:var(--text-secondary);font-weight:600}.report-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.status-badge{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;display:inline-block}.status-badge.published{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-badge.draft{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.action-button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-button:hover{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;border-color:var(--accent-purple)}@media(max-width:768px){.page-header{flex-direction:column;gap:1rem;align-items:flex-start}.primary-button{width:100%;justify-content:center}.search-filter-bar{flex-direction:column;gap:1rem;align-items:flex-start}.search-box{max-width:100%;width:100%}.filter-options{width:100%;justify-content:space-between}.reports-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:var(--bg-secondary);border-radius:24px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{font-size:1.25rem;font-weight:700}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-tertiary);color:var(--text-primary)}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.cancel-btn,.submit-btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer}.cancel-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary)}.submit-btn{background:var(--gradient-primary);border:none;color:#fff;display:flex;align-items:center;gap:.5rem}.empty-state-container{text-align:center;padding:3rem}.empty-icon{color:var(--text-secondary);margin-bottom:1rem;opacity:.5}.empty-state-container h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state-container p{color:var(--text-secondary);margin-bottom:1.5rem}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--text-secondary)}:root{--tp-bg: var(--bg-secondary);--tp-surface: var(--bg-secondary);--tp-border: var(--border-color);--tp-text-primary: var(--text-primary);--tp-text-secondary: var(--text-secondary);--tp-blue: var(--primary-purple);--tp-blue-soft: rgba(139, 92, 246, .1);--tp-green: #10b981;--tp-green-soft: rgba(16, 185, 129, .1);--tp-amber: #f59e0b;--tp-amber-soft: rgba(245, 158, 11, .1);--tp-purple: var(--primary-purple);--tp-purple-soft: rgba(139, 92, 246, .1);--tp-red: #dc2626;--tp-red-soft: rgba(220, 38, 38, .1)}.dark{--tp-blue-soft: rgba(139, 92, 246, .2);--tp-green-soft: rgba(16, 185, 129, .2);--tp-amber-soft: rgba(245, 158, 11, .2);--tp-purple-soft: rgba(139, 92, 246, .2);--tp-red-soft: rgba(220, 38, 38, .2)}.tutor-profile-page{padding:2rem;max-width:1400px;margin:0 auto}.form-section{margin-bottom:1.5rem;border:1px solid var(--tp-border);border-radius:16px;background:var(--bg-secondary);overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;background:none;border:none;cursor:pointer;text-align:left;font-weight:600;transition:background .2s}.section-header:hover{background:var(--bg-tertiary)}.section-header h2,.section-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.chevron{transition:transform .2s;color:var(--text-secondary)}.chevron.rotated{transform:rotate(180deg)}.section-content{padding:1.5rem;border-top:1px solid var(--tp-border)}.tags-input{border:1px solid var(--border-color);border-radius:12px;background:var(--bg-tertiary);padding:.5rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.tag{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-purple);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.tag button{background:none;border:none;cursor:pointer;color:#fff;font-weight:700;margin-left:.25rem;padding:0}.add-tag{display:flex;gap:.5rem}.add-tag input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary)}.add-tag button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;cursor:pointer;color:var(--text-primary)}.add-tag button:hover{background:var(--border-color)}.checkbox-group{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input{width:auto}.stats-card{background:var(--bg-secondary);border-radius:20px;padding:1.5rem;margin-top:1rem}.stats-card h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-purple)}.stat-label{font-size:.75rem;color:var(--text-secondary)}.change-password-section{background:var(--bg-secondary);border-radius:20px;padding:1rem;margin-top:1rem}.change-password-section .section-header{padding:.5rem 0}.change-password-section .section-header h3{font-size:1rem}.change-password-section .section-content{padding:1rem 0 0;border-top:none}.tutor-profile-page .avatar-section{background:var(--bg-secondary);border-radius:20px;padding:2rem;text-align:center}.tutor-profile-page .avatar{width:120px;height:120px;margin:0 auto;border-radius:50%;overflow:hidden;cursor:pointer;background:var(--gradient-primary)}.tutor-profile-page .avatar img,.tutor-profile-page .avatar .avatar-placeholder{width:100%;height:100%;object-fit:cover}.tutor-profile-page .change-avatar-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:30px;padding:.5rem 1rem;margin-top:.75rem;cursor:pointer;color:var(--text-primary)}.form-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1rem;border-radius:12px;font-weight:500;cursor:pointer;width:100%}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.password-group,.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%;padding-right:2.5rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary)}.password-toggle:hover{color:var(--primary-purple)}.submissions-page{padding:1.5rem;max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--accent-blue);cursor:pointer;font-size:.9rem;margin-bottom:1rem}.filters-bar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);padding:.5rem 1rem;border-radius:12px}.filter-group select{background:transparent;border:none;color:var(--text-primary);font-size:.9rem;outline:none}.refresh-btn{background:var(--gradient-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:12px;cursor:pointer}.attempts-list{display:flex;flex-direction:column;gap:1.5rem}.attempt-card{background:var(--bg-secondary);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-3d)}.attempt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.student-name{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.student-email{font-size:.85rem;color:var(--text-secondary);margin-left:.5rem}.attempt-badges{display:flex;gap:.75rem}.pass-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.pass-badge.passed{background:#10b9811a;color:#10b981}.pass-badge.failed{background:#ef44441a;color:#ef4444}.attempt-number{font-size:.75rem;background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:20px}.attempt-details{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.attempt-answers{margin:1rem 0;padding:1rem;background:var(--bg-tertiary);border-radius:12px}.attempt-answers h4{margin-bottom:.5rem;font-size:.9rem;color:var(--text-primary)}.answers-preview{font-size:.8rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-family:monospace}.grading-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.current-grade{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.grade-label{font-weight:500}.grade-value{font-size:1.2rem;font-weight:700}.grade-value.pass{color:#10b981}.grade-value.fail{color:#ef4444}.current-feedback{margin:.75rem 0;font-size:.9rem;color:var(--text-secondary)}.edit-grade-btn{background:var(--bg-tertiary);border:none;padding:.5rem 1rem;border-radius:10px;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--accent-blue)}.grade-input,.feedback-input{margin-bottom:1rem}.grade-input label,.feedback-input label{display:block;margin-bottom:.25rem;font-size:.85rem;font-weight:500}.grade-input input{width:120px;padding:.5rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary)}.feedback-input textarea{width:100%;padding:.5rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);resize:vertical}.action-buttons{display:flex;gap:.75rem}.save-btn,.cancel-btn{padding:.5rem 1rem;border-radius:8px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.save-btn{background:var(--accent-green);color:#fff}.cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary)}.loading{display:flex;justify-content:center;align-items:center;min-height:400px}@media(max-width:768px){.attempt-header{flex-direction:column;align-items:flex-start}}.grading-page{padding:1.5rem;max-width:1200px;margin:0 auto}.grading-list{display:flex;flex-direction:column;gap:1rem}.grading-card{background:var(--bg-secondary);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow-3d);transition:transform .2s;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.grading-card:hover{transform:translateY(-2px)}.grading-card-header{display:flex;align-items:center;gap:1rem;flex:2}.exercise-icon{background:#a259ff1a;padding:.75rem;border-radius:12px;color:var(--accent-purple)}.exercise-info h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.exercise-meta{font-size:.8rem;color:var(--text-secondary)}.grading-card-stats{display:flex;gap:1rem}.stat{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.5rem 1rem;border-radius:20px}.grade-btn{background:var(--gradient-primary);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.grade-btn:hover{transform:scale(1.02);box-shadow:var(--shadow-3d-purple)}.empty-state{text-align:center;padding:3rem;background:var(--bg-secondary);border-radius:20px;color:var(--text-secondary)}.mr-root{--mr-bg: var(--bg-primary, #0f172a);--mr-bg-2: var(--bg-secondary, #1e293b);--mr-bg-3: var(--bg-tertiary, #334155);--mr-surface: var(--bg-secondary, #1e293b);--mr-border: var(--border-color, rgba(255, 255, 255, .08));--mr-primary: var(--primary-purple, #8b5cf6);--mr-primary-dim: rgba(139, 92, 246, .15);--mr-danger: #ef4444;--mr-danger-bg: #b91c1c;--mr-active: #475569;--mr-text: var(--text-primary, #f1f5f9);--mr-text-2: var(--text-secondary, #94a3b8);--mr-text-3: #64748b;--mr-topbar-h: 60px;--mr-ctrl-h: 80px;--mr-panel-w: 340px;--mr-radius: 12px;--mr-radius-sm: 8px;--mr-shadow: 0 4px 24px rgba(0, 0, 0, .4)}.mr-root *,.mr-root *:before,.mr-root *:after{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mr-root{display:flex;flex-direction:column;width:100vw;height:100vh;background:var(--mr-bg);color:var(--mr-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.mr-topbar{display:flex;align-items:center;justify-content:space-between;height:var(--mr-topbar-h);padding:0 20px;background:var(--mr-bg);border-bottom:1px solid var(--mr-border);flex-shrink:0;z-index:10}.mr-topbar-left,.mr-topbar-right{display:flex;align-items:center;gap:16px}.mr-logo{display:flex;align-items:center;gap:8px}.mr-logo-dot{width:10px;height:10px;border-radius:50%;background:var(--mr-primary);animation:mr-pulse 2s ease-in-out infinite}@keyframes mr-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.mr-logo-text{font-size:17px;font-weight:600;letter-spacing:-.3px;color:var(--mr-text)}.mr-meeting-meta{display:flex;align-items:center;gap:10px}.mr-meeting-name{font-size:14px;color:var(--mr-text-2);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mr-timer{font-size:13px;color:var(--mr-text-2);font-variant-numeric:tabular-nums}.mr-copy-btn{font-size:13px;padding:6px 12px;border-radius:20px;border:1px solid var(--mr-border);background:transparent;color:var(--mr-primary);cursor:pointer;transition:background .15s,border-color .15s}.mr-copy-btn:hover{background:var(--mr-primary-dim);border-color:var(--mr-primary)}.mr-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:20px}.mr-status-dot{width:7px;height:7px;border-radius:50%}.mr-status--connected{background:#34a8532e;color:#34a853}.mr-status--connected .mr-status-dot{background:#34a853}.mr-status--waiting{background:#fbbc042e;color:#fbbc04}.mr-status--waiting .mr-status-dot{background:#fbbc04;animation:mr-pulse 1s infinite}.mr-code-badge{display:flex;align-items:center;gap:8px;background:var(--mr-bg-3);border-radius:8px;padding:5px 10px;font-size:12px;cursor:pointer;transition:background .15s}.mr-code-badge:hover{background:var(--mr-active)}.mr-code-label{color:var(--mr-text-3)}.mr-code-value{font-weight:600;letter-spacing:.5px;color:var(--mr-text)}.mr-copy-code-btn{background:none;border:none;cursor:pointer;color:var(--mr-text-2);display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;transition:background .15s,color .15s}.mr-copy-code-btn:hover{background:var(--mr-active);color:var(--mr-primary)}.mr-body{display:flex;flex:1;overflow:hidden;position:relative}.mr-grid{flex:1;display:grid;gap:6px;padding:10px;overflow:hidden;transition:width .25s ease;align-content:center;justify-content:center}.grid-solo{grid-template-columns:1fr;grid-template-rows:1fr}.grid-duo{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.grid-quad{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.grid-hex{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.grid-many{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr}.video-tile{position:relative;background:var(--mr-bg-2);border-radius:var(--mr-radius);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0}.video-tile video{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--mr-radius)}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;background:var(--mr-bg-2)}.avatar-circle{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--mr-primary),#34a853);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;flex-shrink:0}.avatar-name{font-size:14px;color:var(--mr-text-2)}.tile-overlay{position:absolute;bottom:0;left:0;right:0;padding:28px 12px 10px;background:linear-gradient(transparent,#0009);border-radius:0 0 var(--mr-radius) var(--mr-radius);display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;opacity:0;transition:opacity .2s}.video-tile:hover .tile-overlay,.local-tile .tile-overlay{opacity:1}.tile-name{font-size:13px;font-weight:500;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.tile-badges{display:flex;gap:4px}.tile-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tile-badge.muted{background:#ea4335cc}.tile-badge.cam-off{background:#5f6368cc}.tile-badge.screen-share{background:#34a853cc}.tile-badge svg{width:14px;height:14px;fill:#fff}.mr-panel{width:var(--mr-panel-w);flex-shrink:0;background:var(--mr-surface);border-left:1px solid var(--mr-border);display:flex;flex-direction:column;overflow:hidden;animation:mr-slide-in .2s ease}@keyframes mr-slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.mr-panel-tabs{display:flex;align-items:center;border-bottom:1px solid var(--mr-border);padding:0 12px;height:50px;gap:4px;flex-shrink:0}.mr-panel-tab{flex:1;background:transparent;border:none;color:var(--mr-text-2);font-size:14px;font-weight:500;padding:8px 0;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;font-family:inherit}.mr-panel-tab:hover{color:var(--mr-text)}.mr-panel-tab.active{color:var(--mr-primary);border-bottom-color:var(--mr-primary)}.mr-panel-close{background:transparent;border:none;color:var(--mr-text-2);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.mr-panel-close:hover{background:var(--mr-bg-3);color:var(--mr-text)}.mr-panel-close svg{width:16px;height:16px;fill:currentColor}.mr-chat{display:flex;flex-direction:column;flex:1;overflow:hidden}.mr-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:var(--mr-bg-3) transparent}.mr-chat-messages::-webkit-scrollbar{width:6px}.mr-chat-messages::-webkit-scrollbar-track{background:transparent}.mr-chat-messages::-webkit-scrollbar-thumb{background:var(--mr-bg-3);border-radius:3px}.mr-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:1;color:var(--mr-text-3);font-size:13px;text-align:center;padding:40px 20px}.mr-chat-empty svg{width:36px;height:36px;fill:var(--mr-text-3);opacity:.5}.mr-chat-msg{display:flex;flex-direction:column;max-width:80%;gap:3px}.mr-chat-msg--local{align-self:flex-end;align-items:flex-end}.mr-chat-msg--remote{align-self:flex-start;align-items:flex-start}.mr-chat-sender{font-size:11px;color:var(--mr-text-3);font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:0 4px}.mr-chat-bubble{padding:9px 13px;border-radius:18px;font-size:14px;line-height:1.45;word-break:break-word}.mr-chat-msg--local .mr-chat-bubble{background:var(--mr-primary);color:#202124;border-bottom-right-radius:4px}.mr-chat-msg--remote .mr-chat-bubble{background:var(--mr-bg-3);color:var(--mr-text);border-bottom-left-radius:4px}.mr-chat-ts{font-size:11px;color:var(--mr-text-3);padding:0 4px}.mr-chat-input-row{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid var(--mr-border);flex-shrink:0}.mr-chat-input{flex:1;background:var(--mr-bg-3);border:1px solid transparent;border-radius:24px;padding:10px 16px;color:var(--mr-text);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.mr-chat-input::placeholder{color:var(--mr-text-3)}.mr-chat-input:focus{border-color:var(--mr-primary)}.mr-chat-send{width:36px;height:36px;border-radius:50%;background:var(--mr-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .1s,opacity .15s}.mr-chat-send:hover:not(:disabled){transform:scale(1.1)}.mr-chat-send:disabled{opacity:.4;cursor:default}.mr-chat-send svg{fill:#202124}.mr-people{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:var(--mr-bg-3) transparent}.mr-people-count{font-size:12px;color:var(--mr-text-3);font-weight:600;text-transform:uppercase;letter-spacing:.6px;padding:6px 4px 10px}.mr-person{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:var(--mr-radius-sm);transition:background .15s}.mr-person:hover{background:var(--mr-bg-3)}.mr-person-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--mr-primary),#34a853);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0}.mr-person-info{display:flex;align-items:center;justify-content:space-between;flex:1;gap:8px}.mr-person-name{font-size:14px;color:var(--mr-text)}.mr-person-badges{display:flex;gap:4px;color:var(--mr-text-3)}.mr-person-badges svg{width:16px;height:16px;fill:currentColor}.mr-waiting-list{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.waiting-title{font-size:13px;font-weight:600;color:var(--mr-text-2);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.waiting-empty{text-align:center;color:var(--mr-text-3);padding:32px;font-size:13px}.waiting-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--mr-bg-3);border-radius:var(--mr-radius-sm);transition:background .15s}.waiting-item:hover{background:var(--mr-active)}.waiting-item span{font-size:14px;color:var(--mr-text)}.admit-btn{background:var(--mr-primary);border:none;padding:5px 12px;border-radius:20px;color:#202124;font-size:12px;font-weight:600;cursor:pointer;transition:transform .1s,opacity .15s}.admit-btn:hover{transform:scale(1.02);opacity:.9}.mr-waiting-room{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--mr-bg)}.waiting-room-card{background:var(--mr-surface);border-radius:32px;padding:40px;text-align:center;max-width:400px;width:90%;box-shadow:0 25px 50px -12px #00000080}.waiting-icon{font-size:64px;margin-bottom:20px}.waiting-room-card h2{font-size:26px;font-weight:700;margin-bottom:12px;color:var(--mr-text)}.waiting-room-card p{font-size:14px;color:var(--mr-text-2);margin-bottom:28px}.waiting-room-card .mr-leave-btn{display:inline-block;background:var(--mr-danger-bg);border:none;padding:10px 24px;border-radius:30px;color:#fff;font-weight:600;cursor:pointer;transition:background .15s}.waiting-room-card .mr-leave-btn:hover{background:#a93226}.mr-controls{display:flex;align-items:center;justify-content:space-between;height:var(--mr-ctrl-h);padding:0 24px;background:var(--mr-bg);border-top:1px solid var(--mr-border);flex-shrink:0}.mr-controls-left,.mr-controls-right{min-width:140px}.mr-controls-right{display:flex;justify-content:flex-end}.mr-ctrl-time{font-size:14px;color:var(--mr-text-2);font-variant-numeric:tabular-nums}.mr-controls-center{display:flex;align-items:center;gap:8px}.mr-ctrl-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:var(--mr-bg-3);border:none;border-radius:10px;color:var(--mr-text);cursor:pointer;transition:background .15s,transform .1s;font-family:inherit;position:relative}.mr-ctrl-btn:hover{background:var(--mr-active);transform:translateY(-1px)}.mr-ctrl-btn:active{transform:translateY(0)}.mr-ctrl-btn--off{background:#ea433526;color:var(--mr-danger)}.mr-ctrl-btn--off:hover{background:#ea433540}.mr-ctrl-btn--active{background:var(--mr-primary-dim);color:var(--mr-primary)}.mr-ctrl-btn--active:hover{background:#8b5cf640}.mr-ctrl-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;position:relative}.mr-ctrl-icon svg{fill:currentColor}.mr-ctrl-label{font-size:11px;font-weight:500;letter-spacing:.2px;white-space:nowrap}.mr-badge{position:absolute;top:-6px;right:-8px;background:#ea4335;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--mr-bg)}.waiting-badge{background:#f59e0b}.mr-leave-btn{padding:10px 24px;background:var(--mr-danger-bg);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,transform .1s}.mr-leave-btn:hover{background:#a93226;transform:translateY(-1px)}.mr-leave-btn:active{transform:translateY(0)}.mr-loading,.mr-error{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;gap:16px;background:var(--mr-bg);color:var(--mr-text);font-family:inherit}.mr-spinner{width:44px;height:44px;border:3px solid var(--mr-bg-3);border-top-color:var(--mr-primary);border-radius:50%;animation:mr-spin .8s linear infinite}@keyframes mr-spin{to{transform:rotate(360deg)}}.mr-loading p{font-size:15px;color:var(--mr-text-2)}.mr-error-icon{font-size:48px}.mr-error h2{font-size:22px;font-weight:600}.mr-error p{font-size:14px;color:var(--mr-text-2);max-width:340px;text-align:center}.mr-back-btn{margin-top:8px;padding:10px 24px;background:var(--mr-primary);color:#202124;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.mr-back-btn:hover{opacity:.88}@media(max-width:768px){.mr-root{--mr-panel-w: 100%;--mr-ctrl-h: 70px}.mr-body{flex-direction:column}.mr-panel{width:100%;max-height:50vh;border-left:none;border-top:1px solid var(--mr-border);animation:mr-slide-up .2s ease}@keyframes mr-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.mr-topbar{padding:0 12px}.mr-code-badge{display:none}.mr-meeting-name{max-width:160px}.mr-controls{padding:0 12px;gap:4px}.mr-controls-left{display:none}.mr-ctrl-btn{padding:7px 10px}.mr-ctrl-label{display:none}.grid-duo{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.grid-hex,.grid-many{grid-template-columns:repeat(2,1fr)}}