@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-app:#f8fafc;--bg-overlay:#f8fafcf2;--duo-green:#10b981;--duo-green-hover:#059669;--duo-green-subtle:#ecfdf5;--duo-blue:#0052ff;--duo-blue-hover:#0041cc;--duo-blue-subtle:#eff6ff;--duo-orange:#f97316;--duo-orange-hover:#ea580c;--duo-orange-subtle:#fff7ed;--duo-purple:#8b5cf6;--duo-purple-hover:#7c3aed;--duo-purple-subtle:#f5f3ff;--duo-red:#f43f5e;--duo-red-hover:#e11d48;--duo-red-subtle:#fff1f2;--duo-yellow:#ffc800;--duo-yellow-hover:#e6b400;--duo-border:#e2e8f0;--duo-text-dark:#0f172a;--duo-text-muted:#64748b;--surface-0:#f8fafc;--surface-1:#fff;--surface-2:#f1f5f9;--surface-3:#e2e8f0;--surface-4:#cbd5e1;--bg-color:var(--bg-app);--surface-container-lowest:var(--surface-0);--surface-container-low:var(--surface-1);--surface-container:var(--surface-2);--surface-container-high:var(--surface-3);--surface-bright:var(--surface-4);--primary:var(--duo-blue);--primary-dim:var(--duo-blue-hover);--primary-deep:#0037b3;--primary-hover:#1a66ff;--primary-fg:#fff;--primary-subtle:var(--duo-blue-subtle);--primary-glow:#0052ff26;--gradient-primary:linear-gradient(135deg, #0052ff 0%, #8b5cf6 100%);--gradient-primary-dark:linear-gradient(135deg, #0041cc 0%, #7c3aed 100%);--text-primary:var(--duo-text-dark);--text-secondary:var(--duo-text-muted);--text-tertiary:#94a3b8;--text-inverse:#fff;--on-surface:var(--text-primary);--on-surface-variant:var(--text-secondary);--text-high:var(--text-primary);--text-medium:#334155;--text-low:var(--text-secondary);--text-lowest:var(--text-tertiary);--border-subtle:var(--duo-border);--border-default:var(--duo-border);--border-emphasis:#0052ff33;--border-focus:var(--duo-blue);--outline:var(--duo-border);--outline-variant:var(--border-default);--border-neon:var(--border-emphasis);--color-success:var(--duo-green);--color-success-subtle:var(--duo-green-subtle);--color-warning:var(--duo-orange);--color-warning-subtle:var(--duo-orange-subtle);--color-error:var(--duo-red);--color-error-subtle:var(--duo-red-subtle);--color-info:var(--duo-blue);--color-info-subtle:var(--duo-blue-subtle);--success:var(--color-success);--error:var(--color-error);--warning:var(--color-warning);--accent-placement:var(--duo-orange);--accent-exam:var(--duo-red);--accent-community:var(--duo-green);--accent-gd:var(--duo-blue);--font-display:"Plus Jakarta Sans", "Outfit", "Space Grotesk", sans-serif;--font-body:"Plus Jakarta Sans", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:4px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 0 #00000008;--shadow-md:0 4px 0 #0000000a;--shadow-lg:0 8px 0 #0000000a;--shadow-glow:0 0 20px #0052ff14, 0 0 40px #0052ff08;--z-base:1;--z-dropdown:100;--z-sidebar:200;--z-navbar:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:15px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-primary);margin:0;font-weight:700;line-height:1.2}p{margin:0}a{color:var(--primary);text-decoration:none;transition:color .15s}a:hover{color:var(--primary-hover)}.glass-panel{-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--border-default);background:#ffffffbf}.surface-card{background-color:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;position:relative}.surface-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-1px)}.surface-well{background-color:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #00000005}.surface-elevated{background-color:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.noise-overlay:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--primary-glow)}50%{box-shadow:0 0 16px 4px var(--primary-glow)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.6)}}@keyframes dash{0%{stroke-dashoffset:100px}50%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}.animate-shimmer{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);background-size:400% 100%;animation:1.8s ease-in-out infinite shimmer}.animate-fade-in-up{animation:.4s cubic-bezier(.16,1,.3,1) both fadeInUp}.animate-scale-in{animation:.2s cubic-bezier(.16,1,.3,1) both scaleIn}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-display{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700}.text-xs{font-size:.75rem;line-height:1.4}.text-sm{font-size:.8125rem;line-height:1.5}.text-base{font-size:.9375rem;line-height:1.6}.text-lg{font-size:1.0625rem;line-height:1.5}.text-xl{font-size:1.25rem;line-height:1.4}.text-2xl{font-size:1.5rem;line-height:1.3}.text-3xl{font-size:1.875rem;line-height:1.2}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--primary)}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-display{font-family:var(--font-display)}.label-overline{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:.6875rem;font-weight:600}.text-stat{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot.online{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-dot.warning{background:var(--color-warning)}.status-dot.error{background:var(--color-error)}.divider{background:var(--border-subtle);width:100%;height:1px}.btn-3d{font-family:var(--font-display,"Outfit", sans-serif);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 5px 0 var(--btn-shadow-color,#e2e8f0);border:none;border-radius:16px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:1.1rem 2.5rem;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s,background-color .15s;display:inline-flex;transform:translateY(0)}.btn-3d:active:not(:disabled){box-shadow:0 0px 0 var(--btn-shadow-color,#e2e8f0);transform:translateY(5px)}.btn-3d-large{padding:1.25rem 3rem;font-size:1.25rem}.btn-3d-tactile{text-transform:uppercase;letter-spacing:.05em;box-shadow:0 5px 0 var(--btn-shadow-color,#e2e8f0);transform:translateY(0);border-radius:var(--radius-md)!important;font-family:var(--font-display)!important;border:none!important;font-weight:700!important;transition:transform .1s,box-shadow .1s,border-bottom-width .1s,background-color .15s!important}.btn-3d-tactile:active:not(:disabled){box-shadow:0 0px 0 var(--btn-shadow-color,#e2e8f0)!important;border-bottom-width:0!important;transform:translateY(5px)!important}a.btn-3d,button.btn-3d,.btn-3d{color:#fff}a.btn-3d-green,button.btn-3d-green,.btn-3d-green,a.hero-cta-main,button.hero-cta-main,.hero-cta-main{--btn-shadow-color:var(--duo-green-hover,#059669);background-color:var(--duo-green,#10b981);box-shadow:0 5px 0 var(--btn-shadow-color);border:none}a.btn-3d-green:hover:not(:disabled),a.hero-cta-main:hover:not(:disabled),button.btn-3d-green:hover:not(:disabled),button.hero-cta-main:hover:not(:disabled),.btn-3d-green:hover:not(:disabled),.hero-cta-main:hover:not(:disabled){background-color:#34d399}a.btn-3d-blue,button.btn-3d-blue,.btn-3d-blue{--btn-shadow-color:var(--duo-blue-hover,#0041cc);background-color:var(--duo-blue,#0052ff);box-shadow:0 5px 0 var(--btn-shadow-color);border:none}a.btn-3d-blue:hover:not(:disabled),button.btn-3d-blue:hover:not(:disabled),.btn-3d-blue:hover:not(:disabled){background-color:#1a66ff}a.btn-3d-red,button.btn-3d-red,.btn-3d-red{--btn-shadow-color:var(--duo-red-hover,#e11d48);background-color:var(--duo-red,#f43f5e);box-shadow:0 5px 0 var(--btn-shadow-color);border:none}a.btn-3d-red:hover:not(:disabled),button.btn-3d-red:hover:not(:disabled),.btn-3d-red:hover:not(:disabled){background-color:#fb7185}a.btn-3d-purple,button.btn-3d-purple,.btn-3d-purple{--btn-shadow-color:var(--duo-purple-hover,#7c3aed);background-color:var(--duo-purple,#8b5cf6);box-shadow:0 5px 0 var(--btn-shadow-color);border:none}a.btn-3d-purple:hover:not(:disabled),button.btn-3d-purple:hover:not(:disabled),.btn-3d-purple:hover:not(:disabled){background-color:#a78bfa}a.btn-3d-orange,button.btn-3d-orange,.btn-3d-orange{--btn-shadow-color:var(--duo-orange-hover,#ea580c);background-color:var(--duo-orange,#f97316);box-shadow:0 5px 0 var(--btn-shadow-color);border:none}a.btn-3d-orange:hover:not(:disabled),button.btn-3d-orange:hover:not(:disabled),.btn-3d-orange:hover:not(:disabled){background-color:#fb923c}a.btn-3d-secondary,button.btn-3d-secondary,.btn-3d-secondary,a.hero-cta-secondary,button.hero-cta-secondary,.hero-cta-secondary{--btn-shadow-color:var(--duo-border,#e2e8f0);border:2px solid var(--duo-border,#e2e8f0);color:var(--duo-text-dark,#0f172a);box-shadow:0 3px 0 var(--btn-shadow-color);background-color:#fff}a.btn-3d-secondary:hover:not(:disabled),a.hero-cta-secondary:hover:not(:disabled),button.btn-3d-secondary:hover:not(:disabled),button.hero-cta-secondary:hover:not(:disabled),.btn-3d-secondary:hover:not(:disabled),.hero-cta-secondary:hover:not(:disabled){background-color:#f7f7f7}a.btn-3d-secondary:active:not(:disabled),a.hero-cta-secondary:active:not(:disabled),button.btn-3d-secondary:active:not(:disabled),button.hero-cta-secondary:active:not(:disabled),.btn-3d-secondary:active:not(:disabled),.hero-cta-secondary:active:not(:disabled){box-shadow:0 0px 0 var(--btn-shadow-color);transform:translateY(3px)}a.btn-3d-gradient,button.btn-3d-gradient,.btn-3d-gradient{--btn-shadow-color:#e11d48;background:var(--gradient-primary);box-shadow:0 5px 0 var(--btn-shadow-color);border:none}a.btn-3d-gradient:hover:not(:disabled),button.btn-3d-gradient:hover:not(:disabled),.btn-3d-gradient:hover:not(:disabled){background:var(--gradient-primary-dark)}.nav-header-container .nav-badge-soon{text-transform:uppercase;letter-spacing:.05em;color:var(--duo-blue);border-radius:var(--radius-sm);margin-left:auto;padding:1px 6px;font-size:9px;font-weight:700;background:var(--duo-blue-subtle)!important;border:1px solid #1cb0f633!important}.ugs-hero{border-radius:var(--radius-xl,16px);background-color:#0052ff;background-image:radial-gradient(circle at 15% 15%,#58cc02f2 0%,#0000 60%),radial-gradient(circle at 85% 85%,#00f2fee6 0%,#0000 65%),radial-gradient(circle,#ce82ff59 0%,#0000 70%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.18'/%3E%3C/svg%3E"),linear-gradient(135deg,#0052ff 0%,#10b981 100%);border:2px solid #ffffff40;border-bottom:5px solid #0003;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #1cb0f647}.ugs-hero-badge{color:#fff;text-transform:uppercase;letter-spacing:.06em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff59;border-radius:9999px;align-items:center;gap:.375rem;width:fit-content;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.ugs-hero-title{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;text-shadow:0 2px 10px #00000026;margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:900;line-height:1.15}.ugs-hero-subtitle{color:#fffffff2;text-shadow:0 1px 3px #0000001f;margin:.25rem 0 0;font-size:.9375rem;font-weight:500;line-height:1.5}.ug-navbar{z-index:var(--z-navbar,300);border-bottom:2px solid var(--duo-border);-webkit-backdrop-filter:blur(18px)saturate(160%);background:#fffffff0;justify-content:space-between;align-items:center;gap:1rem;min-height:64px;padding:.625rem 1.25rem;display:flex;position:sticky;top:0;box-shadow:0 6px 20px #3c3c3c0f}.navbar-left,.navbar-right{align-items:center;min-width:0;display:flex}.navbar-left{flex:1;gap:0}.navbar-right{justify-content:flex-end;gap:.625rem}.navbar-brand{-webkit-user-select:none;user-select:none;align-items:center;min-width:0;display:flex}.user-avatar-wrapper{position:relative}.user-avatar-btn{border:2px solid var(--duo-border);max-width:190px;min-height:40px;color:var(--text-primary);cursor:pointer;background:#fff;border-bottom:3px solid #d4d4d4;border-radius:12px;align-items:center;gap:.625rem;padding:.25rem .55rem .25rem .25rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.user-avatar-btn:hover,.user-avatar-btn[aria-expanded=true]{border-color:var(--duo-green);transform:translateY(-1px);box-shadow:0 5px 14px #58cc021f}.user-monogram{background:linear-gradient(135deg, var(--duo-green), var(--duo-green-hover));color:#fff;width:30px;height:30px;font-family:var(--font-display);letter-spacing:0;border-bottom:3px solid #0000002e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:900;display:flex}.user-avatar-copy{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.05;display:flex}.user-avatar-name{max-width:92px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:900;overflow:hidden}.user-avatar-role{max-width:92px;color:var(--text-tertiary);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.58rem;font-weight:800;overflow:hidden}.user-caret{color:var(--text-tertiary);flex-shrink:0;transition:transform .2s}.user-caret.open{transform:rotate(180deg)}.profile-dropdown{border:2px solid var(--duo-border);border-bottom:4px solid var(--duo-border);width:min(300px,100vw - 2rem);z-index:var(--z-dropdown,100);transform-origin:100% 0;background:#fff;border-radius:14px;padding:.5rem;animation:.15s cubic-bezier(.16,1,.3,1) both scaleIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 44px #3c3c3c29}.dropdown-header{background:linear-gradient(135deg, var(--duo-green-subtle), #fff);border:1px solid #58cc023d;border-radius:10px;margin-bottom:.35rem;padding:.875rem}.dropdown-user-name{color:var(--text-primary);font-family:var(--font-display);font-size:1rem;font-weight:900;line-height:1.25}.dropdown-user-role{color:var(--text-secondary);letter-spacing:0;text-transform:none;word-break:break-word;margin-top:.2rem;font-size:.72rem;font-weight:600}.dropdown-role-badge{border:1px solid var(--border-emphasis);color:var(--duo-green-hover);letter-spacing:.04em;text-transform:uppercase;background:#fff;border-radius:999px;align-items:center;margin-top:.55rem;padding:.2rem .55rem;font-size:.62rem;font-weight:900;display:inline-flex}.dropdown-item{width:100%;color:var(--text-secondary);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:.625rem;padding:.675rem .75rem;font-size:.875rem;font-weight:800;transition:background .14s,color .14s;display:flex}.dropdown-item:hover{background:var(--surface-2);color:var(--text-primary)}.dropdown-item.danger{color:var(--duo-red)}.dropdown-item.danger:hover{background:var(--duo-red-subtle);color:var(--duo-red)}.dropdown-divider{background:var(--duo-border);height:1px;margin:.3rem 0}.navbar-sep{background:var(--duo-border);flex-shrink:0;width:1px;height:24px}@media (width<=860px){.ug-navbar{min-height:58px;padding:.55rem .85rem}.user-avatar-copy,.user-avatar-wrapper,.navbar-sep{display:none}.navbar-left{gap:.5rem}.user-avatar-btn{max-width:none;padding-right:.45rem}}.menu-toggle-btn{border:2px solid var(--duo-border);width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:#fff;border-bottom:3.5px solid #d4d4d4;border-radius:12px;outline:none;justify-content:center;align-items:center;margin-right:.25rem;padding:0;transition:transform .1s,border-color .1s,box-shadow .1s;display:none}.menu-toggle-btn:hover{border-color:var(--duo-green);transform:translateY(-1px);box-shadow:0 5px 14px #58cc021f}.menu-toggle-btn:active{border-bottom-width:2px;transform:translateY(1px)}@media (width<=860px){.menu-toggle-btn{display:inline-flex}}.sidebar-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;opacity:0;transition:opacity .3s;display:none;position:fixed;inset:0}.ug-sidebar{background-color:var(--surface-0);border-right:2px solid var(--duo-border,var(--border-subtle));z-index:45;flex-direction:column;width:248px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:56px;bottom:0;left:0}.sidebar-brand-area{align-items:center;gap:.75rem;padding:1.5rem 1.25rem .5rem;display:flex}.sidebar-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary-dim), var(--primary-deep));width:32px;height:32px;font-family:var(--font-display);color:#fff;letter-spacing:-.05em;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:.875rem;font-weight:800;display:flex}.sidebar-portal-badge{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:.6875rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:1.5rem;padding:1.25rem .625rem;display:flex;overflow-y:auto}.nav-section{flex-direction:column;gap:.5rem;display:flex}.nav-heading{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin:0;padding:0 .75rem;font-size:.6875rem;font-weight:600}.nav-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--text-secondary);font-family:var(--font-body);border:2px solid #0000;border-radius:12px;align-items:center;padding:.5625rem .75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:flex;position:relative}.nav-link:hover{background-color:var(--surface-2);color:var(--text-primary)}.nav-link.active{background-color:var(--duo-blue-subtle,var(--primary-subtle));color:var(--duo-text-dark,var(--text-primary));border-color:var(--duo-border,var(--border-subtle));box-shadow:0 2px 0 var(--duo-border,var(--border-default))}.nav-link.active .nav-icon{color:var(--duo-blue,var(--primary))}.nav-icon{width:20px;height:20px;color:var(--text-tertiary);justify-content:center;align-items:center;margin-right:.75rem;transition:all .2s;display:flex}.nav-link:hover .nav-icon{color:var(--text-primary)}.sidebar-footer{border-top:2px solid var(--duo-border,var(--border-subtle));background:var(--surface-0);padding:.875rem .625rem}@media (width<=768px){.ug-sidebar{transform:translate(-100%)}.ug-sidebar.open{transform:translate(0)}.sidebar-overlay.open{opacity:1;display:block}}.nav-badge-soon{text-transform:uppercase;letter-spacing:.06em;background:var(--duo-orange-subtle,#fff7ed);border:1px solid var(--duo-orange,#f97316);color:var(--duo-orange-hover,#ea580c);border-radius:6px;margin-left:auto;padding:2px 6px;font-size:.5625rem;font-weight:700}.sidebar-account-section{background:var(--surface-2,#00000008);border:2px solid var(--duo-border);border-radius:12px;flex-direction:column;gap:.35rem;margin-top:.75rem;padding:.75rem;display:none}.sidebar-account-profile{align-items:center;gap:.75rem;padding:.25rem .35rem;display:flex}.sidebar-account-profile .user-monogram{background:linear-gradient(135deg, var(--duo-green), var(--duo-green-hover));color:#fff;width:32px;height:32px;font-family:var(--font-display);border-bottom:3px solid #0000002e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:900;display:flex}.sidebar-account-profile .user-avatar-copy{flex-direction:column;line-height:1.15;display:flex}.sidebar-account-profile .user-avatar-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:800;overflow:hidden}.sidebar-account-profile .user-avatar-role{color:var(--text-tertiary);text-transform:uppercase;font-size:.62rem;font-weight:700}@media (width<=768px){.sidebar-account-section{display:flex}}.layout-root{flex-direction:column;min-height:100vh;display:flex}.layout-body{flex:1;display:flex;position:relative}.layout-main{flex:1;margin-left:260px;padding:2rem;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.layout-main>*{max-width:1400px;margin:0 auto}@media (width<=768px){.layout-main{margin-left:0;padding:1.5rem 1rem}}:root{--db-bg:#fff;--db-surface:#fff;--db-surface-hover:#f7f7f7;--db-border:var(--duo-border);--db-border-hover:#d5d5d5;--db-teal:var(--duo-green);--db-indigo:var(--duo-green);--db-purple:var(--duo-green-hover);--db-emerald:var(--duo-green);--db-amber:var(--duo-orange);--db-rose:var(--duo-red)}.text-emerald-400{color:var(--db-emerald)!important}.text-blue-400{color:var(--duo-green)!important}.text-amber-500{color:var(--db-amber)!important}.text-indigo-400{color:var(--duo-green)!important}.text-rose-500{color:var(--db-rose)!important}.text-purple-400{color:var(--duo-green-hover)!important}.text-yellow-500{color:var(--db-amber)!important}.text-slate-400,.text-slate-600{color:var(--text-secondary)!important}.mb-3{margin-bottom:12px!important}.font-semibold{font-weight:600!important}.tracking-widest{letter-spacing:.2em!important}.uppercase{text-transform:uppercase!important}.inline-block{display:inline-block!important}.mr-1\.5{margin-right:6px!important}.align-text-bottom{vertical-align:text-bottom!important}.dashboard-content{max-width:1300px;padding:var(--space-4) var(--space-4);gap:var(--space-4);background-color:var(--db-bg);flex-direction:column;min-height:100vh;margin:0 auto;display:flex;overflow-x:hidden}@media (width>=600px){.dashboard-content{padding:var(--space-5) var(--space-6);gap:var(--space-5)}}@media (width>=1100px){.dashboard-content{padding:var(--space-6) var(--space-8)}}.db-header-card{align-items:flex-start;gap:var(--space-4);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);background-color:#0052ff;background-image:radial-gradient(circle at 15% 15%,#58cc02f2 0%,#0000 60%),radial-gradient(circle at 85% 85%,#00f2fee6 0%,#0000 65%),radial-gradient(circle,#ce82ff73 0%,#0000 70%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.18'/%3E%3C/svg%3E"),linear-gradient(135deg,#0052ff 0%,#10b981 100%);border:2px solid #ffffff40;border-bottom:5px solid #00000040;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #1cb0f640}@media (width>=768px){.db-header-card{padding:var(--space-6) var(--space-8);flex-direction:row;justify-content:space-between;align-items:center}}.db-header-welcome{gap:var(--space-1_5);flex-direction:column;max-width:700px;display:flex}.db-title{color:#fff;letter-spacing:-.04em;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:900;line-height:1.15;font-family:var(--font-display);text-shadow:0 2px 10px #00000026;margin:0}.db-name{background:linear-gradient(135deg,#fff 30%,#fff677 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;display:inline-block}.db-subtitle{font-size:var(--font-size-sm);color:#fffffff2;max-width:600px;font-weight:500;line-height:1.4;font-family:var(--font-body);text-shadow:0 1px 3px #0003;margin:0}.db-header-actions{gap:var(--space-3);width:100%;display:flex}@media (width>=600px){.db-header-actions{flex-direction:row;width:auto}}.db-layout-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=1024px){.db-layout-grid{grid-template-columns:1.85fr 1fr}}.db-main-col{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.db-sidebar-col{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.db-stats-banner{justify-content:space-around;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex;border:2px solid var(--border-default)!important;border-bottom:5px solid var(--border-default)!important;border-radius:var(--radius-lg)!important;background:#fff!important}.db-stat-item-premium{gap:var(--space-1);text-align:center;flex-direction:column;flex:1;align-items:center;min-width:110px;display:flex}.db-stat-label-prem{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700;font-family:var(--font-mono)}.db-stat-value-prem{letter-spacing:0;font-size:1.55rem;font-weight:800;font-family:var(--font-display)}.db-stat-value-prem.text-emerald-400,.db-stat-value-prem.text-blue-400{background:linear-gradient(135deg, var(--duo-green-hover) 0%, var(--duo-green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.db-stat-value-prem.text-amber-500{background:linear-gradient(135deg, var(--duo-orange-hover) 0%, var(--duo-orange) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.db-stat-value-prem.text-indigo-400{background:linear-gradient(135deg, var(--duo-green-hover) 0%, var(--duo-green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.db-stat-total-prem{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500}.db-stat-divider{background:var(--border-default);width:1px;height:36px}@media (width<=640px){.db-stats-banner{padding:var(--space-4)}.db-stat-divider{display:none}.db-stat-item-premium{min-width:45%;padding:var(--space-2) 0}}.db-card-wrapper{border-radius:var(--radius-xl);background:var(--db-border);padding:1px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;position:relative;overflow:hidden}.db-card-wrapper:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.db-continue-learning-hero{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;box-shadow:0 6px 18px #58cc021a;border:2px solid var(--duo-green)!important;border-bottom:5px solid var(--duo-green-hover)!important;border-radius:var(--radius-lg)!important;background-color:#fff!important}.db-continue-learning-hero:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.db-continue-learning-hero .db-card-inner{background:#fff!important}.db-card-wrapper:before{content:"";background:radial-gradient(250px circle at var(--mouse-x,0px) var(--mouse-y,0px), #58cc021a, transparent 65%);opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;inset:0}.db-card-wrapper:hover:before{opacity:1}.db-card-inner{z-index:1;border-radius:calc(var(--radius-lg) - 1px);background:var(--surface-1);padding:var(--space-5);height:100%;position:relative}.db-continue-hero-inner{gap:var(--space-4);flex-direction:column;display:flex}.db-continue-title-bar{align-items:center;gap:var(--space-2);color:var(--text-secondary);display:flex}.db-continue-hero-body{gap:var(--space-5);flex-direction:column;align-items:center;display:flex}@media (width>=640px){.db-continue-hero-body{flex-direction:row}}.db-continue-hero-thumb{border-radius:var(--radius-md);border:1px solid var(--db-border);background:#f8fafc;flex-shrink:0;width:100%;max-width:180px;height:104px;overflow:hidden}.db-continue-hero-thumb img{object-fit:cover;width:100%;height:100%}.db-course-thumb-placeholder{background:#0284c708;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.db-continue-hero-info{gap:var(--space-3);flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.db-continue-hero-title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:800;line-height:1.3}.db-continue-hero-meta{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.db-continue-progress-row{align-items:center;gap:var(--space-3);display:flex}.db-continue-progress-bar{border-radius:var(--radius-full);background:#cbd5e1;flex:1;height:6px;overflow:hidden}.db-continue-progress-fill{background:linear-gradient(90deg, var(--duo-green) 0%, var(--duo-green-hover) 100%);border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.db-continue-progress-pct{font-size:var(--font-size-xs);color:var(--duo-green-hover);font-weight:700;font-family:var(--font-mono)}.db-continue-empty{text-align:center;padding:var(--space-6) var(--space-4);flex-direction:column;align-items:center;width:100%;display:flex}.db-empty-illustration{margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.db-empty-img{object-fit:contain;filter:drop-shadow(0 8px 12px #0000000d);max-width:100%;max-height:120px}.db-section-header{justify-content:space-between;align-items:center;display:flex}.db-section-title{align-items:center;gap:var(--space-2_5);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;display:flex}.db-link-btn{border-radius:var(--radius-md);color:var(--primary);font-size:var(--font-size-xs);cursor:pointer;font-weight:600;font-family:var(--font-mono);background:#0284c70f;border:1px solid #0284c726;padding:.35rem .75rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.db-link-btn:hover{color:var(--primary-hover);background:#0284c71f;border-color:#0284c74d}.db-upcoming-exams-section{gap:var(--space-4);border:2px solid var(--duo-border);border-bottom:5px solid var(--duo-green);border-radius:var(--radius-lg);padding:var(--space-5);background:#fff;flex-direction:column;display:flex;box-shadow:0 6px 18px #58cc0212}.db-upcoming-exams-list{gap:var(--space-3);grid-template-columns:1fr;display:grid}.db-upcoming-exam-item,.db-upcoming-exam-skeleton,.db-upcoming-exams-empty{border:2px solid var(--duo-border);border-bottom:4px solid var(--duo-green);background:#fff;border-radius:12px;min-height:72px;padding:.875rem 1rem}.db-upcoming-exam-item{cursor:pointer;align-items:center;gap:.875rem;transition:transform .2s,box-shadow .2s;display:flex}.db-upcoming-exam-item:hover{transform:translateY(-2px);box-shadow:0 10px 24px #58cc021a}.db-upcoming-exam-item.urgent{border-bottom-color:var(--duo-orange)}.db-upcoming-exam-item.overdue{border-bottom-color:var(--duo-red)}.db-upcoming-exam-icon{color:#fff;background:var(--duo-green);border-bottom:3px solid #0000002e;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.db-upcoming-exam-item.urgent .db-upcoming-exam-icon{background:var(--duo-orange)}.db-upcoming-exam-item.overdue .db-upcoming-exam-icon{background:var(--duo-red)}.db-upcoming-exam-copy{flex:1;min-width:0}.db-upcoming-exam-copy h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:800;line-height:1.25;overflow:hidden}.db-upcoming-exam-copy p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:.15rem 0 0;font-size:.75rem;overflow:hidden}.db-upcoming-exam-arrow{color:var(--text-tertiary);flex-shrink:0}.db-upcoming-exams-empty{align-items:center;gap:1rem;display:flex}.db-upcoming-exams-empty p{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:800}.db-upcoming-exams-empty span{color:var(--text-secondary);margin-top:.15rem;font-size:.75rem;display:block}.db-rpg-card{padding:var(--space-5);gap:var(--space-4);color:#2d3748;background-color:#f7fafc;background-image:radial-gradient(circle at 20% 30%,#1cb0f60f 0%,#0000 70%),radial-gradient(circle at 80% 70%,#58cc020d 0%,#0000 70%),linear-gradient(135deg,#f7fafc 0%,#e6f7ff 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #d5e4eb;border-bottom:4px solid #cbd5e1;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px -3px #0000000d;border-radius:var(--radius-lg)!important}.db-rpg-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -5px #1cb0f64d}.db-rpg-header{align-items:center;gap:var(--space-4);display:flex}.db-rpg-level-badge{border:3px solid var(--border-default);width:60px;height:60px;box-shadow:0 3px 0 var(--border-default);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.db-rpg-level-number{font-size:1.65rem;font-weight:900;line-height:1}.db-rpg-profile{flex-direction:column;gap:2px;display:flex}.db-rpg-title{font-size:var(--font-size-md);color:var(--text-primary);letter-spacing:-.01em;font-weight:800}.db-rpg-subtitle{color:var(--text-tertiary);font-weight:700}.db-rpg-xp-section{gap:var(--space-1_5);flex-direction:column;display:flex}.db-rpg-xp-bar-labels{font-family:var(--font-mono);justify-content:space-between;display:flex}.db-rpg-xp-track{border-radius:var(--radius-full);background:#e2e8f0;border:1px solid #00000005;height:8px;overflow:hidden}.db-rpg-xp-fill{border-radius:var(--radius-full);height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.db-rpg-divider{background:var(--border-default);height:1px}.db-rpg-streak-title{align-items:center;gap:var(--space-2);color:var(--text-primary);font-weight:700;display:flex}.db-streak-calendar{justify-content:space-between;gap:var(--space-2);display:flex}.db-streak-day{align-items:center;gap:var(--space-1_5);flex-direction:column;flex:1;display:flex}.db-streak-bar{border-radius:var(--radius-full);background:#e2e8f0;border:1px solid #00000003;width:6px;height:40px;position:relative;overflow:hidden}.db-streak-day.active .db-streak-bar{background:#ff96000d}.db-streak-day.active .db-streak-bar:after{content:"";background:linear-gradient(0deg, var(--duo-orange), #ffb240);border-radius:var(--radius-full);width:100%;height:100%;animation:.5s ease-out forwards slideUpStreak;position:absolute;bottom:0;left:0}.db-streak-glow{display:none}.db-streak-lbl{color:var(--text-tertiary);font-size:9px;font-weight:700;font-family:var(--font-mono)}.db-streak-day.active .db-streak-lbl{color:var(--duo-orange)}.db-rpg-streak-stats{font-family:var(--font-mono);justify-content:space-between;display:flex}.db-quests-card{padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #58cc0217;border:2px solid #58cc0259!important;border-bottom:5px solid var(--duo-green)!important;border-radius:var(--radius-lg)!important;background:#fff!important}.db-quests-card:before{content:"";height:0;position:absolute;top:0;left:0;right:0}.db-exams-card{padding:var(--space-5);gap:var(--space-3);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative;overflow:hidden;border:2px solid #58cc0252!important;border-bottom:5px solid var(--duo-green)!important;border-radius:var(--radius-lg)!important;background:#fff!important}.db-exams-overlay-img-wrap{opacity:.12;pointer-events:none;z-index:0;width:120px;height:120px;position:absolute;bottom:-20px;right:-20px}.db-exams-overlay-img{object-fit:contain;width:100%;height:100%}.db-exams-card>:not(.db-exams-overlay-img-wrap){z-index:1;position:relative}.db-card-section-title{font-family:var(--font-mono);align-items:center;font-weight:700;display:flex}.db-quest-list{flex-direction:column;gap:.625rem;display:flex}.db-quest-item{background:var(--surface-2);border-radius:10px;align-items:flex-start;gap:.75rem;padding:.75rem;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s,box-shadow .2s;display:flex;border:1px solid var(--duo-border)!important;border-bottom:3px solid var(--duo-border)!important}.db-quest-item:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #58cc021a;border-color:var(--duo-green)!important}.db-quest-item.done{opacity:1;background:var(--duo-green-subtle);border-color:#58cc0259!important}.db-quest-icon-prem{width:30px;height:30px;box-shadow:none;background:#fff;border:1px solid;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.db-quest-item:hover .db-quest-icon-prem{transform:scale(1.05)}.db-quest-body{flex-direction:column;flex:1;gap:2px;display:flex}.db-quest-header{justify-content:space-between;align-items:center;display:flex}.db-quest-label{color:var(--text-primary);font-size:.82rem;font-weight:700}.db-quest-xp{font-weight:700;font-family:var(--font-mono)}.db-quest-desc{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.3}.db-quest-bar-track{border-radius:var(--radius-full);border:1px solid var(--duo-border);background:#fff;height:5px;margin-top:.35rem;overflow:hidden;box-shadow:inset 0 1px 2px #0000000a}.db-quest-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .3s;box-shadow:0 0 8px #58cc0259}.db-deadlines-list{gap:var(--space-2_5);flex-direction:column;display:flex}.db-deadline-item{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;border-bottom:1px solid var(--db-border)!important}.db-deadline-item:last-child{padding-bottom:0;border-bottom:none!important}.db-deadline-item:first-child{padding-top:0}.db-deadline-item:hover{transform:translate(4px)}.db-deadline-item.urgent,.db-deadline-item.overdue{opacity:.95}.db-deadline-icon{color:var(--text-secondary);opacity:.7}.db-deadline-item.urgent .db-deadline-icon{color:var(--warning)}.db-deadline-item.overdue .db-deadline-icon{color:#ef4444}.db-deadline-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.db-deadline-title{font-size:var(--font-size-xs);color:var(--text-primary);font-weight:700;line-height:1.3}.db-deadline-date{color:var(--text-tertiary);font-size:10px;font-weight:700;font-family:var(--font-mono)}.db-deadline-date.urgent{color:var(--warning)}.db-deadline-arrow{color:var(--text-tertiary);opacity:.5;transition:transform .2s}.db-deadline-item:hover .db-deadline-arrow{opacity:.8;transform:translate(2px)}.db-empty-state-sidebar{padding:var(--space-4) 0;color:var(--text-tertiary);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:10px;display:flex}@media (prefers-reduced-motion:reduce){.db-streak-day.active .db-streak-bar:after{height:100%;animation:none}.db-xp-fill,.db-continue-progress-fill,.db-rpg-xp-fill,.db-quest-bar-fill{transition:none}.db-card-wrapper:hover,.db-rpg-card:hover,.db-quest-item:hover,.db-deadline-item:hover{transform:none}}.interview-banner-container{flex-direction:column;gap:.75rem;width:100%;margin-bottom:1.25rem;display:flex}.interview-banner{-webkit-backdrop-filter:blur(12px);border-radius:12px;align-items:center;gap:1.25rem;padding:1.125rem 1.5rem;animation:.5s cubic-bezier(.16,1,.3,1) bannerSlideIn;display:flex;position:relative;overflow:hidden}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseRing{0%,to{opacity:.4;transform:translateY(-50%)scale(.9)}50%{opacity:1;transform:translateY(-50%)scale(1.15)}}@keyframes iconPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.interview-banner__label{color:#fff;letter-spacing:-.01em;font-size:.95rem;font-weight:750}.interview-banner--live .interview-banner__label{color:#fca5a5;text-shadow:0 0 10px #ef444440}.interview-banner--scheduled .interview-banner__label{color:#fcd34d;text-shadow:0 0 10px #f59e0b33}.interview-banner__sub{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:.125rem;font-size:.8125rem;overflow:hidden}.interview-banner__cta{cursor:pointer;color:#fbbf24;z-index:1;background:#f59e0b2e;border:1px solid #f59e0b59;border-radius:8px;flex-shrink:0;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.8125rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.interview-banner__cta--live{color:#fca5a5;background:#ef444433;border-color:#ef444473}.interview-banner__cta--live:hover{background:#ef444452;box-shadow:0 4px 15px #ef44444d,0 1px #ffffff1a}.interview-banner__cta:active{transform:translateY(-.5px)}.discover-container{flex-direction:column;gap:1.35rem;display:flex}.discover-hero{border-radius:var(--radius-xl,16px);text-align:center;background-color:#0052ff;background-image:radial-gradient(circle at 15% 15%,#58cc02f2 0%,#0000 60%),radial-gradient(circle at 85% 85%,#00f2fee6 0%,#0000 65%),radial-gradient(circle,#ce82ff59 0%,#0000 70%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.18'/%3E%3C/svg%3E"),linear-gradient(135deg,#0052ff 0%,#10b981 100%);border:2px solid #ffffff40;border-bottom:5px solid #0003;padding:2rem;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #1cb0f64d}.discover-hero-glow{pointer-events:none;background:radial-gradient(circle,#58cc0259 0%,#0000 65%);border-radius:50%;width:420px;height:420px;position:absolute;top:-30%;right:-5%}.discover-hero-glow:after{content:"";background:radial-gradient(circle,#00f2fe47 0%,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;bottom:-40%;left:-60%}.discover-hero-content{z-index:1;flex-direction:column;align-items:center;max-width:820px;margin:0 auto;display:flex;position:relative}.discover-hero-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff59;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.discover-hero-title{font-family:var(--font-display);color:#fff;letter-spacing:-.04em;text-shadow:0 2px 12px #0000002e;margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.45rem);font-weight:900;line-height:1.1}.discover-hero-subtitle{color:#fffffff2;text-shadow:0 1px 3px #00000026;max-width:720px;margin:0 auto 1.25rem;font-size:.98rem;font-weight:500;line-height:1.5}.discover-search-wrapper{width:100%;max-width:560px;margin:0 auto}.discover-search{background:#fff;border:2px solid #ffffffe6;border-radius:14px;align-items:center;gap:.75rem;padding:.75rem .875rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 8px 24px #0000001f}.discover-search:focus-within{border-color:var(--duo-blue);transform:translateY(-1px);box-shadow:0 8px 28px #1cb0f659,0 0 0 3px #1cb0f633}.discover-search-icon{color:var(--duo-blue);flex-shrink:0}.discover-search-input{color:var(--text-primary);font-size:1rem;font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}.discover-search-input::placeholder{color:var(--text-tertiary)}.discover-search-clear{background:var(--surface-2);color:var(--text-tertiary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.discover-search-clear:hover{background:var(--surface-3);color:var(--text-secondary)}.discover-featured{flex-direction:column;gap:1rem;display:flex}.discover-section-header{justify-content:space-between;align-items:center;display:flex}.discover-section-title{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.25rem;display:flex}.discover-section-icon{color:var(--duo-yellow)}.discover-section-count{color:var(--text-tertiary);font-size:.875rem}.discover-featured-grid{grid-template-columns:repeat(3,1fr);gap:.875rem;display:grid}@media (width<=1024px){.discover-featured-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.discover-featured-grid{grid-template-columns:1fr}}.discover-featured-card{background:var(--surface-1);cursor:pointer;animation:.5s both fadeSlideUp;animation-delay:calc(var(--featured-index,0) * .1s);border:2px solid #ffc80073;border-radius:12px;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden;box-shadow:0 4px 20px #ffc8001f,0 8px 24px #0000000f}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.discover-featured-card:hover{border-color:var(--duo-yellow);transform:translateY(-6px);box-shadow:0 12px 36px #ffc80038,0 16px 40px #1cb0f61a}.discover-featured-thumbnail{height:132px;position:relative;overflow:hidden}.discover-featured-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.discover-featured-card:hover .discover-featured-thumbnail img{transform:scale(1.05)}.discover-featured-thumbnail-placeholder{color:#7850008c;background:linear-gradient(135deg,#fff8e6 0%,#ffe066 40%,#ffc800 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.discover-featured-rank{color:#3c2800;letter-spacing:-.02em;background:linear-gradient(135deg,#ffc800 0%,#f97316 100%);border:2px solid #fff9;border-radius:10px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 .5rem;font-size:.8125rem;font-weight:800;display:flex;position:absolute;top:.75rem;left:.75rem;box-shadow:0 4px 12px #ff960073}.discover-featured-content{flex-direction:column;flex:1;gap:.4rem;padding:.875rem 1rem 1rem;display:flex}.discover-featured-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.discover-featured-instructor{color:var(--text-tertiary);margin:0;font-size:.8125rem}.discover-featured-meta{justify-content:space-between;align-items:center;margin-top:auto;padding-top:.45rem;display:flex}.discover-featured-rating{color:var(--duo-orange);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:flex}.discover-categories{padding:.25rem 0;position:relative}.discover-categories:before,.discover-categories:after{content:"";z-index:1;pointer-events:none;width:2rem;position:absolute;top:0;bottom:.5rem}.discover-categories:before{background:linear-gradient(to right, var(--surface-0,#fff) 0%, transparent 100%);left:0}.discover-categories:after{background:linear-gradient(to left, var(--surface-0,#fff) 0%, transparent 100%);right:0}.discover-categories-scroll{scrollbar-width:none;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 1.5rem calc(100% - 1.5rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 1.5rem calc(100% - 1.5rem),#0000 100%)}.discover-categories-scroll::-webkit-scrollbar{display:none}.discover-category-pill{color:var(--text-secondary);background:var(--surface-1);cursor:pointer;white-space:nowrap;font-size:.875rem;font-weight:500;font-family:var(--font-body);border:1px solid #0000;border-radius:20px;padding:.5rem 1.25rem;transition:all .2s}.discover-category-pill:hover{background:var(--surface-2);border-color:var(--border-default);color:var(--text-primary)}.discover-category-pill.active{border-color:var(--duo-blue-hover);color:#fff;background:var(--duo-blue);box-shadow:0 3px 0 var(--duo-blue-hover);font-weight:600}.discover-courses{flex-direction:column;gap:1.25rem;display:flex}.discover-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.discover-toolbar-left{align-items:center;gap:.75rem;display:flex}.discover-toolbar-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.25rem}.discover-toolbar-count{color:var(--text-tertiary);font-size:.875rem}.discover-toolbar-right{align-items:center;gap:.75rem;display:flex}.discover-sort{position:relative}.discover-sort-trigger{background:var(--surface-1);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.discover-sort-trigger:hover{background:var(--surface-2);color:var(--text-primary)}.discover-sort-trigger .rotate{transition:transform .2s;transform:rotate(180deg)}.discover-sort-menu{background:var(--surface-2);border:1px solid var(--border-default);z-index:10;border-radius:10px;min-width:200px;padding:.375rem;animation:.2s cubic-bezier(.16,1,.3,1) both scaleIn;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 40px #0000001f}.discover-sort-option{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.625rem;padding:.625rem .75rem;font-size:.875rem;transition:all .15s;display:flex}.discover-sort-option.has-separator{border-bottom:1px solid var(--border-default);border-radius:6px 6px 0 0;margin-bottom:.125rem}.discover-sort-option:hover{background:var(--surface-3);color:var(--text-primary)}.discover-sort-option.active{background:var(--duo-blue-subtle);color:var(--duo-blue);font-weight:600}.discover-view-toggle{background:var(--surface-1);border:1px solid var(--border-default);border-radius:10px;gap:2px;padding:3px;display:flex}.discover-view-toggle button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;padding:.5rem .625rem;transition:all .2s;display:flex}.discover-view-toggle button:hover{color:var(--text-secondary);background:var(--surface-2)}.discover-view-toggle button.active{color:var(--duo-blue);background:var(--duo-blue-subtle);box-shadow:0 1px 2px #0000000f}.discover-loading-spinner{color:var(--primary);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.discover-error{color:var(--color-error);background:var(--color-error-subtle);border-radius:8px;align-items:center;gap:.5rem;padding:1rem;display:flex}.discover-grid{gap:1rem;display:grid}.discover-grid.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.discover-grid.list{grid-template-columns:1fr}.discover-course-card{background:var(--surface-1);border:2px solid var(--duo-border);border-bottom:4px solid var(--duo-border);cursor:pointer;border-radius:10px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.discover-course-accent{z-index:2;height:4px;position:absolute;top:0;left:0;right:0}.discover-course-card.accent-blue .discover-course-accent{background:linear-gradient(90deg, var(--duo-blue) 0%, #00f2fe 100%)}.discover-course-card.accent-green .discover-course-accent{background:linear-gradient(90deg, var(--duo-green) 0%, #7ee000 100%)}.discover-course-card.accent-orange .discover-course-accent{background:linear-gradient(90deg, var(--duo-orange) 0%, var(--duo-yellow) 100%)}.discover-course-card.accent-purple .discover-course-accent{background:linear-gradient(90deg, var(--duo-purple) 0%, #a855f7 100%)}.discover-course-card:hover{border-color:var(--duo-blue);transform:translateY(-3px);box-shadow:0 10px 26px #1cb0f61a,0 6px 18px #0000000f}.discover-course-card.skeleton{cursor:default}.discover-course-card.skeleton:hover{box-shadow:none;border-color:var(--border-default);transform:none}.discover-course-card.grid{flex-direction:column}.discover-course-card.list{flex-direction:row}.discover-course-thumbnail{position:relative;overflow:hidden}.discover-course-card.grid .discover-course-thumbnail{background:linear-gradient(180deg, var(--duo-blue-subtle) 0%, var(--surface-1) 100%);height:128px}.discover-course-card.list .discover-course-thumbnail{background:linear-gradient(180deg, var(--duo-blue-subtle) 0%, var(--surface-1) 100%);width:200px;min-width:200px;height:132px}.discover-course-card.accent-green .discover-course-thumbnail{background:linear-gradient(180deg, var(--duo-green-subtle) 0%, var(--surface-1) 100%)}.discover-course-card.accent-orange .discover-course-thumbnail{background:linear-gradient(180deg, var(--duo-orange-subtle) 0%, var(--surface-1) 100%)}.discover-course-card.accent-purple .discover-course-thumbnail{background:linear-gradient(180deg, var(--duo-purple-subtle) 0%, var(--surface-1) 100%)}.discover-course-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.discover-course-card:hover .discover-course-thumbnail img{transform:scale(1.05)}.discover-course-thumbnail-placeholder{background:linear-gradient(135deg, var(--duo-blue-subtle) 0%, #1cb0f626 50%, var(--duo-green-subtle) 100%);width:100%;height:100%;color:var(--duo-blue);opacity:.85;justify-content:center;align-items:center;display:flex}.discover-course-card.accent-green .discover-course-thumbnail-placeholder{background:linear-gradient(135deg, var(--duo-green-subtle) 0%, #58cc021f 100%);color:var(--duo-green)}.discover-course-card.accent-orange .discover-course-thumbnail-placeholder{background:linear-gradient(135deg, var(--duo-orange-subtle) 0%, #ff96001f 100%);color:var(--duo-orange)}.discover-course-card.accent-purple .discover-course-thumbnail-placeholder{background:linear-gradient(135deg, var(--duo-purple-subtle) 0%, #ce82ff33 100%);color:var(--duo-purple-hover)}.discover-course-tags{gap:.375rem;display:flex;position:absolute;top:.75rem;left:.75rem}.discover-course-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0009;border-radius:4px;padding:.25rem .5rem;font-size:.6875rem;font-weight:500}.discover-course-category{position:absolute;top:.75rem;right:.75rem}.discover-course-content{flex-direction:column;flex:1;gap:.6rem;padding:.95rem;display:flex}.discover-course-card.list .discover-course-content{justify-content:center}.discover-course-header{flex-direction:column;gap:.25rem;display:flex}.discover-course-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.discover-course-instructor{color:var(--text-tertiary);margin:0;font-size:.8125rem}.discover-course-stats{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.78rem;display:flex}.discover-course-stat{align-items:center;gap:.375rem;display:flex}.discover-course-clock{color:var(--duo-orange);flex-shrink:0}.discover-course-rating-value{color:var(--text-primary);font-weight:600}.discover-course-reviews{color:var(--text-tertiary)}.discover-course-footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.5rem;display:flex}.discover-skeleton-thumbnail{height:100%}.discover-empty{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;padding:4rem 2rem;display:flex}.discover-empty-icon{background:var(--surface-2);width:80px;height:80px;color:var(--text-tertiary);border-radius:20px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.discover-empty-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 .5rem;font-size:1.375rem}.discover-empty-text{color:var(--text-secondary);max-width:400px;margin:0;font-size:.9375rem;line-height:1.6}@media (width<=768px){.discover-hero{padding:1.5rem 1.25rem}.discover-hero-subtitle{font-size:1rem}.discover-toolbar{flex-direction:column;align-items:flex-start}.discover-grid.grid{grid-template-columns:1fr}.discover-course-card.list{flex-direction:column}.discover-course-card.list .discover-course-thumbnail{width:100%;height:160px}}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.aura-progress-wrapper{flex-direction:column;gap:.5rem;width:100%;display:flex}.aura-progress-header{font-family:var(--font-display);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.aura-progress-label{color:var(--on-surface-variant);font-weight:500}.aura-progress-value{color:var(--primary);font-weight:700}.aura-progress-track{background-color:var(--surface-container-high);border-radius:9999px;position:relative;overflow:visible}.aura-progress-fill{background:linear-gradient(135deg, var(--primary), var(--primary-dim));z-index:2;border-radius:9999px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.aura-progress-glow{background:var(--primary);filter:blur(8px);opacity:.5;z-index:1;border-radius:9999px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.aura-progress-sm .aura-progress-track{height:4px}.aura-progress-sm .aura-progress-glow{filter:blur(4px)}.aura-progress-md .aura-progress-track{height:8px}.aura-progress-lg .aura-progress-track{height:12px}.aura-progress-lg .aura-progress-glow{filter:blur(12px)}.icon-btn{justify-content:center;align-items:center;display:inline-flex;padding:0!important}.icon-btn.btn-sm{width:2rem;height:2rem}.icon-btn.btn-md{width:2.5rem;height:2.5rem}.icon-btn.btn-lg{width:3rem;height:3rem}.icon-shape-circle{border-radius:50%!important}.icon-shape-square{border-radius:8px}.icon-btn-content{justify-content:center;align-items:center;display:flex}.icon-btn-content svg{stroke-width:1.5px;width:1.25em;height:1.25em}.courses-page{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;padding:1rem 0;display:flex}.courses-hero{flex-direction:column;gap:1.25rem;padding:1.75rem 1.5rem;display:flex}@media (width>=768px){.courses-hero{flex-direction:row;justify-content:space-between;align-items:flex-end;padding:2rem 2.25rem}}.courses-hero-content{flex-direction:column;gap:.5rem;display:flex}.courses-badge{color:#fff;background:#fff3;border:1px solid #ffffff59;border-radius:9999px;align-items:center;gap:.375rem;width:fit-content;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.courses-title{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;text-shadow:0 2px 10px #00000026;margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:900}.courses-subtitle{color:#fffffff2;margin:0;font-size:.9375rem;font-weight:500}.courses-toolbar{align-items:center;gap:.75rem;width:100%;display:flex}@media (width>=768px){.courses-toolbar{flex-shrink:0;width:auto}}.courses-search{flex:1;min-width:0}.courses-search .search-input{background:#fff;border:2px solid #ffffffe6;border-radius:12px;box-shadow:0 6px 20px #0000001a}.courses-search .search-input:focus{border-color:var(--duo-blue);box-shadow:0 6px 24px #1cb0f640,0 0 0 3px #1cb0f626}.courses-search .search-icon{color:var(--duo-blue)}.courses-view-toggle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border:1px solid #ffffff59;border-radius:10px;padding:.25rem;display:flex}.courses-view-toggle button{color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:.5rem;transition:all .2s;display:flex}.courses-view-toggle button.active{color:var(--duo-blue);background:#fff;box-shadow:0 2px 8px #0000001f}.continue-learning-card{background:linear-gradient(135deg, #fff 0%, var(--duo-blue-subtle) 100%);border:2px solid var(--duo-blue);border-bottom:5px solid var(--duo-blue-hover);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 2rem;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 8px 24px #1cb0f61f}.continue-learning-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1cb0f62e}.continue-content{flex-direction:column;flex:1;gap:.75rem;min-width:280px;display:flex}.continue-badge{background:var(--duo-green-subtle);color:var(--duo-green-hover);text-transform:uppercase;letter-spacing:.05em;border:1px solid #58cc0240;border-radius:12px;align-items:center;gap:.375rem;width:fit-content;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.continue-title{color:var(--text-primary);font-size:1.375rem;font-weight:800;font-family:var(--font-display);margin:0}.continue-instructor{color:var(--text-secondary);margin:0;font-size:.875rem}.continue-progress{align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.progress-track{background:var(--duo-border);border-radius:999px;flex:1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--duo-green), var(--duo-blue));border-radius:999px;height:100%;transition:width .5s}.continue-progress span{color:var(--text-secondary);font-size:.75rem;font-weight:600}.continue-thumbnail{border:2px solid var(--duo-border);border-radius:12px;flex-shrink:0;width:200px;height:120px;overflow:hidden;box-shadow:0 4px 16px #00000014}.continue-thumbnail img{object-fit:cover;width:100%;height:100%}.placeholder-thumbnail{background:linear-gradient(135deg, var(--duo-blue-subtle), var(--duo-green-subtle));border:2px dashed var(--duo-border);width:100%;height:100%}.filter-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.filter-tabs button{border:2px solid var(--duo-border);color:var(--text-secondary);cursor:pointer;background:#fff;border-bottom-width:4px;border-radius:12px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.filter-tabs button:hover:not(.active){border-color:var(--duo-blue);color:var(--duo-blue);background:var(--duo-blue-subtle)}.filter-tabs button.active{background:var(--duo-blue-subtle);border-color:var(--duo-blue);border-bottom-color:var(--duo-blue-hover);color:var(--duo-blue-hover)}.filter-count{background:var(--surface-2,#f7f7f7);color:var(--text-secondary);border-radius:10px;padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.filter-tabs button.active .filter-count{background:var(--duo-blue);color:#fff}.courses-container{gap:1.25rem;display:grid}.courses-container.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.courses-container.list{grid-template-columns:1fr}.course-skeleton-card{border:2px solid var(--duo-border);background:#fff;border-radius:14px;padding:1.5rem}.courses-empty{text-align:center;background:linear-gradient(180deg, #fff, var(--duo-green-subtle));border:2px dashed var(--duo-green);color:var(--text-secondary);border-radius:16px;flex-direction:column;grid-column:1/-1;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.courses-empty svg{color:var(--duo-green);opacity:.7}.courses-empty h3{color:var(--text-primary);font-size:1.25rem;font-family:var(--font-display);margin:0}.courses-empty p{margin:0}.course-card-list{flex-direction:row;align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex;border:2px solid var(--duo-border)!important;background:#fff!important;border-bottom-width:4px!important;border-radius:14px!important;transition:transform .2s,box-shadow .2s,border-color .2s!important}.course-card-list:hover{transform:translateY(-2px);border-color:var(--duo-blue)!important;box-shadow:0 8px 24px #1cb0f61f!important}.course-card-list__thumbnail{background:var(--duo-blue-subtle);border:1px solid var(--duo-border);border-radius:10px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.course-card-list__thumbnail img{object-fit:cover;width:100%;height:100%}.course-card-list__thumb-placeholder{background:linear-gradient(135deg, var(--duo-blue-subtle), var(--duo-green-subtle));border:2px dashed var(--duo-border);border-radius:8px;width:100%;height:100%}.course-card-list__body{flex-wrap:wrap;flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.course-card-list__info{flex:1;min-width:0}.course-card-list__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:.9375rem;font-weight:700;overflow:hidden}.course-card-list__instructor{color:var(--text-secondary);margin:0;font-size:.75rem}.course-card-list__footer{flex-shrink:0;align-items:center;gap:1rem;display:flex}.course-card-list__progress{min-width:120px}@media (width<=768px){.courses-hero{padding:1.25rem}.courses-toolbar{flex-wrap:wrap}.courses-search{width:100%}.continue-learning-card{padding:1.25rem}.continue-thumbnail{width:100%;height:160px}}@media (width<=600px){.course-card-list{flex-wrap:wrap}.course-card-list__progress{min-width:80px}}.courses-container .course-card-grid{border:2px solid var(--duo-border);border-bottom:4px solid var(--duo-border);background:#fff;border-radius:14px;flex-direction:column;gap:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.courses-container .course-card-grid:hover{border-color:var(--duo-green);transform:translateY(-3px);box-shadow:0 10px 28px #58cc021f}.courses-container .course-card-grid__title{color:var(--text-primary);font-size:1.0625rem;font-weight:800;font-family:var(--font-display);margin:0 0 .25rem}.courses-container .course-card-grid__instructor{color:var(--text-secondary);margin:0;font-size:.75rem}.courses-container .course-card-grid__footer{border-top:1px solid var(--duo-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;display:flex}.courses-container .course-card-grid__meta{color:var(--text-secondary);font-size:.75rem}@media (width<=480px){.courses-container.grid{grid-template-columns:1fr}}.shapes-loader-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:inline-flex}.loader-sm .shapes-svg{width:32px;height:32px}.loader-md .shapes-svg{width:48px;height:48px}.loader-lg .shapes-svg{width:64px;height:64px}.loader-xl .shapes-svg{width:96px;height:96px}.shapes-svg{overflow:visible}.shape{fill:var(--primary);transform-origin:50px 50px}.circle-1{fill:var(--primary);animation:2s ease-in-out infinite orbit}.circle-2{fill:var(--primary-dim);animation:2s ease-in-out -.66s infinite orbit}.circle-3{fill:var(--on-surface);animation:2s ease-in-out -1.33s infinite orbit}@keyframes orbit{0%{opacity:.8;transform:rotate(0)translate(15px)scale(1)}50%{opacity:.4;transform:rotate(180deg)translate(-15px)scale(.5)}to{opacity:.8;transform:rotate(360deg)translate(15px)scale(1)}}.loader-text{font-family:var(--font-body);color:var(--on-surface-variant);letter-spacing:.02em;font-size:.875rem;animation:2s infinite pulse-glow}.app-container{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{color:var(--primary);text-shadow:0 0 20px #6366f166;margin-bottom:.5rem;font-size:2.5rem}.app-header p{color:var(--on-surface-variant);font-size:1.125rem}.showcase-section{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.showcase-section h2{color:var(--on-surface);border-bottom:1px solid var(--outline-variant);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem}.component-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.skeleton-grid{flex-direction:column;gap:1.5rem;display:flex}.skeleton-card{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.skeleton-content{flex-direction:column;flex:1;gap:.5rem;display:flex}.loader-row{flex-wrap:wrap;align-items:flex-start;gap:2rem;display:flex}.text-input-wrapper{flex-direction:column;gap:.5rem;width:100%;display:flex}.text-input-label{font-family:var(--font-body);color:var(--on-surface-variant);font-size:.875rem;font-weight:500}.text-input-container{border:2px solid var(--duo-border);border-radius:var(--radius-md);background:#fff;border-bottom:3px solid #d4d4d4;align-items:center;transition:all .2s;display:flex;position:relative}.text-input-container:focus-within{border-color:var(--duo-blue);border-bottom-color:var(--duo-blue-hover);box-shadow:0 0 0 3px #1cb0f61f}.text-input-container.error{border-color:var(--error);box-shadow:0 0 10px #ff6e841a}.text-input-element{color:var(--text-primary);font-family:var(--font-body);background:#fff;border:none;outline:none;flex:1;width:100%;padding:.875rem 1rem;font-size:1rem}.text-input-element::placeholder{color:var(--outline)}.text-input-icon{color:var(--on-surface-variant);justify-content:center;align-items:center;padding:0 .875rem;display:flex}.text-input-icon.left{padding-right:0}.text-input-icon.right{padding-left:0}.text-input-error-msg{font-family:var(--font-body);color:var(--error);margin-top:.25rem;font-size:.75rem}.login-page-container{color:#0f172a;width:100vw;height:100vh;font-family:var(--font-body);background-color:#fff;display:flex;overflow:hidden}.auth-sidebar{background:linear-gradient(165deg,#eff6ff 0%,#ecfdf5 100%);border-right:1px solid #e2e8f0;flex-direction:column;flex:1.1;justify-content:space-between;padding:3rem;display:none;position:relative;overflow:hidden}@media (width>=1024px){.auth-sidebar{display:flex}}.sidebar-glow{pointer-events:none;filter:blur(60px);background:radial-gradient(#58cc021f 0%,#1cb0f614 50%,#0000 70%);width:110%;height:80%;position:absolute;top:30%;left:-20%}.sidebar-content{z-index:10;position:relative}.sidebar-logo{margin-bottom:4rem}.sidebar-headline{letter-spacing:-.05em;color:#0f172a;margin-bottom:2rem;font-size:3.5rem;font-weight:900;line-height:1.05}.text-gradient{background:linear-gradient(135deg,#10b981 0%,#0052ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-features{flex-direction:column;gap:2rem;max-width:420px;display:flex}.sidebar-feature{align-items:flex-start;gap:1.25rem;display:flex}.sidebar-feature-icon{color:#0052ff;background:#1cb0f614;border:1.5px solid #1cb0f633;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.sidebar-feature:hover .sidebar-feature-icon{background:#1cb0f624;border-color:#0052ff;transform:translateY(-2px);box-shadow:0 10px 20px -5px #1cb0f640}.sidebar-feature-text h4{color:#0f172a;margin-bottom:.375rem;font-size:1.125rem;font-weight:700}.sidebar-feature-text p{color:#64748b;font-size:.9375rem;line-height:1.6}.sidebar-footer{z-index:10;color:#afafaf;letter-spacing:.02em;font-size:.8125rem;position:relative}.auth-form-column{scrollbar-width:none;background:#fff;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:2rem;display:flex;position:relative;overflow-y:auto}.auth-form-column::-webkit-scrollbar{display:none}.login-ambient-1{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#1cb0f612 0%,#0000 70%);width:50%;height:50%;position:fixed;top:-10%;right:-5%}.login-ambient-2{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#58cc020f 0%,#0000 70%);width:40%;height:40%;position:fixed;bottom:0;left:10%}.back-to-landing{color:#64748b;z-index:200;background:#1cb0f60d;border:1px solid #1cb0f626;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:absolute;top:1.5rem;right:1.5rem}.back-to-landing:hover{color:#0052ff;background:#1cb0f61a;border-color:#1cb0f659;transform:translateY(-1px)}.login-glass-card{z-index:10;flex-direction:column;gap:2rem;width:100%;max-width:420px;margin:auto 0;padding:4rem 0 2rem;display:flex}.login-header{text-align:left}.mobile-only-logo{margin-bottom:2.5rem;display:none}@media (width<=1024px){.mobile-only-logo{margin-top:1rem;display:block}.login-header{text-align:center}}.login-title{letter-spacing:-.04em;color:#0f172a;margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.login-subtitle{color:#64748b;font-size:1rem;line-height:1.5}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-options{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.remember-me{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.remember-me input{accent-color:#10b981}.login-forgot-link{color:var(--primary);font-weight:500;text-decoration:none}.login-forgot-link:hover{color:var(--primary-dim);text-decoration:underline}.auth-error-message{color:#f43f5e;text-align:center;background:#ff4b4b0f;border:1px solid #ff4b4b33;border-radius:12px;padding:.75rem;font-size:.8125rem}.login-submit-btn{margin-top:.5rem;letter-spacing:.01em!important;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dim) 100%)!important;height:3.25rem!important;box-shadow:0 4px 12px var(--primary-glow)!important;font-size:.9375rem!important;font-weight:700!important;transition:all .2s!important}.login-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--primary-glow)!important}.login-footer{text-align:center;color:#64748b;font-size:.875rem}.login-footer-link{color:var(--duo-green);margin-left:.25rem;font-weight:700;text-decoration:none}.login-footer-link:hover{color:var(--duo-green-hover);text-decoration:underline}.portal-switcher{text-align:center;border-top:1px solid #e2e8f0;margin-top:.5rem;padding-top:1.5rem}.switcher-label{color:#afafaf;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.7rem}.switcher-links{justify-content:center;align-items:center;gap:1rem;display:flex}.switcher-links a{color:#64748b;font-size:.8125rem;text-decoration:none;transition:color .2s}.switcher-links a:hover{color:#0052ff}.switcher-links .dot{color:#e2e8f0}@media (width<=640px){.auth-form-column{padding:1.25rem}.login-title{font-size:2rem}.login-glass-card{padding-top:5rem}.back-to-landing{padding:.4rem .75rem;width:auto!important;max-width:fit-content!important;top:1rem!important;left:auto!important;right:1rem!important}}.admin-portal-page{background:#0a0c10;min-height:100vh;display:flex;position:relative;overflow:hidden}.admin-portal-left{z-index:1;flex-direction:column;flex:1;justify-content:center;padding:4rem 5rem;display:flex;position:relative}.admin-portal-bg-grid{pointer-events:none;background-image:linear-gradient(#fbbf2408 1px,#0000 1px),linear-gradient(90deg,#fbbf2408 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.admin-portal-bg-glow-1{pointer-events:none;background:radial-gradient(circle,#fbbf240f 0%,#0000 65%);border-radius:50%;width:700px;height:700px;position:absolute;top:-15%;left:-10%}.admin-portal-bg-glow-2{pointer-events:none;background:radial-gradient(circle,#fbbf240a 0%,#0000 65%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-20%;right:-5%}.admin-portal-badge{color:#fbbf24;letter-spacing:.08em;text-transform:uppercase;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-portal-tagline{letter-spacing:-.03em;color:#f8fafc;margin-bottom:1.25rem;font-size:clamp(2.25rem,4vw,3.5rem);font-weight:800;line-height:1.1}.admin-portal-tagline span{color:#fbbf24}.admin-portal-desc{color:#94a3b8;max-width:420px;margin-bottom:3rem;font-size:1rem;line-height:1.7}.admin-portal-stats{gap:2.5rem;display:flex}.admin-stat{flex-direction:column;gap:.25rem;display:flex}.admin-stat-value{color:#fbbf24;font-size:1.5rem;font-weight:700}.admin-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.admin-portal-right{background:#0f131bf2;border-left:1px solid #fbbf2414;flex-shrink:0;justify-content:center;align-items:center;width:480px;min-height:100vh;padding:2.5rem;display:flex;position:relative}.back-to-landing{color:#64748b;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:inline-flex;position:absolute;top:2rem;right:2rem}.back-to-landing:hover{color:#fff;background:#ffffff0f;border-color:#ffffff26}.admin-portal-card{flex-direction:column;gap:2rem;width:100%;display:flex}.admin-portal-logo{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.admin-portal-logo-icon{color:#0a0c10;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.admin-portal-logo-name{color:#f8fafc;font-size:1.125rem;font-weight:700}.admin-portal-logo-sub{color:#fbbf24;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600}.admin-portal-heading{color:#f8fafc;letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.admin-portal-subheading{color:#64748b;margin-top:.375rem;font-size:.875rem;line-height:1.5}.admin-portal-form{flex-direction:column;gap:1.25rem;display:flex}.admin-input-group{flex-direction:column;gap:.5rem;display:flex}.admin-input-label{color:#94a3b8;letter-spacing:.02em;font-size:.8125rem;font-weight:500}.admin-input-wrap{position:relative}.admin-input-icon{color:#475569;pointer-events:none;display:flex;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.admin-input{color:#f8fafc;box-sizing:border-box;background:#f8fafc0a;border:1px solid #f8fafc1a;border-radius:8px;outline:none;width:100%;padding:.75rem .875rem .75rem 2.625rem;font-size:.9375rem;transition:border-color .2s,background .2s}.admin-input:focus{background:#fbbf2408;border-color:#fbbf2480}.admin-input::placeholder{color:#334155}.admin-submit-btn{color:#0a0c10;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;transition:opacity .2s,transform .15s;display:flex}.admin-submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.admin-submit-btn:disabled{opacity:.5;cursor:not-allowed}.admin-portal-notice{color:#94a3b8;background:#fbbf240f;border:1px solid #fbbf2426;border-radius:8px;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.5;display:flex}.admin-portal-notice-icon{color:#fbbf24;flex-shrink:0;margin-top:1px}.admin-portal-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:.75rem 1rem;font-size:.8125rem}.admin-portal-back-link{text-align:center;color:#475569;margin-top:.5rem;font-size:.8125rem}.admin-portal-back-link a{color:#fbbf24;font-weight:500;text-decoration:none}.admin-portal-back-link a:hover{text-decoration:underline}@media (width<=900px){.admin-portal-page{flex-direction:column}.admin-portal-left{display:none}.admin-portal-right{border-left:none;width:100%;min-height:100vh;padding-top:5rem}.back-to-landing{width:auto;top:1rem;left:1rem;right:auto}}.hr-portal-page{background:var(--bg-app);min-height:100vh;display:flex;position:relative;overflow:hidden}.hr-portal-left{z-index:1;border-right:1px solid var(--border-subtle);flex-direction:column;flex:1;justify-content:center;padding:4rem 5rem;display:flex;position:relative}.hr-portal-bg-dots{pointer-events:none;background-image:radial-gradient(#0052ff0d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.hr-portal-bg-glow-1{pointer-events:none;background:radial-gradient(circle,#0052ff0a 0%,#0000 65%);border-radius:50%;width:650px;height:650px;position:absolute;top:-10%;right:-5%}.hr-portal-bg-glow-2{pointer-events:none;background:radial-gradient(circle,#10b98108 0%,#0000 65%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-15%;left:-10%}.hr-portal-badge{background:var(--primary-subtle);border:1px solid var(--border-emphasis);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex}.hr-portal-tagline{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.25rem;font-size:clamp(2rem,3.5vw,3rem);font-weight:800;line-height:1.15}.hr-portal-tagline span{color:var(--primary)}.hr-portal-desc{color:var(--text-secondary);max-width:400px;margin-bottom:3rem;font-size:1rem;line-height:1.7}.hr-portal-features{flex-direction:column;gap:1rem;display:flex}.hr-feature-item{color:var(--text-secondary);align-items:center;gap:.875rem;font-size:.9375rem;display:flex}.hr-feature-icon{background:var(--primary-subtle);border:1px solid var(--border-emphasis);width:36px;height:36px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hr-portal-right{background:var(--surface-1);border-left:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;width:480px;min-height:100vh;padding:2.5rem;display:flex}.hr-portal-card{flex-direction:column;gap:2rem;width:100%;display:flex}.hr-portal-logo-icon{background:var(--gradient-primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hr-portal-logo-sub{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600}.hr-portal-heading{color:var(--text-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.hr-portal-subheading{color:var(--text-secondary);margin-top:.375rem;font-size:.875rem;line-height:1.5}.hr-input{background:var(--surface-1);border:1px solid var(--border-default);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:.75rem .875rem .75rem 2.625rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.hr-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--surface-1)}.hr-input::placeholder{color:var(--text-tertiary)}.hr-submit-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dim) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:700;transition:opacity .2s,transform .15s;display:flex}.hr-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-1px)}.hr-submit-btn:disabled{opacity:.5;cursor:not-allowed}.hr-portal-notice{background:var(--primary-subtle);border:1px solid var(--border-emphasis);color:var(--text-secondary);border-radius:8px;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.5;display:flex}.hr-portal-notice-icon{color:var(--primary);flex-shrink:0;margin-top:1px}.hr-portal-back-link{text-align:center;color:var(--text-secondary);margin-top:.5rem;font-size:.8125rem}.hr-portal-back-link a{color:var(--primary);font-weight:600;text-decoration:none}.hr-portal-back-link a:hover{text-decoration:underline}.hr-invite-form-header{background:var(--primary-subtle);border:1px solid var(--border-emphasis);border-radius:8px;padding:1rem}.hr-invite-company{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.hr-invite-email{color:var(--text-primary);margin-top:.25rem;font-size:1rem;font-weight:700}.hr-portal-page .admin-portal-logo-name{color:var(--text-primary)}.hr-portal-page .admin-portal-error{background:var(--color-error-subtle);color:var(--color-error);border:1px solid #ef444440}@media (width<=900px){.hr-portal-page{flex-direction:column}.hr-portal-left{display:none}.hr-portal-right{border-left:none;width:100%;min-height:100vh}}.landing-page{min-height:100vh;color:var(--duo-text-dark,#0f172a);background-color:#fff;padding-top:80px;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.landing-nav{z-index:300;-webkit-backdrop-filter:blur(20px);border-bottom:3px solid var(--duo-border,#e2e8f0);background:#fffffff2;justify-content:space-between;align-items:center;height:80px;padding:.5rem 5vw;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav-center{display:none}@media (width>=1024px){.landing-nav-center{justify-content:center;align-items:center;display:flex}}.nav-header-container{border:2px solid var(--duo-border,#e2e8f0);border-bottom:4px solid var(--duo-border,#e2e8f0);background:#fff;border-radius:16px;margin:0;padding:.2rem;list-style:none;display:flex}.nav-header-container .nav-tab{z-index:1;cursor:pointer;text-transform:uppercase;color:var(--duo-text-dark,#0f172a);letter-spacing:.05em;padding:.5rem 1.2rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:800;position:relative}.nav-cursor{z-index:0;background:var(--duo-blue-subtle,#eff6ff);border:2px solid #1cb0f633;border-radius:10px;height:calc(100% - .4rem);position:absolute;top:.2rem}.landing-nav-actions.desktop-only{align-items:center;gap:1.5rem;display:none}@media (width>=1024px){.landing-nav-actions.desktop-only{display:flex}}.landing-nav-link{color:var(--duo-text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:800;text-decoration:none;transition:color .15s}.landing-nav-link:hover{color:var(--duo-blue,#0052ff)}.landing-nav-cta{background-color:var(--duo-green,#10b981);color:#fff;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 0 var(--btn-shadow-color,var(--duo-green-hover,#059669));border:none;border-radius:12px;padding:.6rem 1.25rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s;transform:translateY(0)}.landing-nav-cta:hover{background-color:#61e002}.landing-nav-cta:active{box-shadow:0 0px 0 var(--btn-shadow-color,var(--duo-green-hover,#059669));transform:translateY(4px)}.mobile-menu-toggle{border:2px solid var(--duo-border,#e2e8f0);border-bottom:4px solid var(--duo-border,#e2e8f0);color:var(--duo-text-dark,#0f172a);cursor:pointer;z-index:301;background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:.6rem;transition:transform .1s;display:flex}.mobile-menu-toggle:active{border-bottom-width:1.5px;transform:translateY(2px)}@media (width>=1024px){.mobile-menu-toggle{display:none}}.mobile-menu-overlay{z-index:299;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.mobile-menu-links{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.mobile-menu-links a,.mobile-menu-link{color:var(--duo-text-dark,#0f172a);text-transform:uppercase;letter-spacing:.05em;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;text-decoration:none}.mobile-menu-divider{background-color:var(--duo-border,#e2e8f0);width:100%;max-width:200px;height:2px;margin:.5rem 0}.mobile-menu-cta{text-align:center;background-color:var(--duo-green,#10b981);border-bottom:5px solid var(--duo-green-hover,#059669);color:#fff;text-transform:uppercase;border-radius:16px;width:100%;max-width:280px;padding:.9rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800;text-decoration:none}.hero-section{background:radial-gradient(circle at top, var(--duo-green-subtle,#ecfdf5) 0%, #fff 75%);border-bottom:3px solid var(--duo-border,#e2e8f0);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:4rem 5vw;display:flex;position:relative;overflow:hidden}.hero-bg-grid{pointer-events:none;z-index:1;background-image:linear-gradient(#58cc020a 1px,#0000 1px),linear-gradient(90deg,#58cc020a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 90%);mask-image:radial-gradient(#000 40%,#0000 90%)}.hero-content-split{z-index:10;grid-template-columns:1.1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1200px;display:grid;position:relative}.hero-text-side{flex-direction:column;display:flex}.hero-badge-tech{background-color:var(--duo-green-subtle,#ecfdf5);border:2px solid var(--duo-border,#e2e8f0);border-bottom:4px solid var(--duo-border,#e2e8f0);border-radius:12px;align-items:center;gap:8px;width:fit-content;margin-bottom:1.5rem;padding:6px 12px;font-size:.75rem;transition:all .2s;display:inline-flex}.hero-badge-tech:hover{border-color:var(--duo-green,#10b981);transform:translateY(-2px)}.tech-tag{background-color:var(--duo-green,#10b981);color:#fff;border-radius:6px;padding:2px 6px;font-weight:800}.tech-version,.tech-text{color:var(--duo-text-muted,#64748b);font-weight:700}.tech-divider{background-color:var(--duo-border,#e2e8f0);width:2px;height:12px}.hero-title-wrap{flex-wrap:wrap;justify-content:flex-start;gap:0 1rem;margin-bottom:1rem;display:flex}.hero-word{letter-spacing:-.02em;color:var(--duo-text-dark,#0f172a);font-family:Outfit,sans-serif;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:900;line-height:1.1;display:inline-block}.hero-word.accent{color:var(--duo-blue,#0052ff)}.hero-subtitle{color:var(--duo-text-muted,#64748b);max-width:580px;margin:.5rem 0 2rem;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.65}.hero-subtitle span{color:var(--duo-green-hover,#059669);font-weight:800}.hero-actions{justify-content:flex-start;align-items:center;gap:1.5rem;margin-top:2.5rem;margin-bottom:2rem;display:flex}.hero-actions .hero-cta-main,.hero-actions .hero-cta-secondary{border-radius:18px;min-height:56px;font-size:1.05rem}.hero-3d-side{justify-content:center;align-items:center;width:100%;min-height:480px;display:flex;position:relative}.hero-visual-shell{width:100%;height:480px;position:relative}.hero-3d-placeholder{background-color:var(--duo-blue-subtle,#eff6ff);border:3px dashed var(--duo-border,#e2e8f0);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;min-height:480px;animation:2s ease-in-out infinite placeholder-pulse;display:flex}.loading-spinner-duo{border:5px solid var(--duo-border,#e2e8f0);border-top:5px solid var(--duo-blue,#0052ff);border-radius:50%;width:44px;height:44px;animation:1s linear infinite duo-spin}.loading-text-duo{color:var(--duo-blue,#0052ff);letter-spacing:.05em;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800}@keyframes placeholder-pulse{0%,to{opacity:.6}50%{opacity:.95}}@keyframes duo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-visual-chip{z-index:20;border:2px solid var(--duo-border,#e2e8f0);border-bottom:4px solid var(--duo-border,#e2e8f0);color:var(--duo-text-dark,#0f172a);background:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:6px 12px;font-size:.75rem;font-weight:800;display:inline-flex;position:absolute}.hero-visual-chip-top{top:10%;left:5%}.hero-visual-chip-bottom{bottom:10%;right:5%}.robo-dialogue-v2{z-index:25;animation:4s ease-in-out infinite float-dialogue;position:absolute;top:15%;left:-20px}.dialogue-bubble-v2{border:2px solid var(--duo-border,#e2e8f0);border-bottom:5px solid var(--duo-border,#e2e8f0);background-color:#fff;border-radius:20px;max-width:260px;padding:1rem 1.5rem;box-shadow:0 8px 24px #00000008}.dialogue-tag{color:var(--duo-blue,#0052ff);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;font-size:.65rem;font-weight:900;display:block}.dialogue-text{color:var(--duo-text-dark,#0f172a);font-size:.85rem;font-weight:700;line-height:1.4}@keyframes float-dialogue{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ticker-section{border-bottom:3px solid var(--duo-border,#e2e8f0);background-color:var(--duo-blue-subtle,#eff6ff);padding:3rem 0;position:relative;overflow:hidden}.ticker-fade-left{background:linear-gradient(to right, var(--duo-blue-subtle,#eff6ff), transparent);z-index:2;width:15vw;position:absolute;top:0;bottom:0;left:0}.ticker-fade-right{background:linear-gradient(to left, var(--duo-blue-subtle,#eff6ff), transparent);z-index:2;width:15vw;position:absolute;top:0;bottom:0;right:0}.ticker-label{text-align:center;color:var(--duo-text-muted,#64748b);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-size:.8rem;font-weight:800}.ticker-track{gap:5rem;width:max-content;display:flex}.ticker-item{color:var(--duo-text-muted,#64748b);opacity:.65}.roadmap-section{border-bottom:3px solid var(--duo-border,#e2e8f0);background-color:#fff;padding:6rem 5vw}.section-header{text-align:center;margin-bottom:4rem}.section-tag-small{background:var(--duo-blue-subtle,#eff6ff);color:var(--duo-blue,#0052ff);text-transform:uppercase;letter-spacing:.05em;border:2px solid #1cb0f633;border-radius:999px;margin-bottom:1rem;padding:4px 12px;font-size:.7rem;font-weight:900;display:inline-block}.section-title{color:var(--duo-text-dark,#0f172a);letter-spacing:-.02em;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900}.section-subtitle{color:var(--duo-text-muted,#64748b);max-width:600px;margin:.5rem auto 0;font-size:1.1rem;line-height:1.5}.roadmap-path-wrapper{width:100%;margin:0 auto;position:relative}.roadmap-centered-content{width:600px;height:800px;margin:0 auto;position:relative}.roadmap-svg-line{z-index:1;pointer-events:none;width:600px;height:800px;position:absolute;top:0;left:0}.roadmap-svg-line path{transition:stroke-dashoffset .6s}.roadmap-steps{z-index:2;width:600px;height:800px;position:absolute;top:0;left:0}.roadmap-step-item{justify-content:center;align-items:center;width:84px;height:84px;display:flex;position:absolute;transform:translate(-50%,-50%)}.roadmap-node-btn{cursor:pointer;color:#fff;z-index:10;width:84px;height:84px;box-shadow:0 6px 0 var(--btn-shadow-color);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .1s;display:flex;position:relative}.roadmap-node-btn:active{transform:translateY(6px);box-shadow:0 0px 0 var(--btn-shadow-color)!important}.node-icon-wrap{justify-content:center;align-items:center;display:flex}.node-badge-num{background-color:var(--duo-text-dark,#0f172a);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:900;display:flex;position:absolute;top:-4px;right:-4px}.roadmap-mascot-bubble-wrap{opacity:0;pointer-events:none;align-items:center;gap:1rem;width:240px;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)scale(.95)}.roadmap-step-item.active .roadmap-mascot-bubble-wrap,.roadmap-step-item:hover .roadmap-mascot-bubble-wrap{opacity:1;pointer-events:auto;transform:translateY(-50%)scale(1)}.roadmap-step-item.left .roadmap-mascot-bubble-wrap{flex-direction:row-reverse;right:110px}.roadmap-step-item.right .roadmap-mascot-bubble-wrap{flex-direction:row;left:110px}.roadmap-mascot-avatar{background-color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #0000000d}.mascot-face{font-size:1.4rem}.roadmap-dialogue-bubble{border:2px solid var(--duo-border,#e2e8f0);border-bottom:5px solid var(--duo-border,#e2e8f0);text-align:left;background-color:#fff;border-radius:18px;flex:1;padding:.8rem 1.1rem;position:relative;box-shadow:0 6px 18px #00000005}.bubble-tag{text-transform:uppercase;letter-spacing:.08em;margin-bottom:.15rem;font-size:.65rem;font-weight:900}.bubble-title{color:var(--duo-text-dark,#0f172a);margin-bottom:.15rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800}.bubble-text{color:var(--duo-text-muted,#64748b);margin:0;font-size:.72rem;font-weight:600;line-height:1.35}.bubble-arrow{z-index:2;border-top:8px solid #0000;border-bottom:8px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.roadmap-step-item.left .bubble-arrow{filter:drop-shadow(2px 0 .5px var(--duo-border));border-left:10px solid #fff;right:-10px}.roadmap-step-item.right .bubble-arrow{filter:drop-shadow(-2px 0 .5px var(--duo-border));border-right:10px solid #fff;left:-10px}.roadmap-step-item:hover .roadmap-mascot-bubble-wrap{transform:translateY(-50%)scale(1.03)}.roadmap-step-item.active .roadmap-node-btn{box-shadow:0 0 0 6px #58cc024d, 0 6px 0 var(--btn-shadow-color);animation:2s ease-in-out infinite active-node-pulse;transform:scale(1.1)}@keyframes active-node-pulse{0%,to{box-shadow:0 0 0 4px #58cc024d, 0 6px 0 var(--btn-shadow-color)}50%{box-shadow:0 0 0 10px #58cc0280, 0 6px 0 var(--btn-shadow-color)}}.interactive-lesson-card{border:3px solid var(--duo-border,#e2e8f0);border-bottom:8px solid var(--duo-border,#e2e8f0);background:#fff;border-radius:24px;flex-direction:column;gap:1.5rem;width:100%;max-width:440px;padding:2.25rem 2rem;display:flex;box-shadow:0 16px 40px #00000008}.lesson-header{flex-direction:column;gap:.5rem;display:flex}.lesson-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--duo-text-muted,#64748b);font-family:Outfit,sans-serif;font-size:.72rem;font-weight:900}.lesson-progress-bar{background:var(--surface-2,#f7f7f7);border-radius:999px;height:12px;overflow:hidden}.lesson-progress-fill{background:var(--duo-green,#10b981);border-radius:999px;height:100%;transition:width .4s}.lesson-progress-fill-preview{width:70%}.lesson-question-box{align-items:flex-start;gap:1rem;display:flex}.lesson-mascot-avatar{flex-shrink:0;font-size:2.4rem}.lesson-bubble{border:2px solid var(--duo-border,#e2e8f0);border-bottom:4px solid var(--duo-border,#e2e8f0);color:var(--duo-text-dark,#0f172a);text-align:left;background:#fff;border-radius:16px;padding:.8rem 1.2rem;font-size:.95rem;font-weight:700;line-height:1.45;position:relative}.lesson-bubble:after{content:"";filter:drop-shadow(-2px 0 .5px var(--duo-border));border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:10px solid #fff;position:absolute;top:18px;left:-10px}.lesson-options-list{flex-direction:column;gap:.75rem;display:flex}.lesson-option-btn{border:2px solid var(--duo-border,#e2e8f0);border-bottom:5px solid var(--duo-border,#e2e8f0);color:var(--duo-text-dark,#0f172a);cursor:pointer;text-align:left;background:#fff;border-radius:18px;outline:none;align-items:center;gap:1rem;width:100%;padding:1.1rem 1.3rem;font-size:.9rem;font-weight:700;transition:background-color .15s,border-color .15s;display:flex}.lesson-option-btn:hover:not(:disabled){background-color:#f7f7f7}.lesson-option-btn.selected{border-color:var(--duo-blue,#0052ff);border-bottom-color:var(--duo-blue-hover,#0041cc);background:var(--duo-blue-subtle,#eff6ff);color:var(--duo-blue-hover,#0041cc)}.lesson-option-btn.correct{border-color:var(--duo-green,#10b981);border-bottom-color:var(--duo-green-hover,#059669);background:var(--duo-green-subtle,#ecfdf5);color:var(--duo-green-hover,#059669)}.lesson-option-btn.incorrect{border-color:var(--duo-red,#f43f5e);border-bottom-color:var(--duo-red-hover,#e11d48);background:var(--duo-red-subtle,#fff1f2);color:var(--duo-red-hover,#e11d48)}.option-letter{border:2px solid var(--duo-border,#e2e8f0);border-bottom:4px solid var(--duo-border,#e2e8f0);width:30px;height:30px;color:var(--duo-text-muted,#64748b);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.lesson-option-btn.selected .option-letter{border-color:var(--duo-blue,#0052ff);border-bottom-color:var(--duo-blue-hover,#0041cc);color:var(--duo-blue,#0052ff)}.lesson-option-btn.correct .option-letter{border-color:var(--duo-green,#10b981);border-bottom-color:var(--duo-green-hover,#059669);color:var(--duo-green,#10b981)}.lesson-option-btn.incorrect .option-letter{border-color:var(--duo-red,#f43f5e);border-bottom-color:var(--duo-red-hover,#e11d48);color:var(--duo-red,#f43f5e)}.lesson-footer{min-height:52px;margin-top:.5rem}.lesson-result-drawer{text-align:left;border:2px solid;border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.lesson-result-drawer.correct{border-color:var(--duo-green,#10b981);background-color:var(--duo-green-subtle,#ecfdf5);color:var(--duo-green-hover,#059669)}.lesson-result-drawer.incorrect{border-color:var(--duo-red,#f43f5e);background-color:var(--duo-red-subtle,#fff1f2);color:var(--duo-red-hover,#e11d48)}.result-text-wrap{align-items:flex-start;gap:.85rem;display:flex}.result-icon{font-size:1.6rem}.result-text-block{flex-direction:column;gap:.2rem;display:flex}.result-status{margin:0;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:900}.result-explanation{color:var(--duo-text-dark,#0f172a);margin:0;font-size:.82rem;font-weight:600;line-height:1.4}.check-btn,.continue-btn{width:100%;padding:.85rem;font-size:.95rem}.pc-showcase-section{background-color:var(--duo-blue-subtle,#eff6ff);border-bottom:3px solid var(--duo-border,#e2e8f0);padding:6rem 5vw}.showcase-container{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;max-width:1200px;margin:0 auto;display:grid}.showcase-text{flex-direction:column;display:flex}.showcase-tag{color:var(--duo-blue,#0052ff);text-transform:uppercase;letter-spacing:.05em;background:#fff;border:2px solid #1cb0f633;border-bottom-width:4px;border-radius:999px;width:fit-content;margin-bottom:1rem;padding:4px 12px;font-size:.7rem;font-weight:800;display:inline-block}.showcase-title{color:var(--duo-text-dark,#0f172a);margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:900;line-height:1.2}.showcase-desc{color:var(--duo-text-muted,#64748b);font-size:1.05rem;line-height:1.6}.showcase-visual{justify-content:center;display:flex}.story-chapters-container{background-color:#f7f7f7;padding:2rem 0}.unit-section{background:#fff;border-radius:28px;max-width:1100px;margin:6rem auto;padding:3.5rem;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000005}.unit-section:hover{transform:translateY(-6px)scale(1.005);box-shadow:0 20px 48px #0000000d}.unit-section:active{transform:translateY(2px)scale(.998)}.unit-green{border:3px solid var(--duo-green,#10b981);border-bottom:8px solid var(--duo-green-hover,#059669)}.unit-red{border:3px solid var(--duo-red,#f43f5e);border-bottom:8px solid var(--duo-red-hover,#e11d48)}.unit-purple{border:3px solid var(--duo-purple,#8b5cf6);border-bottom:8px solid var(--duo-purple-hover,#7c3aed)}.unit-orange{border:3px solid var(--duo-orange,#f97316);border-bottom:8px solid var(--duo-orange-hover,#ea580c)}.unit-blue{border:3px solid var(--duo-blue,#0052ff);border-bottom:8px solid var(--duo-blue-hover,#0041cc)}.unit-flex-split{z-index:5;grid-template-columns:1fr .9fr;align-items:center;gap:3.5rem;display:grid;position:relative}.unit-red .unit-flex-split,.unit-orange .unit-flex-split{grid-template-columns:.9fr 1fr}.unit-badge{background-color:var(--duo-text-dark,#0f172a);color:#fff;letter-spacing:.1em;border-radius:8px;margin-bottom:1.25rem;padding:4px 14px;font-size:.72rem;font-weight:900;display:inline-block}.unit-title{color:var(--duo-text-dark,#0f172a);margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:900;line-height:1.15}.unit-desc{color:var(--duo-text-muted,#64748b);margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.unit-feature-list{flex-direction:column;gap:.85rem;margin:0 0 2.5rem;padding:0;list-style:none;display:flex}.unit-feature-list li{color:var(--duo-text-dark,#0f172a);align-items:center;gap:.85rem;font-size:1rem;font-weight:700;line-height:1.5;display:flex}.feat-check{border-radius:50%;flex-shrink:0;padding:2px;box-shadow:0 2px 6px #00000005}.unit-green .feat-check{color:var(--duo-green,#10b981);background-color:var(--duo-green-subtle,#ecfdf5)}.unit-red .feat-check{color:var(--duo-red,#f43f5e);background-color:var(--duo-red-subtle,#fff1f2)}.unit-purple .feat-check{color:var(--duo-purple,#8b5cf6);background-color:var(--duo-purple-subtle,#f5f3ff)}.unit-orange .feat-check{color:var(--duo-orange,#f97316);background-color:var(--duo-orange-subtle,#fff7ed)}.unit-blue .feat-check{color:var(--duo-blue,#0052ff);background-color:var(--duo-blue-subtle,#eff6ff)}.unit-visual-side{justify-content:center;align-items:center;display:flex}.unit-graphic-shell{background-color:var(--duo-blue-subtle,#eff6ff);border:2px solid var(--duo-border,#e2e8f0);border-bottom:5px solid var(--duo-border,#e2e8f0);border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:420px;padding:1.5rem;display:flex;box-shadow:inset 0 2px 4px #00000005}.unit-green .unit-graphic-shell{background-color:var(--duo-green-subtle,#ecfdf5)}.unit-red .unit-graphic-shell{background-color:var(--duo-red-subtle,#fff1f2)}.unit-purple .unit-graphic-shell{background-color:var(--duo-purple-subtle,#f5f3ff)}.unit-orange .unit-graphic-shell{background-color:var(--duo-orange-subtle,#fff7ed)}.unit-blue .unit-graphic-shell{background-color:var(--duo-blue-subtle,#eff6ff)}.landing-footer-cta{text-align:center;background:radial-gradient(circle at bottom, var(--duo-green-subtle,#ecfdf5) 0%, #fff 80%);border-top:3px solid var(--duo-border,#e2e8f0);padding:8rem 5vw;position:relative;overflow:hidden}.cta-title{letter-spacing:-.03em;color:var(--duo-text-dark,#0f172a);margin-bottom:2rem;font-family:Outfit,sans-serif;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900}.premium-footer{background-color:var(--duo-text-dark,#0f172a);border-top:3px solid var(--duo-border,#e2e8f0);padding:6rem 5vw 3rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto 3rem;display:grid}.footer-brand p{color:#afafaf;max-width:320px;margin-top:1.25rem;font-size:.9rem;line-height:1.6}.footer-col h4{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800}.footer-col ul{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.footer-col a{color:#afafaf;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .15s}.footer-col a:hover{color:var(--duo-green,#10b981)}.footer-bottom{color:#afafaf;border-top:2px solid #4b4b4b;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding-top:2rem;font-size:.82rem;font-weight:600;display:flex}.footer-socials{gap:1.5rem;display:flex}.footer-socials a{color:#afafaf;font-weight:600;text-decoration:none;transition:color .15s}.footer-socials a:hover{color:var(--duo-green,#10b981)}.mobile-only{display:none}.desktop-only{display:block}@media (width<=1024px){.hero-content-split{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-badge-tech,.hero-actions{justify-content:center;align-self:center}.hero-title-wrap{justify-content:center}.hero-subtitle{max-width:100%}.hero-3d-side{height:auto;min-height:auto}.robo-dialogue-v2{display:none}.showcase-container{text-align:center;grid-template-columns:1fr;gap:3rem}.showcase-tag{align-self:center}}@media (width<=768px){.mobile-only{display:block}.desktop-only{display:none}.landing-page{padding-top:70px}.landing-nav{height:70px}.roadmap-path-wrapper{padding-left:20px;padding-right:20px;position:relative}.roadmap-line-connector{z-index:1;background:repeating-linear-gradient(#0000,#0000 8px,#e2e8f0 8px 16px);width:8px;position:absolute;top:0;bottom:0;left:46px}.roadmap-steps-mobile{z-index:2;flex-direction:column;gap:3rem;display:flex;position:relative}.roadmap-step-item-mobile{align-items:center;gap:1.5rem;width:100%;display:flex;position:relative}.roadmap-node-btn-mobile{cursor:pointer;color:#fff;z-index:10;width:60px;height:60px;box-shadow:0 6px 0 var(--btn-shadow-color);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .1s;display:flex;position:relative}.roadmap-node-btn-mobile:active{transform:translateY(6px);box-shadow:0 0px 0 var(--btn-shadow-color)!important}.roadmap-mascot-bubble-wrap-mobile{flex:1;align-items:center;gap:.75rem;display:flex}.roadmap-step-item-mobile .roadmap-mascot-avatar{width:36px;height:36px}.roadmap-step-item-mobile .mascot-face{font-size:1.1rem}.roadmap-step-item-mobile .roadmap-dialogue-bubble{border-radius:14px;padding:.6rem .9rem}.roadmap-step-item-mobile .bubble-arrow{filter:drop-shadow(-2px 0 .5px var(--duo-border));border-left:none;border-right:10px solid #fff;left:-10px}.hero-actions{flex-direction:column;gap:1rem;width:100%;padding:0 1rem}.hero-actions .hero-cta-main,.hero-actions .hero-cta-secondary{width:100%;padding:1.1rem 2rem}.unit-flex-split{text-align:center;gap:2.5rem;grid-template-columns:1fr!important}.unit-badge{align-self:center}.unit-feature-list{align-items:center}.unit-visual-side{order:2}.unit-text-side{order:1}.unit-section{margin:3rem 1rem;padding:2.5rem 1.5rem}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{flex-direction:column;gap:1rem}}.hero-mobile-visual-wrap{background-color:var(--duo-green-subtle,#ecfdf5);border:3px solid var(--duo-border,#e2e8f0);border-bottom:8px solid var(--duo-border,#e2e8f0);border-radius:24px;justify-content:center;align-items:center;width:100%;max-width:400px;margin:0 auto;padding:1rem;display:flex;box-shadow:0 12px 32px #00000008}.hero-mobile-image{aspect-ratio:4/3;border-radius:16px;width:100%;height:auto;display:block}.course-landing-page{max-width:1200px;padding:var(--space-4) 0;gap:var(--space-6);background-color:#0000;flex-direction:column;margin:0 auto;display:flex}.course-landing-hero-banner{border-radius:var(--radius-xl);padding:2rem 2.25rem}.course-landing-hero-inner{z-index:1;gap:var(--space-3);flex-direction:column;display:flex;position:relative}.course-landing-hero-title{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;text-shadow:0 2px 10px #00000026;margin:0;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:900;line-height:1.15}.course-landing-hero-subtitle{color:#fffffff2;font-size:var(--font-size-md);max-width:640px;margin:0;line-height:1.5}@media (width>=768px){.course-landing-page{padding:var(--space-8) var(--space-6)}}.course-landing-back-btn{align-items:center;gap:var(--space-2);color:var(--text-secondary);cursor:pointer;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;width:fit-content;transition:color .2s;display:flex}.course-landing-back-btn:hover{color:var(--primary)}.course-landing-grid{gap:var(--space-6);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=992px){.course-landing-grid{gap:var(--space-8);grid-template-columns:1fr 360px}}.course-landing-left{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.course-landing-hero-meta{gap:var(--space-4);font-size:var(--font-size-sm);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.course-landing-hero-meta strong{color:#fff}.course-landing-outcomes-grid{gap:var(--space-3);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=480px){.course-landing-outcomes-grid{grid-template-columns:repeat(2,1fr)}}.course-landing-outcome-item{gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-medium);align-items:flex-start;display:flex}.course-landing-curriculum{gap:var(--space-2);flex-direction:column;display:flex}.course-landing-reviews-panel{gap:var(--space-4);flex-direction:column;display:flex}.course-landing-reviews-list{gap:var(--space-3);flex-direction:column;display:flex}.course-landing-review-card{padding:var(--space-4)}.course-landing-aside{position:relative}@media (width>=992px){.course-landing-aside{position:sticky;top:5rem}}.course-landing-preview-thumb{border:1px solid var(--border-default);border-radius:var(--radius-md);justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.course-landing-preview-overlay{background:radial-gradient(circle at 30%,#1cb0f640 0%,#0000 70%);position:absolute;inset:0}.course-landing-play-btn{background:var(--duo-blue);border-bottom:4px solid var(--duo-blue-hover);cursor:pointer;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 6px 20px #1cb0f659}.course-landing-play-btn:hover{transform:scale(1.05);box-shadow:0 8px 28px #1cb0f673}.course-landing-features{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-default);flex-direction:column;display:flex}.placements-page{max-width:1200px;min-height:100%;font-family:var(--font-body);background:0 0;flex-direction:column;gap:1.25rem;margin:0 auto;padding:1rem 0;display:flex}.interview-banner-container{flex-direction:column;gap:.625rem;display:flex}.interview-banner{border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;animation:.4s cubic-bezier(.34,1.56,.64,1) bannerSlideIn;display:flex;position:relative;overflow:hidden}.interview-banner--live{background:linear-gradient(135deg,#ef44441f,#ef44440f);border:1px solid #ef44444d;box-shadow:0 0 30px #ef44441f,inset 0 1px #ffffff0a}.interview-banner--scheduled{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid #f59e0b47;box-shadow:0 0 24px #f59e0b14}.interview-banner__pulse-ring{pointer-events:none;background:radial-gradient(circle,#ef444433 0%,#0000 70%);border-radius:50%;width:120px;height:120px;animation:2.5s ease-in-out infinite pulseRing;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.interview-banner__icon-wrap{color:#ef4444;z-index:1;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;animation:2s ease-in-out infinite iconPulse;display:flex}.interview-banner__icon-wrap--amber{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b47;animation:none}.interview-banner__body{z-index:1;flex:1;min-width:0}.interview-banner__title{color:var(--text-primary);margin:0 0 .15rem;font-size:.9rem;font-weight:700}.interview-banner__meta{color:var(--text-secondary);font-size:.775rem}.interview-banner__cta{background:var(--duo-blue);color:#fff;cursor:pointer;z-index:1;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #1cb0f64d}.interview-banner__cta:hover{background:var(--duo-blue-hover);transform:translateY(-1px);box-shadow:0 6px 16px #1cb0f666}.interview-banner__cta--amber{background:var(--warning,#f59e0b);box-shadow:0 4px 12px #f59e0b4d}.interview-banner__cta--amber:hover{background:#d97706;box-shadow:0 6px 16px #f59e0b66}.font-serif{font-family:var(--font-display)!important}.font-mono{font-family:var(--font-mono)!important}.placements-header{border-radius:var(--radius-xl,16px);background-color:#0052ff;background-image:radial-gradient(circle at 15% 15%,#58cc02f2 0%,#0000 60%),radial-gradient(circle at 85% 85%,#00f2fee6 0%,#0000 65%),radial-gradient(circle,#ce82ff59 0%,#0000 70%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.18'/%3E%3C/svg%3E"),linear-gradient(135deg,#0052ff 0%,#10b981 100%);border:2px solid #ffffff40;border-bottom:5px solid #0003;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:1.75rem 2rem;display:flex;box-shadow:0 10px 25px -5px #1cb0f647}.placements-badge{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#fff3;border:1px solid #ffffff59;border-radius:99px;align-items:center;gap:.375rem;width:fit-content;margin-bottom:.625rem;padding:.3rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.placements-title-section{flex-direction:column;display:flex}.placements-title{letter-spacing:-.03em;color:#fff;font-size:clamp(1.5rem,4vw,1.875rem);font-weight:900;font-family:var(--font-display);text-shadow:0 2px 10px #00000026;margin:0}.placements-subtitle{color:#fffffff2;margin:.25rem 0 0;font-size:.875rem;font-weight:500}.placements-view-toggle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border:1px solid #ffffff59;border-radius:10px;gap:2px;padding:3px;display:flex}.view-btn{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.375rem;padding:.45rem .75rem;font-size:.75rem;font-weight:700;transition:all .15s;display:flex}.view-btn.active{color:var(--duo-blue-hover);background:#fff;box-shadow:0 2px 8px #0000001f}.global-resume-section{background:linear-gradient(135deg, #fff 0%, var(--duo-blue-subtle) 100%);border:2px solid var(--duo-blue);border-bottom:4px solid var(--duo-blue-hover);border-radius:14px;flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:.5rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 6px 20px #1cb0f61a}.global-resume-header{flex:1;align-items:flex-start;gap:1rem;display:flex}.global-resume-icon-wrap{background:#1cb0f61a;border:1px solid #1cb0f633;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.global-resume-copy{flex-direction:column;gap:.25rem;display:flex}.global-resume-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:700}.global-resume-description{color:var(--text-secondary);margin:0;font-size:.775rem;line-height:1.5}.global-resume-dropzone-wrap{flex-shrink:0;width:320px;min-width:0}.placements-stats{grid-template-columns:repeat(4,1fr);gap:.875rem;display:grid}.stat-card{border:2px solid var(--duo-border);border-bottom:4px solid var(--duo-border);background:#fff;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:90px;padding:1rem 1.25rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a}.stat-card:hover{border-color:var(--duo-blue);transform:translateY(-2px);box-shadow:0 8px 24px #1cb0f61f}.stat-card:after{content:"";background:var(--accent-color,var(--primary));opacity:.4;height:2px;position:absolute;bottom:0;left:0;right:0}.stat-icon{opacity:.8;position:absolute;top:1rem;right:1.25rem}.stat-value{font-size:1.75rem;font-weight:800;line-height:1.2}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;font-size:.7rem;font-weight:700}.stat-trend{color:var(--text-secondary);border-top:1px solid var(--duo-border);margin-top:.5rem;padding-top:.5rem;font-size:.7rem}.stat-card.skeleton{gap:.5rem;padding:1.25rem}.history-section{border:2px solid var(--duo-border);background:#fff;border-radius:12px;flex-direction:column;gap:.625rem;padding:1rem 1.25rem;display:flex}.history-section__header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.history-section__count{background:var(--surface-2);color:var(--text-secondary);border-radius:99px;margin-left:auto;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.history-list{flex-direction:column;gap:.5rem;display:flex}.history-row{background:var(--surface-2);border:1px solid var(--duo-border);border-radius:8px;align-items:center;gap:.75rem;padding:.625rem .875rem;transition:all .15s;display:flex}.history-row:hover{background:var(--duo-blue-subtle);border-color:var(--duo-blue)}.history-row__logo{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:flex}.history-row__body{flex:1;min-width:0}.history-row__company{color:var(--text-primary);font-size:.8125rem;font-weight:700}.history-row__status{color:var(--success,#10b981);background:#10b98114;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.675rem;font-weight:700;display:flex}.history-see-more{color:var(--duo-blue-hover);cursor:pointer;background:0 0;border:none;align-self:center;align-items:center;gap:.25rem;width:fit-content;padding:.375rem .5rem;font-size:.725rem;font-weight:700;display:flex}.history-see-more:hover{color:var(--duo-blue-hover)}.placements-filters{align-items:center;gap:.75rem;display:flex}.search-well{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:.875rem}.search-input{border:2px solid var(--duo-border);width:100%;color:var(--text-primary);background:#fff;border-bottom:3px solid #d4d4d4;border-radius:8px;padding:.5rem 2.25rem;font-size:.8125rem;transition:all .2s}.search-input:focus{border-color:var(--duo-blue);border-bottom-color:var(--duo-blue-hover);background:#fff;outline:none;box-shadow:0 0 0 3px #1cb0f61f}.search-clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;font-size:.8rem;position:absolute;right:.875rem}.search-clear:hover{color:var(--text-secondary)}.filter-toggle{border:2px solid var(--duo-border);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .875rem;font-size:.75rem;font-weight:700;transition:all .15s;display:flex}.filter-toggle:hover{background:var(--surface-2);color:var(--text-primary)}.filter-toggle.active{color:var(--duo-blue-hover);background:#1cb0f61f;border-color:#1cb0f64d}.sort-select{border:2px solid var(--duo-border);color:var(--text-secondary);cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(148, 163, 184, 0.8)' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;background-size:.8rem;border-radius:8px;padding:.5rem 1.75rem .5rem .875rem;font-size:.75rem;font-weight:700;transition:all .15s}.sort-select:hover{background-color:var(--surface-2);color:var(--text-primary)}.sort-select:focus{border-color:var(--duo-blue);outline:none;box-shadow:0 0 0 3px #1cb0f61f}.loading-spinner{color:var(--text-tertiary);animation:1s linear infinite spin}.filter-panel{border:2px solid var(--duo-border);background:#fff;border-radius:10px;gap:1.5rem;padding:1.125rem;animation:.2s cubic-bezier(.16,1,.3,1) filterOpen;display:flex}@keyframes filterOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.filter-group{flex-direction:column;gap:.375rem;min-width:140px;display:flex}.filter-group label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:.675rem;font-weight:700}.filter-pills{flex-wrap:wrap;gap:.375rem;display:flex}.filter-pill{border:2px solid var(--duo-border);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:6px;padding:.375rem .625rem;font-size:.725rem;font-weight:700;transition:all .15s}.filter-pill:hover{background:var(--surface-2);color:var(--text-primary)}.filter-pill.active{background:var(--duo-blue);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #1cb0f640}.role-select{border:2px solid var(--duo-border);color:var(--text-secondary);cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(148, 163, 184, 0.8)' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.7rem;border-radius:6px;padding:.375rem 1.75rem .375rem .625rem;font-size:.725rem;font-weight:700}.role-select:hover{color:var(--text-primary);border-color:var(--duo-blue)}.role-select:focus{border-color:var(--duo-blue);outline:none;box-shadow:0 0 0 3px #1cb0f61f}.cgpa-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding-top:.25rem;display:inline-flex}.cgpa-toggle input{display:none}.cgpa-toggle__track{background:var(--surface-2);border:1px solid var(--duo-border);border-radius:99px;width:32px;height:18px;transition:all .2s;position:relative}.cgpa-toggle__track:after{content:"";background:var(--text-secondary);border-radius:50%;width:12px;height:12px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px}.cgpa-toggle input:checked+.cgpa-toggle__track{background:var(--success,#10b981);border-color:var(--success)}.cgpa-toggle input:checked+.cgpa-toggle__track:after{background:#fff;left:16px}.cgpa-toggle__label{color:var(--text-secondary);font-size:.75rem}.drives-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.5rem 1rem;display:grid}.placements-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.775rem;display:flex}.drive-card-pro{cursor:pointer;outline:none;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;transition:none!important}.folder-preview{margin-top:1.125rem}.folder-tab{border:2px solid var(--duo-border);height:19px;color:var(--text-secondary);z-index:10;pointer-events:none;background:#fff;border-bottom:none;border-top-left-radius:9px;border-top-right-radius:0;justify-content:center;align-items:center;padding:0 .5rem 0 1rem;transition:all .25s;display:flex;position:absolute;top:-18px;left:0}.folder-tab:before{content:"";background:inherit;border-top:2px solid var(--duo-border);border-right:2px solid var(--duo-border);transform-origin:0 100%;z-index:10;border-top-right-radius:4px;width:10px;height:19px;position:absolute;top:-1px;right:-9px;transform:skew(24deg)}.drive-card-inner{border:2px solid var(--duo-border);z-index:5;background:#fff;border-bottom-width:4px;border-top-right-radius:14px;border-bottom-right-radius:14px;border-bottom-left-radius:14px;flex-direction:column;gap:.875rem;min-height:160px;padding:1.25rem 1.25rem 1.125rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #0000000f;border-top-left-radius:0!important}.drive-card-inner:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff03 0%,#0000 60%);position:absolute;inset:0}.drive-card-pro:hover .drive-card-inner{border-color:#1cb0f638;transform:translateY(-2px);box-shadow:0 8px 30px #1cb0f612}.drive-card-pro:hover .folder-tab{background:var(--duo-blue-subtle);color:var(--duo-blue-hover);border-color:#1cb0f638}.drive-card-pro:hover .folder-tab:before{border-color:#1cb0f638}.drive-card-pro:focus-visible .drive-card-inner{border-color:#1cb0f673;box-shadow:0 0 0 3px #1cb0f626}.folder-expanded .drive-card-inner{background:#fff;border-color:#1cb0f64d;box-shadow:0 16px 36px #1cb0f624;transform:translateY(0)!important}.folder-expanded .folder-tab{background:var(--duo-blue-subtle);color:var(--duo-blue-hover);border-color:#1cb0f64d;font-weight:700}.folder-expanded .folder-tab:before{border-color:#1cb0f64d}.drive-card-top{justify-content:space-between;align-items:flex-start;gap:.875rem;display:flex}.drive-company{align-items:flex-start;gap:.875rem;min-width:0;display:flex}.drive-logo{color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:inset 0 1px #fff3,0 2px 8px #00000059}.drive-company-copy{min-width:0}.drive-company-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:.95rem;font-weight:700;line-height:1.25;overflow:hidden}.drive-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.8rem;overflow:hidden}.drive-roles{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:240px;margin-top:.3rem;font-size:.675rem;overflow:hidden}.drive-meta-grid{border-top:1px solid var(--duo-border);border-bottom:1px solid var(--duo-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.5rem 0;display:grid}.drive-meta-item{background:var(--surface-2);color:var(--text-secondary);border:1px solid #0000;border-radius:6px;align-items:center;gap:.35rem;min-width:0;padding:.375rem .5rem;font-size:.725rem;display:flex}.drive-meta-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.drive-meta-item--urgent{color:#fca5a5;background:#ef444412;border-color:#ef444426;font-weight:600}.drive-eligibility{color:#f59e0b;background:#f59e0b0a;border:1px solid #f59e0b1f;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.4rem;width:fit-content;padding:.375rem .5rem;font-size:.725rem;display:flex}.drive-eligibility__dot{color:#ffffff26;margin:0 .15rem}.drive-card-actions{align-items:center;gap:.625rem;padding-top:.25rem;display:flex}.drive-details-btn{border:2px solid var(--duo-border);color:var(--text-secondary);cursor:pointer;background:#fff;border-bottom:3px solid #d4d4d4;border-radius:6px;align-items:center;gap:.3rem;padding:.45rem .75rem;font-size:.725rem;font-weight:700;transition:all .15s;display:flex}.drive-details-btn:hover{color:var(--text-primary);border-color:var(--duo-blue)}.drive-details-btn.active{background:var(--duo-blue-subtle);color:var(--duo-blue-hover);border-color:var(--duo-blue)}.drive-apply-btn{border:2px solid var(--duo-blue);border-bottom:3px solid var(--duo-blue-hover);color:var(--duo-blue-hover);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:.375rem;margin-left:auto;padding:.45rem .875rem;font-size:.725rem;font-weight:700;transition:all .15s;display:flex}.drive-apply-btn:hover:not(:disabled){background:var(--duo-blue-subtle);color:var(--duo-blue);border-color:#1cb0f673;transform:translateY(-1px);box-shadow:0 4px 12px #1cb0f633}.drive-apply-btn:disabled{opacity:.5;cursor:not-allowed}.drive-selected-chip{color:#4ade80;background:#22c55e14;border:1px solid #22c55e33;border-radius:20px;align-items:center;gap:.35rem;margin-left:auto;padding:.375rem .75rem;font-size:.725rem;font-weight:700;display:flex}.drive-skeleton{border-radius:12px!important;flex-direction:column!important;gap:.875rem!important;padding:1.125rem!important;display:flex!important}.drive-expanded-content{border-top:1px solid var(--duo-border);margin-top:1rem;padding-top:1rem}.drive-expanded-grid{flex-direction:column;gap:1.25rem;display:flex}.drive-expanded-left{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.drive-expanded-right{flex-direction:column;gap:1rem;display:flex}.drive-expanded-section{flex-direction:column;gap:.5rem;display:flex}.drive-expanded-section.card-style{background:var(--surface-2);border:1px solid var(--duo-border);border-radius:8px;padding:1rem}.drive-expanded-section.card-style.accent{background:#1cb0f605;border-color:#1cb0f626}.drive-expanded-h4{color:var(--text-primary);border-left:2px solid var(--duo-blue);letter-spacing:-.01em;margin:0;padding-left:.5rem;font-size:.9rem;font-weight:700}.drive-expanded-h5{color:var(--text-primary);letter-spacing:.02em;margin:0 0 .25rem;font-size:.8rem;font-weight:700}.drive-expanded-text{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.55}.drive-expanded-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.drive-expanded-li{color:var(--text-secondary);align-items:flex-start;gap:.5rem;font-size:.8rem;line-height:1.5;display:flex}.drive-expanded-li .bullet{margin-top:.15rem;font-size:.65rem}.drive-rounds-accordion{flex-direction:column;gap:.375rem;display:flex}.drive-round-item{border:1px solid var(--duo-border);background:#fff;border-radius:6px;overflow:hidden}.drive-round-trigger{cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.55rem .75rem;transition:all .2s;display:flex}.drive-round-trigger:hover{background:var(--surface-2);color:var(--text-primary)}.drive-round-trigger.active{color:var(--duo-blue-hover);background:#1cb0f60d;border-bottom:1px solid #1cb0f614}.drive-round-trigger-left{text-align:left;align-items:center;gap:.5rem;display:flex}.drive-round-icon-wrap{background:var(--surface-2);width:22px;height:22px;color:var(--text-secondary);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.drive-round-trigger.active .drive-round-icon-wrap{color:var(--duo-blue-hover);background:#1cb0f61f}.drive-round-title{font-weight:600}.drive-round-duration{font-weight:500}.drive-round-collapse{padding:.675rem .75rem}.drive-round-description{color:var(--text-secondary);margin:0;font-size:.775rem;line-height:1.5}.drive-benefits-grid{flex-direction:column;gap:.35rem;display:flex}.drive-benefit-item{color:var(--text-secondary);align-items:center;gap:.4rem;line-height:1.4;display:flex}.drive-analytics-list{flex-direction:column;gap:.35rem;display:flex}.drive-analytics-header{border-bottom:1px solid var(--duo-border);justify-content:space-between;margin-bottom:.15rem;padding-bottom:.25rem;display:flex}.drive-analytics-row{justify-content:space-between;align-items:center;padding:.2rem 0;display:flex}.drive-detail-loading,.drive-detail-error{background:var(--surface-2);border:1px dashed var(--duo-border);border-radius:8px;justify-content:center;align-items:center;margin-top:1rem;padding:1.5rem;display:flex}.kanban-board{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;align-items:flex-start;gap:1rem;max-width:100%;padding-bottom:1rem;display:flex;overflow-x:auto}.kanban-col{border:1px solid var(--duo-border);scroll-snap-align:start;background:#fff;border-radius:12px;flex-direction:column;flex:1;gap:0;min-width:280px;max-width:340px;display:flex;overflow:hidden}.kanban-col__header{background:var(--surface-2);border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.875rem 1rem;display:flex}.kanban-col__title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.07em;font-size:.8rem;font-weight:700}.kanban-col__badge{color:#fff;border-radius:99px;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.kanban-col__body{flex-direction:column;gap:.625rem;padding:.75rem;display:flex}.kanban-empty{text-align:center;color:var(--text-tertiary);padding:2rem 1rem;font-size:.8125rem}.placements-empty{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:4rem 2rem}.placements-empty-icon{background:var(--surface-2);border:1px solid var(--duo-border);width:72px;height:72px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.placements-empty-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.placements-empty-text{color:var(--text-secondary);max-width:360px;margin:0 auto 1.5rem;font-size:.875rem;line-height:1.6}.placements-empty-reset{color:var(--duo-blue-hover);cursor:pointer;background:#1cb0f61f;border:1px solid #1cb0f64d;border-radius:8px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s}.placements-empty-reset:hover{background:#1cb0f633}.timeline-view{flex-direction:column;gap:1rem;width:100%;max-width:860px;margin:0 auto;display:flex}.timeline-card{border-radius:12px!important;flex-direction:column!important;gap:1.375rem!important;padding:1.375rem!important;display:flex!important}.timeline-card__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.timeline-card__company{align-items:center;gap:.875rem;display:flex}.timeline-card__logo{color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:inset 0 1px #fff3}.timeline-card__name{color:var(--text-primary);font-size:1.05rem;font-weight:700}.timeline-card__drive{color:var(--text-secondary);margin-top:.15rem;font-size:.825rem}.timeline-stepper{justify-content:space-between;align-items:flex-start;padding-top:.5rem;display:flex;position:relative}.timeline-stepper__track{background:var(--duo-border);z-index:0;height:2px;position:absolute;top:15px;left:40px;right:40px}.timeline-stepper__fill{z-index:1;border-radius:2px;height:2px;transition:width .6s cubic-bezier(.4,0,.2,1);position:absolute;top:15px;left:40px}.timeline-step{z-index:2;flex-direction:column;align-items:center;gap:.5rem;width:80px;display:flex}.timeline-step__dot{border:2px solid var(--duo-border);width:30px;height:30px;color:var(--text-tertiary);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;transition:all .3s;display:flex}.timeline-step__dot.done{background:var(--duo-blue);border-color:var(--primary);color:#fff}.timeline-step__dot.fail{background:var(--error,#ef4444);border-color:var(--error);color:#fff}.timeline-step__dot.gray{opacity:.4}.timeline-step__label{color:var(--text-tertiary);text-transform:capitalize;text-align:center;font-size:.7rem;font-weight:500}.timeline-step__label.active{color:var(--text-secondary);font-weight:700}@media (width<=768px){.placements-page{gap:1rem;padding:1rem}.placements-header{flex-direction:column;padding:1.125rem}.placements-view-toggle{justify-content:center;align-self:stretch}.view-btn span{display:none}.placements-stats{grid-template-columns:repeat(2,1fr)}.placements-filters{flex-direction:column;align-items:stretch}.search-well{min-width:unset}.filter-toggle,.sort-select{box-sizing:border-box;width:100%}.filter-panel{flex-direction:column;gap:1rem}.filter-group{min-width:unset}.drives-grid,.drive-meta-grid{grid-template-columns:1fr}.drive-card-actions{flex-direction:column}.drive-details-btn,.drive-apply-btn{justify-content:center;width:100%;margin-left:0}.drive-expanded-content{-webkit-overflow-scrolling:touch;overflow-y:auto}.global-resume-section{flex-direction:column;align-items:stretch}.global-resume-dropzone-wrap{width:100%}.kanban-board{gap:.75rem;overflow-x:auto}.kanban-col{min-width:260px}.timeline-step{width:60px}.timeline-step__label{font-size:.65rem}.timeline-stepper__track,.timeline-stepper__fill{left:30px;right:30px}.interview-banner{flex-wrap:wrap}.interview-banner__cta{justify-content:center;width:100%}.interview-banner__pulse-ring{display:none}}@media (width<=480px){.placements-stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}}@media (width<=375px){.placements-page{gap:.875rem;padding:.75rem}.placements-stats{grid-template-columns:1fr}.timeline-step{width:46px}.timeline-step__label{letter-spacing:.02em;font-size:.575rem}.timeline-stepper__track,.timeline-stepper__fill{left:23px;right:23px}.timeline-step__dot{width:24px;height:24px;font-size:.7rem}.drive-expanded-content{-webkit-overflow-scrolling:touch;max-height:70vh;overflow-y:auto}.folder-preview{margin-top:.875rem}.folder-tab{top:-16px}.drive-card-inner{padding:1rem .875rem}.timeline-card__header{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.interview-banner{animation:none}.interview-banner__pulse-ring{animation:none;display:none}.interview-banner__icon-wrap{animation:none}.drive-card-inner{transition:border-color .15s,background .15s}.drive-card-pro:hover .drive-card-inner{transform:none}.timeline-stepper__fill{transition:none}.stat-card:hover{transform:none}}.company-detail-card{padding:2rem}@media (width<=768px){.company-detail-card{padding:1.5rem}}@media (width<=375px){.company-detail-card{padding:1.25rem 1rem}}.resume-dropzone-container{flex-direction:column;gap:.75rem;width:100%;display:flex}.resume-dropzone{cursor:pointer;background:#fff;border:2px dashed #58cc0259;border-bottom:4px solid #58cc0259;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:140px;padding:1.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.resume-dropzone:hover{border-color:var(--duo-green);background:var(--duo-green-subtle);box-shadow:0 4px 20px #58cc021a}.resume-dropzone.drag-active{border-color:var(--duo-green);background:var(--duo-green-subtle);transform:scale(1.01);box-shadow:0 0 24px #58cc0229}.resume-dropzone.uploading{cursor:wait;border-style:solid;border-color:#58cc0259}.resume-dropzone-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.resume-dropzone-content{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.resume-dropzone-state{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.resume-dropzone-icon{width:32px;height:32px;color:var(--text-secondary);margin-bottom:.25rem;transition:transform .2s}.resume-dropzone:hover .resume-dropzone-icon{color:var(--duo-green-hover);transform:translateY(-2px)}.resume-dropzone.drag-active .resume-dropzone-icon{color:var(--duo-green);transform:translateY(-4px)scale(1.1)}.resume-dropzone-icon.spinner{color:var(--duo-green);animation:1.2s linear infinite spin}.resume-dropzone-icon.icon-success{color:var(--success,#10b981);animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn}.resume-dropzone-label{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:.95rem;font-weight:800}.resume-dropzone-description{color:var(--text-secondary);margin:0;font-size:.775rem}.resume-dropzone-formats{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-tertiary);text-transform:uppercase;margin-top:.375rem;font-size:.675rem}.resume-dropzone-sub{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;max-width:100%;padding:0 .5rem;font-size:.725rem;overflow:hidden}.resume-dropzone-error{color:var(--duo-red);background:#ef444414;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.existing-resume-pill{background:var(--duo-green-subtle);border:1px solid #58cc024d;border-radius:20px;align-self:flex-start;align-items:center;gap:.5rem;width:fit-content;margin-top:.25rem;padding:.375rem .75rem;display:flex}.existing-resume-pill svg{color:var(--duo-green-hover)}.existing-resume-name{font-family:var(--font-mono);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.7rem;overflow:hidden}.existing-resume-link{font-family:var(--font-mono);letter-spacing:.05em;color:var(--duo-green-hover);text-transform:uppercase;border-left:1px solid #58cc0240;margin-left:.25rem;padding-left:.5rem;font-size:.675rem;font-weight:700;text-decoration:none}.existing-resume-link:hover{color:var(--duo-green)}.exams-page{flex-direction:column;gap:1.5rem;max-width:960px;margin:0 auto;padding:1rem 0;display:flex}.exams-hero{padding:1.75rem 2rem}.exams-hero-content{flex-direction:column;gap:.35rem;display:flex}.exams-hero-badge{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:#fff3;border:1px solid #ffffff59;border-radius:9999px;align-items:center;gap:.375rem;width:fit-content;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.exams-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.exams-stat-card{border:2px solid var(--duo-border);border-bottom:4px solid var(--duo-border);background:#fff;border-radius:14px;padding:1rem 1.25rem;transition:transform .2s,box-shadow .2s}.exams-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.exams-stat-value{font-size:1.75rem;font-weight:800;font-family:var(--font-display);line-height:1.1}.exams-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;font-size:.75rem;font-weight:700}.exams-tabs{background:var(--surface-2,#f7f7f7);border:2px solid var(--duo-border);border-radius:14px;flex-wrap:wrap;gap:.5rem;padding:.25rem;display:flex}.exams-tab{color:var(--text-secondary);cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-radius:10px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.exams-tab:hover:not(.active){color:var(--duo-blue);background:var(--duo-blue-subtle)}.exams-tab.active{color:var(--duo-blue-hover);background:#fff;border:1px solid #1cb0f633;box-shadow:0 2px 8px #1cb0f626}.exams-tab-loader{color:var(--duo-blue);align-self:center;margin-left:auto;animation:1s linear infinite exams-spin}@keyframes exams-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.exams-list{flex-direction:column;gap:1rem;display:flex}.exam-card-premium{border:2px solid var(--duo-border);border-bottom:4px solid var(--duo-border);background:#fff;border-radius:14px;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.exam-card-premium:hover{border-color:var(--duo-blue);transform:translateY(-2px);box-shadow:0 8px 24px #1cb0f61a}.exam-card-premium--live{border-color:var(--duo-green);border-bottom-color:var(--duo-green-hover);background:linear-gradient(135deg, #fff 0%, var(--duo-green-subtle) 100%)}.exam-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.exam-card-title{color:var(--text-primary);font-size:1.0625rem;font-weight:800;font-family:var(--font-display);margin:0}.exam-card-course{color:var(--text-secondary);margin:.25rem 0 0;font-size:.8125rem}.exam-card-meta{color:var(--text-secondary);flex-wrap:wrap;gap:1rem;font-size:.8125rem;display:flex}.exam-card-meta span{align-items:center;gap:.35rem;display:flex}.exam-card-score{text-align:right}.exam-card-score-value{font-size:1.5rem;font-weight:800;font-family:var(--font-display)}.exam-card-score-label{color:var(--text-secondary);font-size:.75rem}.exams-error{color:var(--duo-red);background:var(--duo-red-subtle);border:2px solid #ff4b4b40;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.exams-empty{text-align:center;color:var(--text-secondary);background:linear-gradient(180deg, #fff, var(--duo-blue-subtle));border:2px dashed var(--duo-blue);border-radius:16px;padding:3rem 2rem}.exam-skeleton-card{border:2px solid var(--duo-border);background:#fff;border-radius:14px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}@media (width<=640px){.exams-hero{padding:1.25rem}}.interview-prep-page{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;padding:1rem 0;display:flex}.interview-prep-hero{padding:1.75rem 2rem}.interview-prep-hero-content{flex-direction:column;gap:.35rem;display:flex}.interview-prep-actions{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.interview-prep-action-card{border:2px solid var(--duo-border);border-bottom:4px solid var(--duo-border);background:#fff;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.interview-prep-action-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000014}.interview-prep-action-card--mock{border-color:var(--duo-blue);border-bottom-color:var(--duo-blue-hover);background:linear-gradient(160deg, #fff 0%, var(--duo-blue-subtle) 100%)}.interview-prep-action-card--gd{border-color:var(--duo-green);border-bottom-color:var(--duo-green-hover);background:linear-gradient(160deg, #fff 0%, var(--duo-green-subtle) 100%)}.interview-prep-action-icon{border:2px solid;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.interview-prep-action-card--mock .interview-prep-action-icon{color:var(--duo-blue);background:var(--duo-blue-subtle);border-color:#1cb0f659}.interview-prep-action-card--gd .interview-prep-action-icon{color:var(--duo-green-hover);background:var(--duo-green-subtle);border-color:#58cc0259}.interview-prep-action-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:800}.interview-prep-action-desc{color:var(--text-secondary);flex:1;margin:0 0 .5rem;font-size:.875rem;line-height:1.55}.interview-prep-action-error{color:var(--duo-red);align-items:center;gap:.25rem;margin-top:.5rem;font-size:.8125rem;display:flex}.interview-prep-sessions{border:2px solid var(--duo-orange);border-bottom:5px solid var(--duo-orange-hover);background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 6px 20px #ff960014}.interview-prep-sessions-title{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.125rem;font-weight:800;display:flex}.interview-prep-sessions-title svg{color:var(--duo-orange)}.interview-prep-session-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.interview-prep-session-item{background:var(--surface-2,#fafafa);border:2px solid var(--duo-border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.125rem;transition:transform .2s,border-color .2s;display:flex}.interview-prep-session-item:hover{border-color:var(--duo-blue);transform:translate(4px)}.interview-prep-session-icon{background:var(--duo-blue-subtle);color:var(--duo-blue);border:1px solid #1cb0f640;border-radius:10px;justify-content:center;align-items:center;padding:.75rem;display:flex}.interview-prep-session-body{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.interview-prep-session-info h4{color:var(--text-primary);margin:0 0 .25rem;font-size:.9375rem;font-weight:700}.interview-prep-session-info p{color:var(--text-secondary);align-items:center;gap:.25rem;margin:0;font-size:.875rem;display:flex}.interview-prep-session-actions{align-items:center;gap:.75rem;display:flex}.interview-prep-empty{text-align:center;color:var(--text-secondary);padding:2.5rem 1.5rem}.interview-prep-empty svg{opacity:.45;color:var(--duo-orange);margin:0 auto .75rem}.interview-prep-empty p{margin:0}.interview-prep-empty-hint{font-size:.8125rem;margin-top:.25rem!important}.interview-prep-modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.interview-prep-modal{border:2px solid var(--duo-blue);border-bottom:5px solid var(--duo-blue-hover);background:#fff;border-radius:16px;flex-direction:column;gap:1.25rem;width:100%;max-width:420px;padding:2rem;display:flex;box-shadow:0 20px 50px #1cb0f633}.interview-prep-modal h2{color:var(--text-primary);font-family:var(--font-display);margin:0;font-weight:800}.interview-prep-modal p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.55}.interview-prep-modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.interview-prep-error-banner{color:var(--duo-red);background:var(--duo-red-subtle);border:1px solid #ff4b4b33;border-radius:10px;align-items:center;gap:.75rem;padding:1rem;font-size:.875rem;display:flex}@media (width<=640px){.interview-prep-hero,.interview-prep-action-card{padding:1.25rem}.interview-prep-session-item{flex-direction:column;align-items:stretch}.interview-prep-session-actions{justify-content:flex-end}}.preflight-page{flex-direction:column;gap:1.5rem;max-width:880px;margin:0 auto;padding:1rem 0;display:flex}.preflight-hero{text-align:center;padding:1.75rem 2rem}.preflight-hero-content{flex-direction:column;align-items:center;gap:.35rem;display:flex}.preflight-layout{grid-template-columns:1.2fr 1fr;gap:2rem;margin-top:1rem;display:grid}@media (width<=768px){.preflight-layout{grid-template-columns:1fr;gap:1.5rem}}.preview-column{flex-direction:column;display:flex}.preview-container{aspect-ratio:4/3;border:2px solid var(--duo-blue);border-bottom:4px solid var(--duo-blue-hover);background:linear-gradient(160deg,#1a1a2e 0%,#16213e 100%);border-radius:14px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #1cb0f633}.preview-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.preview-placeholder{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.placeholder-icon{color:var(--text-muted);opacity:.4}.placeholder-text{color:var(--text-secondary);font-size:.9rem}.preview-overlay{z-index:10;position:absolute;top:1rem;left:1rem}.live-badge{color:#fff;letter-spacing:.08em;background:#ef4444;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:700;box-shadow:0 2px 8px #ef444466}.checklist-column{flex-direction:column;gap:1rem;display:flex}.diagnostic-card{border:2px solid var(--duo-border);background:#fff;border-bottom-width:4px;border-radius:14px;padding:1.25rem;transition:all .25s}.diagnostic-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.diagnostic-card.status-success{background:var(--duo-green-subtle);border-color:var(--duo-green);border-bottom-color:var(--duo-green-hover)}.diagnostic-card.status-warning{background:var(--duo-orange-subtle);border-color:var(--duo-orange);border-bottom-color:var(--duo-orange-hover)}.diagnostic-card.status-error{background:var(--duo-red-subtle);border-color:var(--duo-red);border-bottom-color:var(--duo-red-hover)}.diagnostic-card.status-waiting{opacity:.9;background:#fff}.card-header-row{align-items:center;gap:1rem;display:flex}.icon-wrapper{background:var(--duo-blue-subtle);width:40px;height:40px;color:var(--duo-blue);border:2px solid #1cb0f640;border-radius:50%;justify-content:center;align-items:center;display:flex}.status-success .icon-wrapper{color:#10b981;background:#10b9811a;border-color:#10b98133}.status-warning .icon-wrapper{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.status-error .icon-wrapper{color:#ef4444;background:#ef44441a;border-color:#ef444433}.card-info{flex-grow:1}.card-title{color:var(--text-primary);margin:0 0 .25rem;font-size:.95rem;font-weight:600}.card-desc{color:var(--text-secondary);margin:0;font-size:.75rem}.card-status{letter-spacing:.05em;font-size:.75rem;font-weight:700}.status-text{align-items:center;gap:.25rem;display:flex}.status-text.success{color:#10b981}.status-text.waiting{color:var(--text-muted)}.status-text.scanning,.status-text.warning{color:#f59e0b}.status-text.error{color:#ef4444}.preflight-begin-btn{transition:all .2s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}@media (width<=480px){.preflight-begin-btn{width:100%!important;padding-left:1rem!important;padding-right:1rem!important}}.interview-room,.interview-room *{box-sizing:border-box}.interview-room button,.interview-waiting-room button{touch-action:manipulation}@media (width<=900px){.interview-waiting-room{flex-direction:column!important;max-width:100%!important;min-height:0!important}.interview-preview-panel{border-bottom:1px solid #ffffff0f!important;border-right:0!important;min-height:320px!important;padding:1rem!important}.interview-lobby-panel{width:100%!important;padding:1rem!important}.interview-room{height:auto!important;min-height:100svh!important;overflow:auto!important}.interview-room-header{z-index:5!important;align-items:flex-start!important;gap:.75rem!important;padding:.85rem 1rem!important;position:sticky!important;top:0!important}.interview-room-header,.interview-main-area{flex-direction:column!important}.interview-main-area{gap:.75rem!important;padding:.75rem!important;overflow:visible!important}.interview-video-grid{aspect-ratio:4/5!important;border-radius:10px!important;flex:none!important;width:100%!important;min-height:52svh!important}.interview-local-pip{aspect-ratio:16/9!important;border-radius:8px!important;width:32vw!important;min-width:112px!important;max-width:150px!important;height:auto!important;bottom:.75rem!important;right:.75rem!important}.interview-sidebar{border-radius:10px!important;width:100%!important;min-height:280px!important;max-height:none!important}.interview-controls-footer{z-index:6!important;padding:.75rem!important;position:sticky!important;bottom:0!important}}@media (width<=520px){.interview-room-header h1{font-size:1rem!important;line-height:1.25!important}.interview-room-header>div:last-child{justify-content:stretch!important;width:100%!important}.interview-room-header>div:last-child button{width:100%!important}.interview-video-grid{aspect-ratio:3/4!important;min-height:46svh!important}.interview-sidebar button{min-height:44px!important;padding-left:.5rem!important;padding-right:.5rem!important;font-size:.78rem!important}}.hr-portal{background:var(--bg-app);min-height:100vh;color:var(--text-primary);font-family:var(--font-body)}.hr-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:50;box-shadow:var(--shadow-sm);background:#ffffffd9;justify-content:space-between;align-items:center;padding:1rem 2.5rem;display:flex;position:sticky;top:0}.hr-header-logo-wrap{background:var(--gradient-primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hr-header-actions{align-items:center;gap:1.5rem;display:flex}.hr-btn-create{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dim) 100%);color:#fff;cursor:pointer;box-shadow:0 4px 12px var(--primary-glow);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.hr-btn-create:hover{box-shadow:0 6px 18px var(--primary-glow);filter:brightness(1.08);transform:translateY(-1px)}.hr-btn-logout{color:var(--color-error);cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.hr-btn-logout:hover{color:var(--color-error);background:#ef444429;border-color:#ef444459}.hr-main{max-width:1200px;margin:0 auto;padding:2.5rem;animation:.4s ease-out hrFadeIn}@keyframes hrFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hr-welcome-title{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:.375rem;font-size:1.85rem;font-weight:800}.hr-welcome-subtitle{color:var(--text-secondary);margin-top:0;font-size:.9375rem}.hr-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2.5rem;display:grid}.hr-stat-card{background:var(--surface-1);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;padding:1.5rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.hr-stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hr-stat-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.hr-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.775rem;font-weight:700}.hr-stat-value{font-size:2.25rem;font-weight:800;line-height:1}.hr-grid-layout{grid-template-columns:1.35fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.hr-grid-layout{grid-template-columns:1fr}}.hr-panel{background:var(--surface-1);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:14px;padding:1.5rem}.hr-panel-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.hr-panel-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.hr-panel-link{color:var(--primary);cursor:pointer;font-size:.775rem;font-weight:600;text-decoration:none;transition:all .2s}.hr-panel-link:hover{color:var(--primary-hover)}.hr-applicant-list{flex-direction:column;gap:.75rem;display:flex}.hr-applicant-item{background:var(--surface-1);border:1px solid var(--border-subtle);cursor:pointer;border-radius:10px;align-items:center;gap:.875rem;padding:.75rem 1rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.hr-applicant-item:hover{background:var(--surface-2);border-color:var(--primary);transform:translate(3px)}.hr-avatar{background:var(--primary-subtle);border:1px solid var(--border-emphasis);width:36px;height:36px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.hr-applicant-info{flex:1;min-width:0}.hr-applicant-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.hr-applicant-drive{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75rem;overflow:hidden}.hr-status-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:100px;padding:.225rem .625rem;font-size:.7rem;font-weight:700}.hr-chevron{color:var(--text-tertiary);flex-shrink:0;transition:transform .2s}.hr-applicant-item:hover .hr-chevron{color:var(--primary);transform:translate(1px)}.hr-drive-list{flex-direction:column;gap:.875rem;display:flex}.hr-drive-item{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:10px;justify-content:space-between;align-items:center;padding:1.125rem;transition:all .25s;display:flex}.hr-drive-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.hr-drive-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.375rem;font-size:.9375rem;font-weight:700;overflow:hidden}.hr-drive-meta{color:var(--text-secondary);align-items:center;gap:1rem;font-size:.75rem;display:flex}.hr-drive-meta-item{align-items:center;gap:.25rem;display:flex}.hr-btn-delete{color:var(--color-error);cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:.5rem;padding:.5rem;transition:all .2s;display:flex}.hr-btn-delete:hover{background:var(--color-error-subtle);color:var(--color-error);opacity:1}.hr-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;justify-content:flex-end;animation:.25s ease-out backdropFade;display:flex;position:fixed;inset:0}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.hr-side-panel{background:var(--surface-1);border-left:1px solid var(--border-subtle);flex-direction:column;gap:1.5rem;width:420px;max-width:90vw;padding:2.5rem 2rem;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;box-shadow:-10px 0 35px #0000000d}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.hr-side-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.hr-side-subtitle{color:var(--text-secondary);font-size:.875rem}.hr-side-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:.25rem;transition:color .2s;display:flex}.hr-side-close:hover{color:var(--text-primary)}.hr-side-status-section{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding-bottom:1.25rem;display:flex}.hr-resume-btn{background:var(--surface-2);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.hr-resume-btn:hover{background:var(--surface-3)}.hr-action-group{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.hr-action-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.8125rem;font-weight:700}.hr-btn-pipeline{cursor:pointer;border-radius:8px;padding:.875rem;font-size:.875rem;font-weight:600;transition:all .2s}.hr-btn-pipeline.shortlist{background:var(--color-success-subtle);color:var(--color-success);border:1px solid #10b98140}.hr-btn-pipeline.shortlist:hover:not(:disabled){background:#10b98126;border-color:#10b98166}.hr-btn-pipeline.interview{background:var(--primary-subtle);border:1px solid var(--border-emphasis);color:var(--primary)}.hr-btn-pipeline.interview:hover:not(:disabled){background:#0052ff1f;border-color:#0052ff59}.hr-btn-pipeline.reject{background:var(--color-error-subtle);color:var(--color-error);border:1px solid #f43f5e40}.hr-btn-pipeline.reject:hover:not(:disabled){background:#f43f5e26;border-color:#f43f5e66}.hr-btn-pipeline:disabled{opacity:.4;cursor:not-allowed}.hr-interview-action-panel{border-top:1px solid var(--border-subtle);margin-top:1rem;padding-top:1rem}.hr-btn-video-room{background:linear-gradient(135deg, var(--duo-orange), var(--duo-orange-hover));color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 15px #f9731640}.hr-btn-video-room:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 20px #f9731666}.hr-btn-video-room:disabled{opacity:.5;cursor:not-allowed}.hr-btn-copy-link{background:var(--primary-subtle);border:1px solid var(--border-emphasis);width:100%;color:var(--primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:.625rem;padding:.55rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.hr-btn-copy-link.copied{background:var(--color-success-subtle);color:var(--color-success);border-color:#10b9814d}.hr-interview-status-msg{color:var(--text-secondary);text-align:center;margin:.625rem 0 0;font-size:.75rem}.hr-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;justify-content:center;align-items:center;animation:.2s ease-out backdropFade;display:flex;position:fixed;inset:0}.hr-modal{background:var(--surface-1);border:1px solid var(--border-subtle);width:90%;max-width:480px;color:var(--text-primary);border-radius:16px;padding:2.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleIn;box-shadow:0 20px 40px #0000001a}.hr-modal.danger{border-color:#ef444433}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hr-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.hr-modal-title-area{align-items:center;gap:.625rem;display:flex}.hr-modal-icon-wrap{background:var(--gradient-primary);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.hr-modal-icon-wrap.danger{background:var(--color-error-subtle);color:var(--color-error)}.hr-modal-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.hr-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s}.hr-modal-close:hover{color:var(--text-primary)}.hr-modal-link-box{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:1.25rem;padding:1rem}.hr-modal-link-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.hr-modal-link-url{color:var(--primary);word-break:break-all;font-family:ui-monospace,monospace;font-size:.8125rem}.hr-modal-actions{gap:.75rem;display:flex}.hr-modal-btn{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.hr-modal-btn.secondary{background:var(--surface-2);border:1px solid var(--border-subtle);color:var(--text-primary)}.hr-modal-btn.secondary:hover{background:var(--surface-3);border-color:#00000026}.hr-modal-btn.primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dim) 100%);color:#fff;box-shadow:0 4px 12px var(--primary-glow);border:none}.hr-modal-btn.primary:hover{box-shadow:0 6px 16px var(--primary-glow);filter:brightness(1.05)}.hr-modal-btn.danger{background:linear-gradient(135deg, var(--duo-red), var(--duo-red-hover));color:#fff;border:none;box-shadow:0 4px 12px #f43f5e33}.hr-modal-btn.danger:hover{filter:brightness(1.05);box-shadow:0 6px 16px #f43f5e59}.hr-modal-warning-box{background:var(--color-error-subtle);color:var(--color-error);border:1px solid #f43f5e26;border-radius:8px;padding:.875rem;font-size:.8125rem;line-height:1.45}.ac-root{flex-direction:column;gap:1.75rem;max-width:1200px;padding:2rem;display:flex}.ac-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.ac-heading{color:var(--text-primary);align-items:center;margin:0 0 .35rem;font-size:2rem;font-weight:800;display:flex}.ac-subheading{color:var(--text-secondary);margin:0;font-size:.95rem}.ac-stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.ac-stat-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:1rem;padding:1.1rem 1.25rem;transition:background .2s;display:flex}.ac-stat-card:hover{background:#ffffff12}.ac-stat-value{color:var(--text-primary);font-size:1.6rem;font-weight:700;line-height:1}.ac-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:3px;font-size:.78rem}.ac-filter-bar{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.ac-search-wrap{flex:1;min-width:200px;position:relative}.ac-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.ac-search-input{width:100%;color:var(--text-primary);box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:.65rem .85rem .65rem 2.5rem;font-size:.9rem;transition:border-color .2s}.ac-search-input:focus{background:#ffffff12;border-color:#6366f180}.ac-search-input::placeholder{color:var(--text-secondary)}.ac-filter-tabs{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;gap:.4rem;padding:4px;display:flex}.ac-filter-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:.4rem .85rem;font-size:.83rem;transition:all .15s;display:flex}.ac-filter-tab.active{color:#818cf8;background:#6366f133;font-weight:600}.ac-filter-tab:hover:not(.active){color:var(--text-primary);background:#ffffff0f}.ac-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.ac-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.ac-card:hover{border-color:#6366f14d;transform:translateY(-3px);box-shadow:0 12px 32px #00000059}.ac-card-thumb{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);height:168px;position:relative;overflow:hidden}.ac-card-thumb img{object-fit:cover;width:100%;height:100%}.ac-card-thumb-placeholder{background:linear-gradient(135deg,#6366f126,#06b6d41a);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ac-thumb-emoji{filter:drop-shadow(0 4px 12px #0006);font-size:3.5rem}.ac-status-pill{text-transform:capitalize;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:flex;position:absolute;top:10px;left:10px}.ac-price-pill{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff1f;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:700;position:absolute;top:10px;right:10px}.ac-card-body{flex-direction:column;flex:1;gap:.5rem;padding:1rem 1.1rem .5rem;display:flex}.ac-card-meta{flex-wrap:wrap;gap:.5rem;display:flex}.ac-category-tag{color:#818cf8;background:#6366f126;border-radius:20px;padding:2px 9px;font-size:.7rem;font-weight:600}.ac-level-tag{color:#22d3ee;background:#06b6d41a;border-radius:20px;padding:2px 9px;font-size:.7rem;font-weight:600}.ac-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.ac-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.ac-card-stats{gap:.85rem;margin-top:.25rem;display:flex}.ac-card-stats span{color:var(--text-secondary);align-items:center;gap:4px;font-size:.75rem;display:flex}.ac-card-footer{background:#0000001f;border-top:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.85rem 1.1rem;display:flex}.ac-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:.5rem 1rem;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.ac-action-btn.primary{color:#a5b4fc;background:linear-gradient(135deg,#6366f140,#8b5cf633);border:1px solid #6366f14d;flex:1}.ac-action-btn.primary:hover{color:#c7d2fe;background:linear-gradient(135deg,#6366f166,#8b5cf659);border-color:#6366f180}.ac-action-btn.icon{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14;padding:.5rem}.ac-action-btn.icon:hover{color:var(--text-primary);background:#ffffff1a}.ac-action-btn.danger-outline{color:#f87171;background:#ef444414;border:1px solid #ef444440;padding:.5rem}.ac-action-btn.danger-outline:hover{color:#fca5a5;background:#ef444426;border-color:#ef444466}.ac-card-menu-wrap{position:relative}.ac-dropdown{z-index:50;background:#1e1e2e;border:1px solid #ffffff1a;border-radius:10px;min-width:160px;animation:.15s ddFade;position:absolute;bottom:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000080}@keyframes ddFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ac-dd-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:.65rem 1rem;font-size:.85rem;transition:background .15s;display:flex}.ac-dd-item:hover{background:#ffffff12}.ac-dd-item.danger{color:#f87171}.ac-dd-item.danger:hover{background:#ef44441a}.ac-new-card{color:#6366f18c;cursor:pointer;background:0 0;border:2px dashed #6366f140;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:100%;min-height:240px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.ac-new-card:hover{color:#818cf8;background:#6366f10d;border-color:#6366f199}.ac-loading{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.ac-skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:16px;height:320px;animation:1.5s infinite shimmer}.ac-empty{text-align:center;background:#ffffff05;border:1.5px dashed #ffffff14;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.ac-empty-icon{filter:grayscale(.3);font-size:3.5rem}.ac-empty h3{color:var(--text-primary);margin:0;font-size:1.25rem}.ac-empty p{color:var(--text-secondary);margin:0;font-size:.9rem}.ac-delete-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.ac-delete-dialog{text-align:center;background:#14141f;border:1px solid #ef444440;border-radius:18px;width:90%;max-width:420px;padding:2rem;animation:.2s dialogIn;box-shadow:0 24px 64px #0009,0 0 0 1px #ef44441a}@keyframes dialogIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.ac-delete-icon{background:#ef44441f;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.25rem;display:flex}.ac-delete-dialog h3{color:var(--text-primary);margin:0 0 .75rem;font-size:1.3rem;font-weight:700}.ac-delete-dialog p{color:var(--text-secondary);margin:0 0 1.75rem;font-size:.9rem;line-height:1.6}.ac-delete-dialog strong{color:var(--text-primary)}.ac-delete-actions{justify-content:center;gap:.75rem;display:flex}.ac-btn-cancel{color:var(--text-primary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;transition:background .15s}.ac-btn-cancel:hover:not(:disabled){background:#ffffff1a}.ac-btn-delete{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:9px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:700;transition:opacity .15s,transform .15s;box-shadow:0 4px 16px #dc262659}.ac-btn-delete:hover:not(:disabled){opacity:.9;transform:scale(.98)}.ac-btn-cancel:disabled,.ac-btn-delete:disabled{opacity:.5;cursor:not-allowed}@media (width<=900px){.ac-stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.ac-root{padding:1rem}.ac-stats-row{grid-template-columns:repeat(2,1fr)}.ac-grid{grid-template-columns:1fr}}