.theme-toggle{margin:0 15px}.theme-toggle-btn{background-color:var(--color-background-alt);border:1px solid var(--color-border);cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);transition:all .3s ease;box-shadow:var(--shadow-sm)}.theme-toggle-btn:hover{background-color:var(--color-background-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-toggle-btn svg{transition:transform .5s cubic-bezier(.68,-.55,.27,1.55)}.theme-toggle-btn:active svg{transform:rotate(360deg)}.navbar{height:64px;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;justify-content:center;align-items:center;padding:0 24px;position:sticky;top:0;z-index:999;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.navbar.navbar-scrolled{background-color:var(--color-surface);border-bottom-color:transparent;box-shadow:var(--shadow-md)}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1400px}.navbar-logo{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;color:var(--color-text-primary);text-decoration:none;flex-shrink:0}.navbar-logo-img{height:32px;transition:transform .3s ease-in-out}.navbar-links-wrapper{display:flex;flex-grow:1;justify-content:center}.navbar-nav-menu{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:16px}.navbar-nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:500;padding:8px 12px;border-radius:6px;position:relative;transition:color .2s ease,background-color .2s ease}.navbar-nav-link:hover{color:var(--color-text-primary);background-color:var(--color-background-hover)}.navbar-nav-link.active{color:var(--color-primary);font-weight:600}.navbar-subscription-link{font-weight:700;background:linear-gradient(135deg,#818cf8,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent}.navbar-subscription-link:hover{background-color:transparent;opacity:.8}.navbar-right{display:flex;align-items:center;gap:16px}.navbar-auth-section{display:flex;align-items:center}.navbar-sign-in-btn{padding:8px 16px;background-color:var(--color-primary);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.navbar-sign-in-btn:hover{background-color:var(--color-primary-dark)}.navbar-mobile-auth-section{display:none}.navbar-user-profile{position:relative;display:flex;align-items:center;gap:16px}.navbar-pro-badge{padding:6px 12px;font-size:13px;font-weight:600;letter-spacing:.05em;color:var(--color-primary);background-color:rgba(var(--color-primary-rgb, 59, 130, 246),.1);border:1px solid rgba(var(--color-primary-rgb, 59, 130, 246),.2);border-radius:6px;box-shadow:0 0 8px rgba(var(--color-primary-rgb, 59, 130, 246),.3)}.navbar-user-profile-trigger{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px;border-radius:999px;background-color:transparent;transition:background-color .2s ease}.navbar-user-profile-trigger:hover{background-color:var(--color-background-hover)}.navbar-user-avatar-container{width:36px;height:36px;border-radius:50%;overflow:hidden;background-color:var(--color-border);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-surface);box-shadow:0 0 0 1px var(--color-border)}.navbar-user-avatar{width:100%;height:100%;object-fit:cover}.navbar-user-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;background:var(--color-primary)}.navbar-dropdown-arrow{color:var(--color-text-secondary);transition:transform .25s ease-in-out;margin-right:4px}.navbar-dropdown-arrow.open{transform:rotate(180deg)}.navbar-avatar-skeleton{width:36px;height:36px;border-radius:50%;background-color:var(--color-border);position:relative;overflow:hidden}.navbar-avatar-skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:navbar-skeleton-pulse 1.5s infinite}@keyframes navbar-skeleton-pulse{0%{transform:translate(-100%)}to{transform:translate(100%)}}.navbar-user-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:240px;background-color:var(--color-surface);border-radius:8px;border:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:1000;animation:navbar-dropdown-fade-in .15s ease-out;transform-origin:top right;padding:4px}@keyframes navbar-dropdown-fade-in{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.navbar-dropdown-header{padding:8px 12px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.navbar-dropdown-user-name{font-weight:600;font-size:14px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-dropdown-badge.navbar-pro{background-color:var(--color-primary);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px}.navbar-dropdown-menu{display:flex;flex-direction:column}.navbar-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--color-text-secondary);font-size:14px;font-weight:500;text-decoration:none;border-radius:6px;transition:background-color .15s ease,color .15s ease;width:100%;text-align:left;border:none;background:none;cursor:pointer}.navbar-dropdown-item:hover{background-color:var(--color-background-hover);color:var(--color-text-primary)}.navbar-dropdown-divider{height:1px;background-color:var(--color-border);margin:4px 0}.navbar-sign-out-item{color:var(--color-danger)}.navbar-sign-out-item:hover{background-color:rgba(var(--color-danger-rgb, 239, 68, 68),.1);color:var(--color-danger)}.navbar-menu-icon{display:none;cursor:pointer;padding:8px;background:none;border:none}.navbar-hamburger{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.navbar-hamburger span{display:block;height:2px;width:100%;background-color:var(--color-text-primary);border-radius:2px;transition:all .3s ease-in-out;transform-origin:center}.navbar-hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.navbar-hamburger.active span:nth-child(2){opacity:0}.navbar-hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width: 992px){.navbar-links-wrapper{position:fixed;top:64px;right:0;width:320px;max-width:80vw;height:calc(100vh - 64px);background-color:var(--color-surface);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:24px;transform:translate(100%);transition:transform .3s cubic-bezier(.23,1,.32,1);z-index:998;overflow-y:auto;border-left:1px solid var(--color-border)}.navbar-links-wrapper.active{transform:translate(0);box-shadow:-10px 0 30px -15px #0000001a}.navbar-nav-menu{flex-direction:column;gap:12px;width:100%;padding:0}.navbar-nav-link{font-size:16px;display:block;text-align:left;padding:12px 16px;width:100%}.navbar-right{gap:8px}.navbar-menu-icon{display:flex;align-items:center;justify-content:center;z-index:1000}.navbar-auth-section{display:none}.navbar-mobile-auth-section{display:flex;flex-direction:column;align-items:stretch;margin-top:24px;padding:24px 0 0;width:100%;border-top:1px solid var(--color-border)}.navbar-mobile-auth-section .navbar-sign-in-btn{width:100%;padding:12px;font-size:16px;text-align:center}.navbar-mobile-auth-section .navbar-user-profile{flex-direction:column;align-items:stretch;gap:16px}.navbar-mobile-auth-section .navbar-user-profile-trigger{justify-content:space-between;padding:8px;border-radius:8px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--color-surface);color:var(--color-text-primary);border-radius:12px;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);width:90%;max-width:700px;max-height:85vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.modal-close-btn:hover{background-color:var(--color-background-alt);color:var(--color-text-primary)}.modal-body{padding:24px;overflow-y:auto;line-height:1.7}.modal-body h3{font-size:1.1rem;font-weight:600;margin-top:20px;margin-bottom:10px;color:var(--color-text-primary)}.modal-body p{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:1rem}.modal-body ul{padding-left:20px;margin-bottom:1rem}.footer{background-color:var(--color-background-alt);color:var(--color-text-secondary);padding:3rem 0 1rem;border-top:1px solid var(--color-border)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{color:var(--color-text-primary);font-size:1.125rem;margin-bottom:1rem;font-weight:600}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.footer-section ul li a:hover{color:var(--color-primary);text-decoration:underline}.footer-section p{line-height:1.6}.footer-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid var(--color-border);font-size:.875rem}.footer-legal-link{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:color .2s}.footer-legal-link:hover{color:var(--color-primary);text-decoration:none}@media (max-width: 768px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.footer-content{grid-template-columns:1fr}}.home-page{--home-color-background: #0f172a;--home-color-background-alt: #1e293b;--home-color-surface: #172033;--home-color-editor-background: #0b111e;--home-color-border: #334155;--home-color-border-light: #475569;--home-color-border-hover: #64748b;--home-color-primary-hsl: 217, 70%;--home-color-primary: hsl(var(--home-color-primary-hsl), 60%);--home-color-primary-light: hsl(var(--home-color-primary-hsl), 70%);--home-color-primary-dark: hsl(var(--home-color-primary-hsl), 45%);--home-color-primary-rgb: 58, 123, 241;--home-color-primary-text-contrast: #ffffff;--home-color-text-primary: #e2e8f0;--home-color-text-secondary: #94a3b8;--home-color-text-tertiary: #64748b;--home-color-text-contrast: #ffffff;--home-color-link: var(--home-color-primary-light);--home-color-link-hover: var(--home-color-primary);--home-color-success-hsl: 145, 63%;--home-color-success: hsl(var(--home-color-success-hsl), 42%);--home-color-success-light: hsl(var(--home-color-success-hsl), 52%);--home-color-success-dark: hsl(var(--home-color-success-hsl), 32%);--home-color-success-rgb: 22, 163, 74;--home-color-warning-hsl: 43, 96%;--home-color-warning: hsl(var(--home-color-warning-hsl), 50%);--home-color-warning-light: hsl(var(--home-color-warning-hsl), 60%);--home-color-warning-dark: hsl(var(--home-color-warning-hsl), 40%);--home-color-warning-rgb: 245, 158, 11;--home-color-danger-hsl: 0, 84%;--home-color-danger: hsl(var(--home-color-danger-hsl), 60%);--home-color-danger-light: hsl(var(--home-color-danger-hsl), 70%);--home-color-danger-dark: hsl(var(--home-color-danger-hsl), 50%);--home-color-danger-rgb: 220, 38, 38;--home-color-stats-banner-start: var(--home-color-primary-dark);--home-color-stats-banner-end: var(--home-color-primary);--home-color-get-started-start: var(--home-color-primary);--home-color-get-started-end: var(--home-color-primary-dark);--home-color-table-header: var(--home-color-background-alt);--home-color-table-row-alt: rgba(0, 0, 0, .08);--home-color-table-highlight-cell: rgba(var(--home-color-primary-rgb), .08);--home-color-table-highlight-header: var(--home-color-primary-dark);--home-color-table-highlight-header-text: var(--home-color-text-contrast);--home-color-trash-icon-start: var(--home-color-danger-dark);--home-color-trash-icon-end: var(--home-color-danger);--home-cta-pro-border-color: rgba(255, 255, 255, .6);--home-cta-pro-text-color: var(--home-color-text-contrast);--home-cta-pro-hover-bg: rgba(255, 255, 255, .1);--home-color-code-1: #f87171;--home-color-code-2: #fb923c;--home-color-code-3: #facc15;--home-color-code-4: #4ade80;--home-color-code-5: #60a5fa;--home-color-code-6: #c084fc;--home-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .15);--home-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .15);--home-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -4px rgba(0, 0, 0, .15);--home-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .2);--home-shadow-glow-primary: 0 0 20px 0 rgba(var(--home-color-primary-rgb), .35);--home-shadow-glow-danger: 0 0 25px 5px rgba(var(--home-color-danger-rgb), .3);--home-transition-fast: all .15s ease-out;--home-transition-base: all .25s ease-out;--home-transition-slow: all .4s ease-out;--home-transition-flip: transform .6s;--home-radius-sm: 4px;--home-radius-base: 8px;--home-radius-lg: 12px;--home-radius-xl: 16px;--home-radius-full: 9999px;width:100%;overflow-x:hidden;overflow-y:clip;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--home-color-background);color:var(--home-color-text-primary);transition:background-color .2s ease,color .2s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-size:16px;box-sizing:border-box}.home-page.light-theme{--home-color-background: #f8fafc;--home-color-background-alt: #f1f5f9;--home-color-surface: #ffffff;--home-color-editor-background: #ffffff;--home-color-border: #e2e8f0;--home-color-border-light: #cbd5e1;--home-color-border-hover: #94a3b8;--home-color-primary-text-contrast: #ffffff;--home-color-text-primary: #1e293b;--home-color-text-secondary: #475569;--home-color-text-tertiary: #64748b;--home-color-text-contrast: #ffffff;--home-color-link: var(--home-color-primary);--home-color-link-hover: var(--home-color-primary-dark);--home-color-stats-banner-start: hsl(var(--home-color-primary-hsl), 65%);--home-color-stats-banner-end: hsl(var(--home-color-primary-hsl), 55%);--home-color-get-started-start: hsl(var(--home-color-primary-hsl), 60%);--home-color-get-started-end: hsl(var(--home-color-primary-hsl), 50%);--home-color-table-header: #f8fafc;--home-color-table-row-alt: rgba(0, 0, 0, .03);--home-color-table-highlight-cell: hsla(var(--home-color-primary-hsl), 60%, 90%, .5);--home-color-table-highlight-header: hsl(var(--home-color-primary-hsl), 60%);--home-color-table-highlight-header-text: #ffffff;--home-color-trash-icon-start: var(--home-color-danger);--home-color-trash-icon-end: hsl(var(--home-color-danger-hsl), 70%);--home-cta-pro-border-color: var(--home-color-primary);--home-cta-pro-text-color: var(--home-color-primary);--home-cta-pro-hover-bg: rgba(var(--home-color-primary-rgb), .1);--home-shadow-sm: 0 1px 2px 0 rgba(100, 116, 139, .1);--home-shadow-md: 0 3px 5px -1px rgba(100, 116, 139, .12), 0 2px 3px -2px rgba(100, 116, 139, .08);--home-shadow-lg: 0 8px 12px -3px rgba(100, 116, 139, .15), 0 4px 5px -4px rgba(100, 116, 139, .08);--home-shadow-xl: 0 15px 20px -5px rgba(100, 116, 139, .18), 0 6px 8px -6px rgba(100, 116, 139, .1);--home-shadow-glow-primary: 0 0 20px 0 rgba(var(--home-color-primary-rgb), .2);--home-shadow-glow-danger: 0 0 25px 5px rgba(var(--home-color-danger-rgb), .2)}.home-page.light-theme .home-languages-section{background-color:#fff}.home-page.light-theme .home-language-icon{background-color:#fff;border-color:var(--home-color-border-light);color:var(--home-color-primary-dark)}.home-page.light-theme .home-language-cube-face{background-color:#e0e6f0;border:1px solid rgba(0,0,0,.1);color:#2a3f5f}.home-page.light-theme .home-get-started-section,.home-page.light-theme .home-stats-banner{color:var(--home-color-text-contrast)}.home-page.light-theme .home-stats-banner .home-stat-label{color:#ffffffd9}.home-page *,.home-page *:before,.home-page *:after{box-sizing:inherit}.home-container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.home-flex-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4rem;align-items:center}.home-reverse-wrap{flex-wrap:wrap-reverse}.home-section{padding:6rem 1.5rem;position:relative;width:100%;transition:background-color .2s ease}.home-better-way-section,.home-complexity-section,.home-features-section,.home-comparison-section,.home-languages-section{background-color:var(--home-color-background-alt)}.home-stats-banner{background:linear-gradient(135deg,var(--home-color-stats-banner-start) 0%,var(--home-color-stats-banner-end) 100%);padding:4rem 1.5rem;color:var(--home-color-text-contrast);position:relative}.home-stats-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.1) 100%);z-index:0;opacity:.7}.home-get-started-section{padding:7rem 1.5rem;background:linear-gradient(140deg,var(--home-color-get-started-start) 0%,var(--home-color-get-started-end) 100%);color:var(--home-color-text-contrast);text-align:center;position:relative}.home-get-started-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top,rgba(255,255,255,.08) 0%,transparent 70%);z-index:0;opacity:.6}.home-section-title{font-size:clamp(2rem,4.5vw + .5rem,3rem);font-weight:700;margin-top:0;margin-bottom:1.5rem;color:var(--home-color-text-primary);position:relative;padding-bottom:1.2rem;line-height:1.2;letter-spacing:-.02em}.home-section-title-center{text-align:center}.home-section-title-left{text-align:left}.home-section-title:after{content:"";position:absolute;bottom:0;width:70px;height:4px;background:linear-gradient(to right,var(--home-color-primary-light),var(--home-color-primary));border-radius:var(--home-radius-sm)}.home-section-title-center:after{left:50%;transform:translate(-50%)}.home-section-title-left:after{left:0;transform:translate(0)}.home-section-subtitle{text-align:center;max-width:700px;margin:0 auto 3rem;color:var(--home-color-text-secondary);font-size:clamp(1.05rem,1.8vw + .5rem,1.25rem);line-height:1.7}.home-section-subtitle-alt{text-align:left;max-width:600px;margin:-1rem 0 2.5rem;color:var(--home-color-text-secondary);font-size:1.1rem;line-height:1.7}.home-languages-subtitle{max-width:none;margin-bottom:2rem}.home-paragraph{margin-top:0;margin-bottom:1rem;color:var(--home-color-text-secondary);line-height:1.7}.home-paragraph-primary{color:var(--home-color-text-primary)}.home-paragraph:last-child{margin-bottom:0}.home-link{text-decoration:none;color:var(--home-color-link);transition:var(--home-transition-base)}.home-link:hover{text-decoration:none;color:var(--home-color-link-hover)}.home-button{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.8rem;border-radius:var(--home-radius-base);font-weight:600;font-size:1rem;border:1px solid transparent;cursor:pointer;transition:var(--home-transition-base);box-shadow:var(--home-shadow-sm);position:relative;z-index:1;white-space:nowrap;-webkit-tap-highlight-color:transparent;text-decoration:none;color:inherit}.home-button-lg{padding:.9rem 2rem;font-size:1.05rem}.home-button-primary{background:var(--home-color-primary);color:var(--home-color-primary-text-contrast);border-color:var(--home-color-primary)}.home-button-primary:hover{background:var(--home-color-primary-light);border-color:var(--home-color-primary-light);transform:translateY(-2px);box-shadow:var(--home-shadow-md),var(--home-shadow-glow-primary);color:var(--home-color-primary-text-contrast)}.home-button-secondary{background:var(--home-color-surface);color:var(--home-color-text-primary);border-color:var(--home-color-border)}.home-button-secondary:hover{background:var(--home-color-background-alt);border-color:var(--home-color-border-hover);transform:translateY(-2px);box-shadow:var(--home-shadow-md);color:var(--home-color-text-primary)}.home-button-cta{box-shadow:var(--home-shadow-md)}.home-button-cta-start{background:var(--home-color-primary);color:var(--home-color-primary-text-contrast);border-color:var(--home-color-primary)}.home-button-cta-start:hover{background:var(--home-color-primary-light);border-color:var(--home-color-primary-light);transform:translateY(-2px);box-shadow:var(--home-shadow-lg),var(--home-shadow-glow-primary);color:var(--home-color-primary-text-contrast)}.home-button-cta-pro{background:transparent;border:1px solid var(--home-cta-pro-border-color);color:var(--home-cta-pro-text-color)}.home-button-cta-pro:hover{background:var(--home-cta-pro-hover-bg);border-color:var(--home-cta-pro-text-color);transform:translateY(-2px);box-shadow:var(--home-shadow-lg);color:var(--home-cta-pro-text-color)}.home-button-view-all{color:var(--home-color-primary);border:2px solid var(--home-color-primary);padding:.7rem 1.6rem;background-color:var(--home-color-background-alt);font-weight:600;box-shadow:var(--home-shadow-sm)}.home-page.light-theme .home-button-view-all{background-color:#fff}.home-button-view-all:hover{background-color:rgba(var(--home-color-primary-rgb),.1);border-color:var(--home-color-primary-light);color:var(--home-color-primary-light);transform:translateY(-2px);box-shadow:var(--home-shadow-md)}.home-button:active{transform:scale(.98);transition-duration:.05s}.home-button-icon{margin-right:8px;width:18px;height:18px}.home-button-icon-lg{width:20px;height:20px}.home-button-icon-right{margin-right:0;margin-left:8px}@keyframes subtlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.home-button-cta-start{animation:subtlePulse 3s infinite ease-in-out}.home-hero-section{min-height:95vh;display:flex;align-items:center;z-index:1;padding:8rem 1.5rem 6rem;position:relative}.home-hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:1}.home-hero-shape{position:absolute;border-radius:var(--home-radius-full);filter:blur(140px);animation:homeSubtlePulse 22s infinite alternate ease-in-out,homeDrift 70s infinite linear alternate}.home-hero-shape1{width:500px;height:500px;background:hsl(var(--home-color-primary-hsl),35%);top:-150px;right:-180px;opacity:.15;animation-duration:22s,70s}.home-hero-shape2{width:700px;height:700px;--home-shape2-bg: var(--home-color-surface);background:var(--home-shape2-bg);bottom:-250px;left:-250px;opacity:.12;animation-duration:26s,80s;animation-direction:alternate-reverse,linear alternate-reverse}.home-hero-shape3{width:450px;height:450px;--home-shape3-bg: hsl(var(--home-color-success-hsl), 30%);background:var(--home-shape3-bg);top:50%;left:60%;transform:translate(-50%,-50%);opacity:.09;animation-duration:24s,75s;animation-direction:alternate,linear}.home-hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.home-hero-particle{position:absolute;--home-particle-color: var(--home-color-primary-light);background:var(--home-particle-color);border-radius:var(--home-radius-full);animation:homeFloatParticle var(--home-particle-duration, 25s) var(--home-particle-delay, 0s) infinite ease-in-out;box-shadow:0 0 6px 1px rgba(var(--home-color-primary-rgb),.1);top:var(--home-particle-top, 50%);left:var(--home-particle-left, 50%);width:var(--home-particle-width, 2px);height:var(--home-particle-height, 2px);opacity:0}.home-hero-content-container{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:1400px;z-index:2;gap:2rem}.home-hero-text{flex:1 1 50%;min-width:0;max-width:650px;z-index:2}.home-hero-title{font-size:clamp(2.5rem,6vw + .5rem,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--home-color-text-primary);letter-spacing:-.04em}.home-hero-title-line{display:block}.home-hero-highlight-gradient{background:linear-gradient(to right,var(--home-color-primary-light),var(--home-color-primary));-webkit-background-clip:text;background-clip:text;color:transparent}.home-hero-subtitle{font-size:clamp(1rem,1.8vw + .5rem,1.3rem);font-weight:400;line-height:1.65;color:var(--home-color-text-secondary);margin-bottom:2.5rem;max-width:580px}.home-hero-buttons{display:flex;gap:1.2rem;margin-top:2.5rem;flex-wrap:wrap}.home-hero-visualization-container{flex:1 1 50%;min-width:0;max-width:800px;position:relative;display:flex;justify-content:center;align-items:center;padding:1rem 0;perspective:1800px;z-index:1}@keyframes homeSubtlePulse{0%{opacity:var(--home-pulse-opacity-start, .08);transform:scale(.9) translate(var(--home-drift-x, 0px),var(--home-drift-y, 0px))}to{opacity:var(--home-pulse-opacity-end, .18);transform:scale(1.1) translate(var(--home-drift-x, 0px),var(--home-drift-y, 0px))}}@keyframes homeDrift{0%{--home-drift-x: 0px;--home-drift-y: 0px}25%{--home-drift-x: 25px;--home-drift-y: -18px}50%{--home-drift-x: -18px;--home-drift-y: 30px}75%{--home-drift-x: -22px;--home-drift-y: -12px}to{--home-drift-x: 0px;--home-drift-y: 0px}}@keyframes homeFloatParticle{0%,to{transform:translate(calc(var(--home-drift-x,0)*.4px),calc(var(--home-drift-y,0)*.4px)) scale(.8);opacity:0}15%,85%{opacity:calc(var(--home-particle-opacity, .2)*.7)}50%{transform:translate(calc(var(--home-drift-x,0)*1.2px),calc(var(--home-drift-y,0)*1.2px)) scale(1);opacity:var(--home-particle-opacity, .2)}}.home-algo-visualization-glow{position:relative;width:100%}.home-algo-visualization-glow:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background:radial-gradient(ellipse at center,rgba(var(--home-color-primary-rgb),.12) 0%,transparent 70%);filter:blur(30px);border-radius:var(--home-radius-xl);z-index:0;opacity:.8;transition:opacity .3s ease,background .3s ease;pointer-events:none}.home-algo-visualization{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:clamp(8px,1.5vw,16px);padding:clamp(8px,1.5vw,16px);background-color:var(--home-color-editor-background);border-radius:var(--home-radius-lg);width:100%;min-height:400px;box-shadow:0 0 0 1px var(--home-color-border),var(--home-shadow-xl);border:1px solid var(--home-color-border);transform:rotateX(6deg) rotateY(-8deg) scale(1);transition:background-color .2s ease,box-shadow .3s ease,transform .4s ease,border-color .2s ease;margin:0 auto}.home-algo-pane{background-color:var(--home-color-background-alt);border-radius:var(--home-radius-base);border:1px solid var(--home-color-border);display:flex;flex-direction:column;transition:var(--home-transition-base);position:relative}.home-algo-pane-header{background-color:var(--home-color-surface);padding:clamp(4px,1vw,8px) clamp(8px,1.2vw,14px);font-size:clamp(.7rem,1.5vw,.85rem);font-weight:600;color:var(--home-color-text-secondary);border-bottom:1px solid var(--home-color-border);display:flex;justify-content:space-between;align-items:center;min-height:clamp(30px,5vw,40px);flex-shrink:0;z-index:2;position:relative}.home-algo-pane-content{padding:clamp(8px,1.5vw,16px);flex-grow:1}.home-algo-prompt-pane .home-algo-pane-content{padding-top:clamp(6px,1vw,12px)}.home-algo-prompt-title{font-weight:600;color:var(--home-color-text-primary);margin-bottom:clamp(8px,1.2vw,14px);font-size:clamp(.85rem,1.8vw,1rem)}.home-algo-prompt-lines{display:flex;flex-direction:column;gap:clamp(4px,.8vw,8px)}.home-algo-prompt-line{height:clamp(6px,1vw,10px);background-color:var(--home-color-border);border-radius:var(--home-radius-sm);opacity:.4}.home-algo-prompt-line:nth-child(odd){opacity:.3}.home-algo-input-pane .home-algo-pane-content{background-color:var(--home-color-editor-background);padding:clamp(8px,1.5vw,16px) clamp(6px,1vw,10px)}.home-algo-code-area{display:flex;flex-direction:column;gap:clamp(3px,.6vw,6px)}.home-algo-code-line{display:flex;height:clamp(8px,1.2vw,12px);align-items:center}.home-algo-code-block{height:90%;border-radius:var(--home-radius-sm);display:inline-block;opacity:.9;margin-right:4px}.home-algo-tests-pane{grid-row:2 / 3}.home-algo-tests-pane .home-algo-pane-content{display:flex;flex-direction:column;gap:clamp(4px,.8vw,8px);padding:clamp(6px,1vw,12px)}.home-algo-test-case{display:flex;align-items:center;gap:10px;height:clamp(8px,1.2vw,12px)}.home-algo-test-bar-container{flex-grow:1;height:100%;background-color:var(--home-color-surface);border-radius:var(--home-radius-sm);overflow:hidden;border:1px solid var(--home-color-border)}.home-algo-test-bar{height:100%;border-radius:0;transition:width .15s linear,background-color .2s ease;width:0%;background-color:var(--home-color-border-light)}.home-algo-test-status-running .home-algo-test-bar{background-color:var(--home-color-warning)}.home-algo-test-status-pass .home-algo-test-bar{background-color:var(--home-color-success);width:100%}.home-algo-test-status-fail .home-algo-test-bar{background-color:var(--home-color-danger);width:100%}.home-algo-overall-progress{display:none}.home-algo-output-pane{grid-row:2 / 3}.home-algo-output-pane .home-algo-pane-content{display:flex;flex-direction:column;gap:clamp(5px,1vw,10px);padding:clamp(6px,1vw,12px)}.home-algo-output-item{display:flex;align-items:center;gap:clamp(5px,1vw,10px);transition:opacity .2s ease,color .2s ease;opacity:1;height:clamp(14px,2vw,20px)}.home-algo-output-icon{width:clamp(14px,2vw,20px);height:clamp(14px,2vw,20px);display:flex;justify-content:center;align-items:center;font-size:clamp(.8rem,1.5vw,1.1rem);flex-shrink:0;line-height:1;border-radius:var(--home-radius-full);padding:2px;background-color:transparent;color:var(--home-color-text-tertiary)}.home-algo-output-status-pass .home-algo-output-icon{background-color:rgba(var(--home-color-success-rgb),.15);color:var(--home-color-success)}.home-algo-output-status-fail .home-algo-output-icon{background-color:rgba(var(--home-color-danger-rgb),.15);color:var(--home-color-danger)}.home-algo-output-bar{height:clamp(8px,1.2vw,12px);flex-grow:1;border-radius:var(--home-radius-sm);transition:background-color .2s ease;max-width:none;opacity:.7;background-color:var(--home-color-border)}.home-algo-output-status-pass .home-algo-output-bar{background-color:var(--home-color-success)}.home-algo-output-status-fail .home-algo-output-bar{background-color:var(--home-color-danger)}.home-algo-output-pending-dot{width:clamp(5px,.8vw,8px);height:clamp(5px,.8vw,8px);border-radius:var(--home-radius-full);background-color:currentColor;animation:homeAlgoPulsePending 1.4s infinite ease-in-out}@keyframes homeAlgoPulsePending{0%,to{opacity:.5}50%{opacity:1}}.home-algo-action-button{position:absolute;top:clamp(3px,.8vw,6px);right:clamp(5px,1vw,10px);z-index:3;padding:clamp(3px,.8vw,6px) clamp(6px,1vw,12px);font-size:clamp(.7rem,1.2vw,.8rem);box-shadow:var(--home-shadow-md);border-radius:var(--home-radius-base);font-weight:500;color:var(--home-color-primary-text-contrast);border:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:var(--home-transition-base);cursor:pointer;-webkit-tap-highlight-color:transparent}.home-algo-run-button{background-color:var(--home-color-primary)}.home-algo-run-button:hover:not(:disabled){background-color:var(--home-color-primary-light);transform:translateY(-1px);box-shadow:var(--home-shadow-lg)}.home-algo-submit-button{background-color:var(--home-color-success);color:var(--home-color-text-contrast)}.home-algo-submit-button:hover:not(:disabled){background-color:var(--home-color-success-light);transform:translateY(-1px);box-shadow:var(--home-shadow-lg)}.home-algo-action-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.home-algo-spinner{width:12px;height:12px;border-radius:var(--home-radius-full);border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:homeAlgoSpin .7s linear infinite}@keyframes homeAlgoSpin{to{transform:rotate(360deg)}}.home-comparison-table-wrapper{margin-top:3rem;overflow-x:auto;border:1px solid var(--home-color-border);border-radius:var(--home-radius-lg);box-shadow:var(--home-shadow-lg);background-color:var(--home-color-surface);display:block}.home-comparison-table{width:100%;border-collapse:collapse;border-radius:var(--home-radius-lg)}.home-comparison-th,.home-comparison-td{padding:1rem 1.25rem;text-align:center;border-bottom:1px solid var(--home-color-border);vertical-align:middle}.home-comparison-th{background-color:var(--home-color-table-header);color:var(--home-color-text-secondary);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.home-comparison-td-feature{text-align:left;font-weight:500;color:var(--home-color-text-primary);min-width:200px}.home-comparison-tr:last-child .home-comparison-td{border-bottom:none}.home-comparison-tr:nth-child(2n){background-color:var(--home-color-table-row-alt)}.home-comparison-td-mastercode{background-color:var(--home-color-table-highlight-cell)}.home-comparison-th-mastercode{background-color:var(--home-color-table-highlight-header);color:var(--home-color-table-highlight-header-text)}.home-comparison-pass{color:var(--home-color-success)}.home-comparison-fail{color:var(--home-color-danger)}.home-comparison-icon{display:block;margin:0 auto;width:20px;height:20px}.home-comparison-cards{display:none;flex-direction:column;gap:1.5rem;margin-top:2rem}.home-comparison-card{background-color:var(--home-color-surface);border-radius:var(--home-radius-lg);border:1px solid var(--home-color-border);overflow:hidden;box-shadow:var(--home-shadow-md)}.home-comparison-card-header{background-color:var(--home-color-table-header);padding:1rem;border-bottom:1px solid var(--home-color-border)}.home-comparison-card-feature{margin:0;font-size:1rem;font-weight:600;color:var(--home-color-text-primary);text-align:center}.home-comparison-card-body{padding:.75rem}.home-comparison-card-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--home-color-border-light)}.home-comparison-card-row:last-child{border-bottom:none}.home-comparison-card-row-mc{background-color:var(--home-color-table-highlight-cell);font-weight:600}.home-comparison-card-label{font-weight:500;color:var(--home-color-text-secondary)}.home-comparison-card-value{display:flex;align-items:center}.home-better-way-content{flex:1 1 50%;max-width:600px;min-width:0}.home-better-way-points{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.home-better-way-point{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;background-color:var(--home-color-surface);border-radius:var(--home-radius-base);border:1px solid var(--home-color-border);transition:var(--home-transition-base);color:var(--home-color-text-secondary)}.home-better-way-point:hover{transform:scale(1.02);border-color:var(--home-color-border-light);box-shadow:var(--home-shadow-md);color:var(--home-color-text-primary)}.home-point-icon{font-size:1.1rem;line-height:1}.home-point-icon-bad{color:var(--home-color-danger)}.home-point-text{font-size:1rem;font-weight:500;flex-grow:1}.home-better-way-visual{flex:1 1 45%;max-width:500px;min-width:0;position:relative;display:flex;justify-content:center;align-items:center;min-height:400px}.home-job-app-icons{position:relative;width:100%;height:100%;min-height:350px;transition:transform .3s ease}.home-email-icon{position:absolute;padding:.8rem 1.2rem;border-radius:var(--home-radius-lg);background-color:var(--home-color-surface);border:1px solid var(--home-color-border);color:var(--home-color-text-primary);font-weight:500;font-size:.9rem;animation:homeFloatIcon 13s ease-in-out infinite alternate;box-shadow:var(--home-shadow-lg);animation-delay:var(--home-float-offset);transition:transform .25s ease,box-shadow .25s ease,background-color .2s ease,border-color .2s ease,color .2s ease;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.home-email-icon-svg{color:var(--home-color-text-tertiary);transition:color .25s ease;flex-shrink:0;width:16px;height:16px}.home-email-icon:hover .home-email-icon-svg{color:var(--home-color-primary)}.home-cold-email{top:10%;left:5%}.home-inmail-message{top:20%;left:75%;transform:translate(-50%)}.home-job-application{top:75%;left:15%}.home-recruiting-agency{top:55%;left:65%;transform:translate(-50%)}.home-trash-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--home-color-trash-icon-start),var(--home-color-trash-icon-end));border-radius:var(--home-radius-full);color:var(--home-color-text-contrast);box-shadow:var(--home-shadow-glow-danger),var(--home-shadow-lg);z-index:2;animation:homePulseGlowDanger 3.5s infinite alternate}.home-trash-icon-svg{width:32px;height:32px}@keyframes homeFloatIcon{0%{transform:translateY(0) rotate(var(--home-rotate-start, 0deg)) translate(var(--home-trans-x, 0));box-shadow:var(--home-shadow-lg)}to{transform:translateY(-14px) rotate(var(--home-rotate-end, 0deg)) translate(var(--home-trans-x, 0));box-shadow:var(--home-shadow-xl)}}@keyframes homePulseGlowDanger{0%{box-shadow:0 0 15px 3px rgba(var(--home-color-danger-rgb),.25),var(--home-shadow-lg);transform:translate(-50%,-50%) scale(1)}to{box-shadow:0 0 30px 8px rgba(var(--home-color-danger-rgb),.35),var(--home-shadow-xl);transform:translate(-50%,-50%) scale(1.05)}}.home-path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2.5rem;margin-top:4rem}.home-path-step{background-color:var(--home-color-surface);border-radius:var(--home-radius-lg);padding:2rem 1.8rem;text-align:center;border:1px solid var(--home-color-border);transition:var(--home-transition-base);position:relative}.home-path-step:hover{transform:translateY(-8px);box-shadow:var(--home-shadow-lg);border-color:var(--home-color-primary)}.home-path-icon-wrapper{width:60px;height:60px;margin:0 auto 1.5rem;background:linear-gradient(145deg,var(--home-color-surface),var(--home-color-background-alt));border-radius:var(--home-radius-full);display:flex;align-items:center;justify-content:center;color:var(--home-color-primary-light);border:1px solid var(--home-color-border);transition:var(--home-transition-base)}.home-path-step:hover .home-path-icon-wrapper{background:linear-gradient(145deg,var(--home-color-primary),var(--home-color-primary-dark));color:var(--home-color-text-contrast);border-color:var(--home-color-primary);box-shadow:var(--home-shadow-glow-primary);transform:scale(1.05)}.home-path-icon{width:32px;height:32px}.home-path-title{font-size:1.25rem;font-weight:600;color:var(--home-color-text-primary);margin-top:0;margin-bottom:.8rem}.home-path-description{color:var(--home-color-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:0}.home-complexity-section .home-flex-container{gap:5rem}.home-complexity-content{flex:1 1 50%;max-width:550px;min-width:0}.home-complexity-points{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.home-complexity-point{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background-color:var(--home-color-surface);border-radius:var(--home-radius-base);border:1px solid var(--home-color-border)}.home-complexity-point-icon{color:var(--home-color-primary-light);flex-shrink:0;margin-top:4px;width:24px;height:24px}.home-complexity-point-text-wrapper{flex-grow:1}.home-complexity-point-title{margin-top:0;margin-bottom:.3rem;font-size:1.1rem;font-weight:600;color:var(--home-color-text-primary)}.home-complexity-point-desc{color:var(--home-color-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.home-complexity-cta{margin-top:2rem;display:inline-flex;align-items:center;gap:6px}.home-complexity-visual{flex:1 1 40%;min-width:0;display:flex;justify-content:center;align-items:center;min-height:300px}.home-complexity-chart-placeholder{width:80%;max-width:300px;height:250px;background-color:var(--home-color-surface);border-radius:var(--home-radius-base);border:1px solid var(--home-color-border);display:flex;align-items:flex-end;justify-content:space-around;padding:1rem 1rem .5rem;position:relative;box-shadow:var(--home-shadow-md)}.home-chart-bar{width:18%;background:linear-gradient(to top,var(--home-color-primary),var(--home-color-primary-light));border-radius:var(--home-radius-sm) var(--home-radius-sm) 0 0;transition:height .5s ease-out}.home-chart-label{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:.8rem;color:var(--home-color-text-tertiary);white-space:nowrap}.home-chart-label-y{bottom:auto;top:50%;left:-40px;transform:translateY(-50%) rotate(-90deg)}.home-explore-action{margin-bottom:3.5rem;text-align:center}.home-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.8rem;max-width:1000px;margin:0 auto;perspective:1000px}.home-categories-grid-15{grid-template-columns:repeat(5,1fr)}.home-category-card-link{text-decoration:none;color:inherit;display:block}.home-category-card{background-color:transparent;border-radius:var(--home-radius-lg);height:110px;position:relative;cursor:pointer}.home-category-card-inner{position:relative;width:100%;height:100%;transition:var(--home-transition-flip);transform-style:preserve-3d;box-shadow:var(--home-shadow-md);border-radius:inherit}.home-category-card-link:hover .home-category-card-inner{transform:rotateY(180deg);box-shadow:var(--home-shadow-lg)}.home-category-card-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.8rem;text-align:center;border:1px solid var(--home-color-border);transition:border-color .3s ease,background-color .3s ease}.home-category-card-link:hover .home-category-card-face{border-color:var(--home-color-primary)}.home-category-card-front{background-color:var(--home-color-background-alt);color:var(--home-color-text-primary)}.home-category-card-back{background-color:var(--home-color-primary);color:var(--home-color-primary-text-contrast);transform:rotateY(180deg)}.home-category-icon{margin-bottom:.6rem;color:var(--home-color-primary-light);transition:color var(--home-transition-base);z-index:1}.home-category-card-link:hover .home-category-card-front .home-category-icon{color:var(--home-color-primary)}.home-category-icon-svg{width:30px;height:30px}.home-category-title{font-weight:600;font-size:.9rem;transition:color var(--home-transition-base);color:inherit;z-index:1;margin:0;line-height:1.3}.home-category-card-link:hover .home-category-card-front .home-category-title{color:var(--home-color-primary)}.home-category-back-joke{font-size:1rem;font-weight:500;line-height:1.4;padding:0 .5rem}.home-category-card:hover{transform:none}.home-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:4rem}.home-feature-card{background:var(--home-color-surface);border-radius:var(--home-radius-lg);padding:2.5rem 2rem;text-align:center;transition:var(--home-transition-base);box-shadow:var(--home-shadow-sm);border:1px solid var(--home-color-border);display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.home-feature-card:hover{transform:translateY(-8px);box-shadow:var(--home-shadow-xl);border-color:var(--home-color-border-hover);background-color:var(--home-color-background-alt)}.home-feature-icon-wrapper{width:55px;height:55px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--home-color-primary-light);background:rgba(var(--home-color-primary-rgb),.08);border-radius:var(--home-radius-full);transition:var(--home-transition-base);flex-shrink:0;border:1px solid rgba(var(--home-color-primary-rgb),.1)}.home-feature-card:hover .home-feature-icon-wrapper{background:rgba(var(--home-color-primary-rgb),.12);transform:scale(1.1);box-shadow:var(--home-shadow-glow-primary);color:var(--home-color-primary)}.home-feature-icon{width:26px;height:26px}.home-feature-title{font-size:1.2rem;margin-top:0;margin-bottom:.8rem;color:var(--home-color-text-primary);font-weight:600}.home-feature-description{color:var(--home-color-text-secondary);line-height:1.6;font-size:.95rem;flex-grow:1;margin-bottom:0}.home-languages-section .home-flex-container{align-items:center;gap:5rem;justify-content:space-between}.home-language-list-container{flex:1 1 55%;min-width:0;max-width:580px}.home-language-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.1rem}.home-language-item{display:flex;align-items:center;gap:1rem}.home-language-icon{color:var(--home-color-primary);background-color:var(--home-color-surface);border:1px solid var(--home-color-border);border-radius:var(--home-radius-full);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem;font-weight:500;line-height:1}.home-language-text{font-size:1rem;line-height:1.5}.home-language-name{font-weight:600;color:var(--home-color-text-primary)}.home-language-desc{color:var(--home-color-text-secondary)}.home-language-cube-container{flex:0 1 40%;max-width:400px;min-height:450px;display:flex;justify-content:center;align-items:center;perspective:1500px}.home-language-cube{--cube-size: 280px;width:var(--cube-size);height:var(--cube-size);position:relative;transform-style:preserve-3d;animation:homeRotateCube 30s infinite linear;transform:rotateX(-25deg) rotateY(-45deg)}.home-language-cube-face{position:absolute;width:var(--cube-size);height:var(--cube-size);background-color:rgba(var(--home-color-primary-rgb),.15);border:1px solid var(--home-color-primary-dark);color:var(--home-color-text-contrast);font-size:clamp(3.5rem,15vw,6rem);font-weight:700;display:flex;justify-content:center;align-items:center;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.2);overflow:hidden}.home-language-cube-front{transform:rotateY(0) translateZ(calc(var(--cube-size) / 2));background-color:rgba(var(--home-color-primary-rgb),.2)}.home-language-cube-back{transform:rotateY(180deg) translateZ(calc(var(--cube-size) / 2))}.home-language-cube-right{transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2));background-color:rgba(var(--home-color-primary-rgb),.18)}.home-language-cube-left{transform:rotateY(-90deg) translateZ(calc(var(--cube-size) / 2))}.home-language-cube-top{transform:rotateX(90deg) translateZ(calc(var(--cube-size) / 2));background-color:rgba(var(--home-color-primary-rgb),.22)}.home-language-cube-bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube-size) / 2))}@keyframes homeRotateCube{0%{transform:rotateX(-25deg) rotateY(-45deg)}to{transform:rotateX(-25deg) rotateY(315deg)}}.home-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2.5rem;text-align:center;position:relative;z-index:1}.home-stat-item{display:flex;flex-direction:column;align-items:center;transition:var(--home-transition-base)}.home-stat-item:hover{transform:scale(1.08)}.home-stat-number{font-size:clamp(2rem,4.5vw,3rem);font-weight:700;margin-bottom:.3rem;text-shadow:0 1px 3px rgba(0,0,0,.1);color:var(--home-color-text-contrast)}.home-count-up{opacity:0;animation:homeCountUpEffect .9s .15s ease-out forwards}@keyframes homeCountUpEffect{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home-stat-label{font-size:.95rem;color:#ffffffd9;text-transform:uppercase;letter-spacing:.05em}.home-courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:4rem}.home-course-card{background-color:var(--home-color-background-alt);border-radius:var(--home-radius-lg);box-shadow:var(--home-shadow-md);transition:all .3s ease;height:100%;display:flex;flex-direction:column;border:1px solid var(--home-color-border);text-decoration:none;color:inherit;position:relative;overflow:hidden}.home-course-card:hover{transform:translateY(-10px);box-shadow:var(--home-shadow-xl);border-color:var(--home-color-primary);z-index:10}.home-course-thumbnail{position:relative;height:180px;overflow:hidden;border-top-left-radius:calc(var(--home-radius-lg) - 1px);border-top-right-radius:calc(var(--home-radius-lg) - 1px)}.home-course-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.home-course-thumbnail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.1) 60%,transparent 100%);transition:background .4s ease;z-index:1}.home-course-labels{position:absolute;left:1.2rem;bottom:1rem;z-index:2;display:flex;flex-wrap:wrap;gap:.6rem}.home-course-label{padding:.35rem .8rem;font-weight:600;font-size:.75rem;border-radius:var(--home-radius-base);box-shadow:0 1px 3px #0000004d;line-height:1;white-space:nowrap}.home-label-topic{background-color:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--home-color-text-contrast)}.home-label-pro{background-color:var(--home-color-primary-light);color:hsl(var(--home-color-primary-hsl),20%)}.home-course-details{padding:1.8rem;display:flex;flex-direction:column;flex-grow:1}.home-course-title{font-size:1.3rem;font-weight:600;margin-top:0;margin-bottom:.8rem;color:var(--home-color-text-primary)}.home-course-description{font-size:.95rem;color:var(--home-color-text-secondary);margin-bottom:1.5rem;flex-grow:1;line-height:1.6}.home-course-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;font-size:.85rem;color:var(--home-color-text-tertiary)}.home-meta-item{display:inline-flex;align-items:center;gap:6px}.home-meta-item-icon{width:14px;height:14px;color:var(--home-color-text-tertiary)}.home-course-link{display:inline-flex;align-items:center;gap:6px;color:var(--home-color-primary-light);font-weight:500;font-size:.95rem;margin-top:auto;align-self:flex-start;transition:var(--home-transition-base);text-decoration:none}.home-course-card:hover .home-course-link{color:var(--home-color-primary);text-decoration:underline}.home-course-link-icon{width:16px;height:16px;transition:transform .2s ease}.home-course-card:hover .home-course-link-icon{transform:translate(4px)}.home-courses-cta{margin-top:4rem;text-align:center}.home-get-started-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.home-cta-title{font-size:clamp(2rem,4.5vw + .5rem,3rem);font-weight:700;margin-top:0;margin-bottom:1.5rem;text-shadow:0 1px 3px rgba(0,0,0,.1);color:var(--home-color-text-contrast)}.home-cta-subtitle{font-size:clamp(1.1rem,2vw + .5rem,1.4rem);margin-bottom:3rem;opacity:.9;max-width:650px;margin-left:auto;margin-right:auto;color:#ffffffe6}.home-get-started-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.home-get-started-section .home-button-cta-start{color:#fff!important}.home-get-started-section .home-button-cta-pro{background-color:transparent;border:1px solid rgba(255,255,255,.7);color:#fff!important;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.home-get-started-section .home-button-cta-pro:hover{background-color:#ffffff1a;border-color:#fff;color:#fff!important;transform:translateY(-2px);box-shadow:var(--home-shadow-lg)}.home-scroll-to-top-button{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;background-color:var(--home-color-primary);color:var(--home-color-primary-text-contrast);border-radius:var(--home-radius-full);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--home-shadow-lg);opacity:0;transform:translateY(20px);transition:opacity .3s ease-out,transform .3s ease-out,background-color .2s ease;z-index:1000;-webkit-tap-highlight-color:transparent;visibility:hidden}.home-page .home-scroll-to-top-button{opacity:1;transform:translateY(0);visibility:visible}.home-scroll-to-top-button:hover{background-color:var(--home-color-primary-light);transform:scale(1.05);box-shadow:var(--home-shadow-xl)}.home-scroll-to-top-button:active{transform:scale(.95);transition-duration:.1s}.home-scroll-to-top-button:focus-visible{outline:2px solid var(--home-color-primary-light);outline-offset:3px}@media (max-width: 1100px){.home-hero-content-container{gap:1.5rem}.home-hero-text{flex-basis:48%}.home-hero-visualization-container{flex-basis:52%}.home-algo-visualization{transform:rotateX(4deg) rotateY(-5deg) scale(.98);min-height:380px}.home-categories-grid-15{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.home-category-card{height:110px}.home-languages-section .home-flex-container{gap:3rem}.home-language-cube{--cube-size: 240px}.home-language-cube-container{min-height:380px}.home-language-cube-face{font-size:clamp(3rem,12vw,5rem)}}@media (max-width: 991px){.home-section{padding:5rem 1.5rem}.home-hero-section{padding-top:7rem;padding-bottom:5rem}.home-flex-container{gap:3rem}.home-algo-visualization{transform:rotateX(2deg) rotateY(-3deg) scale(.96);min-height:350px}.home-comparison-th,.home-comparison-td{padding:.8rem 1rem;font-size:.9rem}.home-comparison-td-feature{font-size:.9rem}.home-job-app-icons{transform:scale(.9)}.home-categories-grid-15{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.home-category-card{height:100px}.home-category-icon-svg{width:28px;height:28px}.home-category-title{font-size:.85rem}.home-category-back-joke{font-size:.9rem}.home-languages-section .home-flex-container{flex-direction:column-reverse;align-items:center}.home-language-list-container{flex-basis:100%;max-width:600px;text-align:left;padding-right:0}.home-languages-subtitle{text-align:left}.home-language-list{margin-top:2rem;align-items:flex-start}.home-language-item{justify-content:flex-start;width:100%;max-width:400px}.home-language-cube-container{flex-basis:auto;margin-bottom:3rem;min-height:280px}.home-language-cube{--cube-size: 200px}.home-language-cube-face{font-size:clamp(2.5rem,10vw,4rem)}}@media (max-width: 799px){.home-hero-content-container{flex-wrap:wrap;justify-content:center}.home-hero-visualization-container{display:none}.home-hero-text{flex-basis:100%;max-width:600px;text-align:center}.home-hero-buttons{justify-content:center}.home-hero-subtitle{margin-left:auto;margin-right:auto}.home-section{padding:4rem 1rem}.home-container{padding:0 1rem}.home-hero-section{padding:5rem 1rem 3rem;min-height:auto}.home-hero-title{font-size:clamp(2.4rem,10vw,3.2rem);letter-spacing:-.03em}.home-hero-subtitle{font-size:clamp(1rem,4vw + .5rem,1.2rem)}.home-hero-buttons{gap:1rem}.home-button{padding:.8rem 1.5rem;font-size:.95rem}.home-button-lg{font-size:1rem;padding:.9rem 1.8rem}.home-section-title{font-size:clamp(1.8rem,6vw,2.2rem);margin-bottom:1.5rem;padding-bottom:.8rem}.home-section-title:after{width:50px;height:3px}.home-section-subtitle{margin:0 auto 2.5rem;font-size:1rem;line-height:1.6}.home-section-subtitle-alt{margin:-.5rem 0 2rem;font-size:1rem;line-height:1.6;text-align:center}.home-flex-container{flex-direction:column;text-align:center;gap:2.5rem}.home-languages-section .home-flex-container{align-items:center}.home-language-list-container,.home-languages-subtitle{text-align:left}.home-language-list{align-items:flex-start}.home-language-item{justify-content:flex-start;max-width:none}.home-reverse-wrap{flex-direction:column-reverse}.home-section-title-left{text-align:center}.home-section-title-left:after{left:50%;transform:translate(-50%)}.home-better-way-visual{min-height:300px;margin-top:1rem}.home-job-app-icons{transform:scale(.85)}.home-path-grid,.home-features-grid,.home-courses-grid{grid-template-columns:1fr;gap:1.5rem}.home-categories-grid-15{grid-template-columns:repeat(3,1fr);gap:1rem}.home-category-card{height:100px}.home-complexity-section .home-flex-container{text-align:center}.home-complexity-point{text-align:left}.home-complexity-visual{width:100%;margin-top:2rem}.home-stats-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.home-stat-number{font-size:clamp(1.8rem,7vw,2.4rem)}.home-get-started-actions{flex-direction:column;align-items:center;gap:1rem}.home-button-cta{width:100%;max-width:320px}.home-comparison-table-wrapper{display:none}.home-comparison-cards{display:flex}.home-language-text{font-size:.9rem}.home-language-desc{display:inline;font-size:.85rem;margin-top:0}.home-language-cube{--cube-size: 180px}.home-language-cube-face{font-size:clamp(2.2rem,9vw,3.5rem)}.home-language-cube-container{min-height:240px}}@media (max-width: 500px){.home-categories-grid-15{grid-template-columns:repeat(2,1fr)}.home-category-card{height:90px}.home-category-icon-svg{width:24px;height:24px}.home-category-title{font-size:.8rem}.home-category-back-joke{font-size:.85rem}.home-language-cube{--cube-size: 150px}.home-language-cube-face{font-size:clamp(2rem,8vw,3rem)}.home-language-cube-container{min-height:200px}.home-language-icon{width:32px;height:32px;font-size:1rem}.home-comparison-card-header{padding:.75rem}.home-comparison-card-feature{font-size:.9rem}.home-comparison-card-row{padding:.4rem .6rem}.home-comparison-card-label{font-size:.85rem}.home-comparison-icon{width:16px;height:16px}}@media (prefers-reduced-motion: reduce){.home-page *,.home-page *:before,.home-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;animation-delay:-.1ms!important;transition-delay:0s!important}.home-button-primary:hover,.home-button-secondary:hover,.home-button-cta-start:hover,.home-button-cta-pro:hover,.home-button-view-all:hover,.home-algo-run-button:hover:not(:disabled),.home-algo-submit-button:hover:not(:disabled),.home-email-icon:hover,.home-path-step:hover,.home-category-card-link:hover .home-category-card-inner,.home-feature-card:hover,.home-stat-item:hover,.home-course-card:hover,.home-button:active,.home-algo-action-button:active:not(:disabled){transform:none!important}.home-path-step:hover .home-path-icon-wrapper,.home-feature-card:hover .home-feature-icon-wrapper,.home-course-card:hover .home-course-thumbnail,.home-course-card:hover .home-course-link-icon,.home-algo-visualization,.home-category-card-link:hover .home-category-card-inner{transform:none!important}.home-language-cube{animation:none!important;transform:rotateX(0) rotateY(0)!important}.home-button-cta-start{animation:none!important}}.home-button:focus-visible,.home-link:focus-visible,.home-category-card-link:focus-visible .home-category-card-inner,.home-course-card:focus-visible{outline:2px solid var(--home-color-primary-light);outline-offset:3px;box-shadow:var(--home-shadow-lg)}.home-category-card-link:focus-visible .home-category-card-inner{border-color:var(--home-color-primary-light)}.home-algo-action-button:focus-visible{outline:2px solid var(--home-color-primary-light);outline-offset:2px}.lang-icon{font-size:1.5rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;color:inherit}.cube-lang-icon{font-size:10rem;width:10rem;height:10rem;color:var(--home-color-text-contrast);filter:drop-shadow(0 0 10px rgba(0,0,0,.3));transform:scale(1.5)}@media (max-width: 992px){.cube-lang-icon{font-size:8rem;width:8rem;height:8rem;transform:scale(1.3)}}@media (max-width: 768px){.cube-lang-icon{font-size:7rem;width:7rem;height:7rem;transform:scale(1.2)}.lang-icon{font-size:1.3rem;width:1.3rem;height:1.3rem}}@media (max-width: 576px){.cube-lang-icon{font-size:6rem;width:6rem;height:6rem;transform:scale(1.1)}.lang-icon{font-size:1.2rem;width:1.2rem;height:1.2rem}}.home-language-cube{box-shadow:0 0 30px rgba(var(--home-color-primary-rgb),.2)}:root:not(.light-theme) .home-language-cube-face{background-color:rgba(var(--home-color-primary-rgb),.12)!important}.home-page.light-theme .home-language-cube-face{background-color:#e0e6f0!important;box-shadow:inset 0 0 20px #0000000d}:root:not(.light-theme) .cube-lang-icon{filter:drop-shadow(0 0 15px rgba(255,255,255,.4));transition:all .3s ease}.home-page.light-theme .cube-lang-icon{filter:drop-shadow(0 0 10px rgba(0,0,0,.2));color:#2a3f5f;transition:all .3s ease}.home-language-cube-front .cube-lang-icon,.home-language-cube-top .cube-lang-icon,.home-language-cube-right .cube-lang-icon{opacity:.95}:root:not(.light-theme) .home-language-cube:hover .cube-lang-icon{filter:drop-shadow(0 0 20px rgba(255,255,255,.6))}.home-page.light-theme .home-language-cube:hover .cube-lang-icon{filter:drop-shadow(0 0 15px rgba(0,0,0,.25))}.home-page.light-theme .home-language-cube-face .cube-lang-icon{color:#2a3f5f;opacity:.9}.home-language-cube{transition:transform .5s ease}.home-page.light-theme .home-language-cube{box-shadow:0 10px 30px #0000001a}.home-page.light-theme .home-language-cube-face{background-color:#e0e7f2!important;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 10px #0000000d}:root:not(.light-theme) .home-language-cube-face{background-color:#3a7bf126!important;border:1px solid rgba(58,123,241,.4)}.home-page.light-theme .cube-lang-icon:not(.colored){color:#2a3f5f}:root:not(.light-theme) .cube-lang-icon:not(.colored){color:#fff}.home-page.light-theme .cube-lang-icon.colored{filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}:root:not(.light-theme) .cube-lang-icon.colored{filter:drop-shadow(0 0 8px rgba(255,255,255,.3));opacity:.95}.home-language-cube-face{backface-visibility:hidden;background-color:rgba(var(--home-color-primary-rgb),.1)!important}.fa-python.colored{color:#3776ab}.fa-js.colored{color:#f7df1e}.fa-java.colored{color:#ed8b00}.si-cplusplus.colored{color:#00599c}.si-typescript.colored{color:#007acc}.fa-microsoft.cs-icon.colored{color:#672179}.si-kotlin.colored{color:#b125ea}.fa-swift.colored{color:#fa7343}.fa-rust.colored{color:#dea584}.si-go.colored{color:#00add8}.home-page.light-theme .cube-lang-icon.colored{filter:brightness(.95) drop-shadow(0 2px 5px rgba(0,0,0,.2));opacity:.9}:root:not(.light-theme) .cube-lang-icon.colored{filter:brightness(1.3) drop-shadow(0 0 15px rgba(255,255,255,.3));opacity:.95}.cube-lang-icon.colored{transition:all .3s ease}.home-page.light-theme .cube-lang-icon.colored:hover{filter:brightness(1.1) drop-shadow(0 0 12px currentColor)}:root:not(.light-theme) .cube-lang-icon.colored:hover{filter:brightness(1.4) drop-shadow(0 0 20px currentColor)}.home-language-icon .colored{opacity:.9;transform:scale(1.2)}*{transition:var(--transition-theme)}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--color-background);padding:20px;box-sizing:border-box}.auth-container{background-color:var(--color-surface-elevated);padding:40px;border-radius:12px;box-shadow:var(--shadow-xl);width:100%;max-width:450px;text-align:center;border:1px solid var(--color-border)}.auth-title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem;font-family:Poppins,sans-serif}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;text-align:left;position:relative}.form-group label{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.auth-input{padding:14px 18px;border:1px solid var(--color-border);border-radius:16px;font-size:1rem;background-color:var(--color-background-code);color:var(--color-text-primary);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.auth-button{background-color:var(--color-primary);color:#fff;padding:14px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease;display:flex;justify-content:center;align-items:center;gap:8px}.auth-button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.auth-button:active{transform:translateY(0)}.auth-link{color:var(--color-primary);text-decoration:none;font-size:.9rem;font-weight:500}.auth-link:hover{text-decoration:underline;color:var(--color-primary-dark)}.error-message{color:var(--color-danger);font-size:.85rem;margin-top:-10px;margin-bottom:10px;text-align:left}.divider{display:flex;align-items:center;text-align:center;margin:25px 0;color:var(--color-text-tertiary);font-size:.85rem;font-weight:500}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.divider:not(:empty):before{margin-right:.75em}.divider:not(:empty):after{margin-left:.75em}.gsi-material-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;background-color:var(--color-surface-elevated);border:1px solid var(--color-border-hover);border-radius:8px;box-shadow:var(--shadow-sm);box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:Roboto,arial,sans-serif;font-size:1rem;font-weight:500;gap:12px;justify-content:center;min-height:40px;padding:12px 20px;position:relative;text-align:center;transition:background-color .2s,border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;width:100%}.gsi-material-button:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.gsi-material-button:active{background-color:var(--color-background-alt);box-shadow:var(--shadow-inner)}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:0;vertical-align:middle;width:20px;display:flex;align-items:center;justify-content:center}.gsi-material-button .gsi-material-button-icon svg{pointer-events:none;display:block;width:100%;height:100%}.gsi-material-button .gsi-material-button-content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;font-size:1rem;color:var(--color-text-secondary)}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .218s}.gsi-material-button:disabled{cursor:default;background-color:var(--color-background-alt);opacity:.6;border-color:var(--color-border)}.gsi-material-button:disabled .gsi-material-button-contents{color:var(--color-text-tertiary)}.gsi-material-button:disabled .gsi-material-button-icon{opacity:.38}.light-theme .gsi-material-button{background-color:#fff;border-color:#dadce0;color:#3c4043}.light-theme .gsi-material-button:hover{background-color:#f8f9fa;border-color:#dadce0;box-shadow:0 1px 3px #3c404333,0 1px 2px #3c404326}.light-theme .gsi-material-button:active{background-color:#f1f3f4}.light-theme .gsi-material-button .gsi-material-button-contents{color:#3c4043}.dark-theme .gsi-material-button{background-color:#131314;border-color:#8e918f;color:#e3e3e3}.dark-theme .gsi-material-button:hover{background-color:#1f1f20;border-color:#8e918f;box-shadow:0 1px 3px #0000004d,0 1px 2px #00000026}.dark-theme .gsi-material-button:active{background-color:#2c2c2d}.dark-theme .gsi-material-button .gsi-material-button-contents{color:#e3e3e3}.dark-theme .gsi-material-button:disabled{background-color:#1e1e1e80;border-color:#8e918f80}.dark-theme .gsi-material-button:disabled .gsi-material-button-contents{color:#e3e3e380}@media (max-width: 768px){.auth-container{padding:30px;margin:20px}.auth-title{font-size:2rem}.auth-input,.auth-button,.gsi-material-button{font-size:.95rem;padding:12px 16px}}@media (max-width: 480px){.auth-container{padding:20px;margin:10px;border-radius:10px}.auth-title{font-size:1.8rem;margin-bottom:1rem}.auth-form{gap:15px}.auth-input,.auth-button,.gsi-material-button{font-size:.9rem;padding:10px 14px}.gsi-material-button{gap:8px}.gsi-material-button .gsi-material-button-icon{height:18px;width:18px}}.password-toggle-btn{position:absolute;right:12px;top:38px;background:none;border:none;cursor:pointer;padding:0;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;width:24px;height:24px;outline:none;pointer-events:auto;z-index:10}.password-toggle-btn:focus{outline:none}.password-toggle-btn:hover{color:var(--color-text-primary)}.password-toggle-btn svg{width:18px;height:18px}.password-toggle-btn:before{content:"";width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.password-toggle-btn[data-password-visible=true]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E")}.dark-theme .password-toggle-btn:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.dark-theme .password-toggle-btn[data-password-visible=true]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E")}.password-toggle-btn:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.password-toggle-btn[data-password-visible=true]:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E")}.dark-theme .password-toggle-btn:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e2e8f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.dark-theme .password-toggle-btn[data-password-visible=true]:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e2e8f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E")}.problems-container{max-width:1200px;margin:0 auto;padding:30px 20px;color:var(--color-text-primary);transition:var(--transition-theme)}.problems-header{text-align:center;margin-bottom:30px}.problems-header h1{font-size:32px;margin-bottom:10px;color:var(--color-text-primary)}.problems-header p{font-size:16px;color:var(--color-text-secondary)}.problem-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;background-color:var(--color-surface);border-radius:8px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.problem-filters{display:flex;flex-wrap:wrap;gap:24px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:600;font-size:14px;color:var(--color-text-primary)}.filter-buttons{display:flex;gap:8px}.filter-btn{padding:6px 12px;background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:4px;font-size:13px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.filter-btn:hover{background-color:var(--color-primary-light)}.filter-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filter-btn.active.easy{background-color:var(--color-easy);border-color:var(--color-easy)}.filter-btn.active.medium{background-color:var(--color-medium);border-color:var(--color-medium)}.filter-btn.active.hard{background-color:var(--color-danger);border-color:var(--color-danger)}.search-container{flex:1;min-width:200px;max-width:300px}.search-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;background-color:var(--color-background);color:var(--color-text-primary);transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.problems-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background-color:var(--color-surface);margin-bottom:20px}.problems-table{width:100%;border-collapse:collapse;font-size:14px}.problems-table th{background-color:var(--color-background-alt);color:var(--color-text-primary);font-weight:600;text-align:left;padding:12px 16px;position:sticky;top:0;z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border)}.problems-table th:hover{background-color:var(--color-background-hover)}.problems-table th .sort-icon{margin-left:5px;opacity:.7}.problems-table td{padding:12px 16px;border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.problems-table tr:hover{background-color:var(--color-background-hover)}.problems-table tr:last-child td{border-bottom:none}.status-column{width:40px;text-align:center!important}.id-column{width:60px}.title-column{min-width:300px}.solution-column{width:80px;text-align:center!important}.acceptance-column{width:100px;text-align:center!important}.difficulty-column{width:100px}.difficulty-column.easy{color:var(--color-easy)}.difficulty-column.medium{color:var(--color-medium)}.difficulty-column.hard{color:var(--color-danger)}.tags-column{min-width:200px}.status-icon{display:inline-flex;justify-content:center;align-items:center;color:var(--color-text-tertiary)}.status-icon.solved{color:var(--color-easy)}.problem-title-link{color:var(--color-text-primary);text-decoration:none;font-weight:500;transition:color .2s}.problem-title-link:hover{color:var(--color-primary);text-decoration:none}.premium-lock{color:var(--color-text-tertiary);cursor:not-allowed}.solution-link{color:var(--color-primary)}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-pill{display:inline-block;padding:2px 8px;background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:12px;font-size:11px;color:var(--color-text-secondary);white-space:nowrap}.more-tags{display:inline-block;padding:2px 6px;background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:12px;font-size:11px;color:var(--color-text-secondary);cursor:pointer}.no-tags{color:var(--color-text-tertiary)}.problems-footer{margin-top:20px}.problems-pagination-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.rows-per-page{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary)}.rows-select{padding:4px 8px;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:var(--color-text-primary);font-size:14px}.problems-count{font-size:14px;color:var(--color-text-secondary)}.pagination{display:flex;align-items:center;gap:8px}.pagination-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:4px;font-size:14px;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:var(--color-primary-light)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn svg{width:16px;height:16px}.page-numbers{display:flex;gap:4px}.page-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;border:1px solid var(--color-border);background-color:var(--color-background-alt);font-size:14px;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.page-number:hover:not(.active){background-color:var(--color-primary-light)}.page-number.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.no-results{padding:40px;text-align:center}.no-results p{margin-bottom:16px;color:var(--color-text-secondary);font-size:16px}.reset-btn{padding:8px 16px;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.reset-btn:hover{background-color:var(--color-primary-dark)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 900px){.problem-controls{flex-direction:column;align-items:flex-start}.search-container{width:100%;max-width:none}.problems-table th,.problems-table td{padding:10px 12px}.tag-list{flex-direction:column}.tags-column,.solution-column{display:none}}@media screen and (max-width: 600px){.problems-table-container{border-radius:0;margin:0 -20px;width:calc(100% + 40px)}.acceptance-column{display:none}.problems-pagination-controls{flex-direction:column;align-items:flex-start}}.status-loading-indicator{display:inline-flex;margin-left:5px;vertical-align:middle}.loading-icon{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.light-theme .problem-page{--pp-bg-1: #FFFFFF;--pp-bg-2: #F9FAFB;--pp-border: #E5E7EB;--pp-text-1: #111827;--pp-text-2: #4B5563;--pp-accent-green: #10B981;--pp-accent-green-hover: #059669;--pp-accent-yellow: #F59E0B;--pp-accent-red: #EF4444;--pp-accent-blue: #007BFF;--pp-accent-blue-hover: #0056b3;--pp-font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--pp-font-mono: "Menlo", "Consolas", "Courier New", monospace}.dark-theme .problem-page{--pp-bg-1: #1A1A1A;--pp-bg-2: #252525;--pp-border: #363636;--pp-text-1: #F9FAFB;--pp-text-2: #9CA3AF;--pp-accent-green: #34D399;--pp-accent-green-hover: #10B981;--pp-accent-yellow: #FBBF24;--pp-accent-red: #F87171;--pp-accent-blue: #3B82F6;--pp-accent-blue-hover: #2563EB;--pp-font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--pp-font-mono: "Menlo", "Consolas", "Courier New", monospace}.problem-page{display:flex;height:calc(100vh - 60px);width:100%;background-color:var(--pp-bg-1);color:var(--pp-text-1);font-family:var(--pp-font-primary);overflow:hidden}.problem-page.fullscreen-mode{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000}.problem-page.fullscreen-mode .problem-page-left-panel,.problem-page.fullscreen-mode .problem-page-resizer{display:none}.problem-page.fullscreen-mode .problem-page-right-panel{width:100%!important;border:none}.problem-page-left-panel,.problem-page-right-panel{display:flex;flex-direction:column;height:100%;background-color:var(--pp-bg-2);overflow:hidden;position:relative}.problem-page-resizer{width:10px;background-color:var(--pp-border);cursor:col-resize;flex-shrink:0;transition:background-color .2s ease;z-index:10}.problem-page-resizer:hover{background-color:var(--pp-accent-blue)}.problem-page-main-tabs{display:flex;padding:4px;border-bottom:1px solid var(--pp-border);flex-shrink:0}.problem-page-main-tabs button{padding:8px 12px;background:none;border:none;color:var(--pp-text-2);cursor:pointer;font-size:14px;font-weight:500;border-radius:6px;display:flex;align-items:center;gap:8px;transition:all .2s ease}.problem-page-main-tabs button:hover{background-color:#9ca3af1a;color:var(--pp-text-1)}.problem-page-main-tabs button.active{background-color:#9ca3af26;color:var(--pp-text-1)}.problem-page-main-content{padding:24px;overflow-y:auto;height:100%}.problem-page-main-content.no-padding{padding:0}.problem-page-title{font-size:22px;font-weight:600;margin-bottom:8px}.problem-page-difficulty{display:inline-block;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:500;margin-bottom:24px}.difficulty-easy{background-color:#10b9811a;color:var(--pp-accent-green)}.difficulty-medium{background-color:#f59e0b1a;color:var(--pp-accent-yellow)}.difficulty-hard{background-color:#ef44441a;color:var(--pp-accent-red)}.problem-page-body{line-height:1.7;font-size:15px;margin-bottom:24px;color:var(--pp-text-2)}.problem-page-example{background-color:var(--pp-bg-1);border:1px solid var(--pp-border);border-radius:8px;padding:16px;margin-bottom:16px;font-size:14px}.problem-page-example pre{white-space:pre-wrap;word-wrap:break-word;font-family:var(--pp-font-mono);line-height:1.5;color:var(--pp-text-2)}.problem-page-subtitle{margin-top:24px;margin-bottom:8px;font-size:18px}.problem-page-list{padding-left:20px;line-height:1.7}.problem-page-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;color:var(--pp-text-2);gap:1rem}.problem-page-language-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.problem-page-language-tabs button{padding:6px 14px;font-size:14px;background-color:var(--pp-bg-1);border:1px solid var(--pp-border);color:var(--pp-text-2);border-radius:6px;cursor:pointer;transition:all .2s ease}.problem-page-language-tabs button:hover{border-color:var(--pp-text-2);color:var(--pp-text-1)}.problem-page-language-tabs button.active{background-color:var(--pp-accent-blue);color:#fff;border-color:var(--pp-accent-blue)}.problem-page-solution-item{margin-bottom:20px}.problem-page-solution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.problem-page-solution-header h4{font-size:16px;font-weight:500}.problem-page-copy-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;font-size:13px;background-color:var(--pp-bg-1);border:1px solid var(--pp-border);border-radius:6px;color:var(--pp-text-2);cursor:pointer;transition:all .2s ease}.problem-page-copy-btn:hover{background-color:var(--pp-border);color:var(--pp-text-1)}.problem-page-hints h2{margin-bottom:16px}.problem-page-hint-item{background-color:var(--pp-bg-1);border:1px solid var(--pp-border);border-radius:8px;margin-bottom:12px}.problem-page-hint-item summary{padding:16px;font-weight:500;cursor:pointer;outline:none}.problem-page-hint-item p{padding:16px;margin:0;border-top:1px solid var(--pp-border);color:var(--pp-text-2)}.problem-page-editor-controls{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid var(--pp-border);flex-shrink:0}.problem-page-language-selector{background-color:var(--pp-bg-1);border:1px solid var(--pp-border);color:var(--pp-text-1);padding:6px 10px;border-radius:6px;font-size:14px}.problem-page-editor-buttons{display:flex;gap:4px}.problem-page-editor-buttons button{background:none;border:none;color:var(--pp-text-2);padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.problem-page-editor-buttons button:hover{background-color:#9ca3af1a;color:var(--pp-text-1)}.problem-page-editor-container{flex-grow:1;overflow:hidden}.problem-page-console-resizer{height:10px;background-color:var(--pp-border);cursor:row-resize;flex-shrink:0;transition:background-color .2s ease;z-index:10}.problem-page-console-resizer:hover{background-color:var(--pp-accent-blue)}.problem-page-console{min-height:50px;display:flex;flex-direction:column}.problem-page-console-header{display:flex;justify-content:space-between;align-items:center;padding-left:8px;border-bottom:1px solid var(--pp-border);flex-shrink:0}.problem-page-console-tabs{display:flex}.problem-page-console-tabs button{padding:8px 16px;font-size:14px;background:none;border:none;color:var(--pp-text-2);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.problem-page-console-tabs button.active{color:var(--pp-text-1);border-bottom-color:var(--pp-accent-blue)}.problem-page-console-actions{display:flex;gap:12px;padding:8px}.problem-page-action-btn{padding:6px 16px;border-radius:6px;border:none;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.problem-page-action-btn:disabled{cursor:not-allowed;opacity:.6}.problem-page-run-btn{background-color:#9ca3af26;color:var(--pp-text-1)}.problem-page-run-btn:hover:not(:disabled){background-color:#9ca3af40}.problem-page-submit-btn{background-color:var(--pp-accent-green);color:#fff}.problem-page-submit-btn:hover:not(:disabled){background-color:var(--pp-accent-green-hover)}.problem-page-console-content{flex-grow:1;padding:16px;overflow-y:auto;font-family:var(--pp-font-mono);font-size:14px}.problem-page-console-content pre{white-space:pre-wrap;word-wrap:break-word}.problem-page-status{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--pp-text-2)}.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.success-modal-content{background:var(--pp-bg-1);border:1px solid var(--pp-border);border-radius:16px;padding:40px;max-width:440px;width:90%;text-align:center;box-shadow:0 10px 40px #0003;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}.party-confetti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:8px;background:var(--pp-accent-green);animation:confettiFall 3s infinite linear}.confetti-piece:nth-child(1){left:10%;background:gold;animation-delay:0s;animation-duration:2.5s}.confetti-piece:nth-child(2){left:30%;background:#ff6b6b;animation-delay:.3s;animation-duration:3s}.confetti-piece:nth-child(3){left:50%;background:#4ecdc4;animation-delay:.6s;animation-duration:2.8s}.confetti-piece:nth-child(4){left:70%;background:#45b7d1;animation-delay:.9s;animation-duration:3.2s}.confetti-piece:nth-child(5){left:85%;background:#96ceb4;animation-delay:1.2s;animation-duration:2.7s}.confetti-piece:nth-child(6){left:20%;background:#ffeaa7;animation-delay:1.5s;animation-duration:3.1s}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.success-icon{margin-bottom:24px}.success-check{color:var(--pp-accent-blue);animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.success-title{font-size:24px;font-weight:600;color:var(--pp-text-1);margin:0 0 16px;animation:titleSlide .5s ease-out .2s both}.success-message{font-size:16px;color:var(--pp-text-2);margin:0 0 32px;line-height:1.6;animation:messageSlide .5s ease-out .4s both}@keyframes titleSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-modal-actions{display:flex;gap:12px;justify-content:center;animation:buttonsSlide .5s ease-out .6s both}@keyframes buttonsSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.next-problem-btn{background:var(--pp-accent-blue);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.next-problem-btn:hover{background:var(--pp-accent-blue-hover);transform:translateY(-1px)}.next-problem-btn:active{transform:translateY(0)}.stay-btn{background:transparent;color:var(--pp-text-2);border:1px solid var(--pp-border);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.stay-btn:hover{color:var(--pp-text-1);border-color:var(--pp-text-2);background:var(--pp-bg-2)}.stay-btn:active{transform:translateY(0)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 480px){.success-modal-content{padding:32px 24px;margin:20px}.success-title{font-size:24px}.success-modal-actions{flex-direction:column}.next-problem-btn,.stay-btn{width:100%;justify-content:center}}.bug-modal-textarea{width:100%;background-color:var(--pp-bg-1);border:1px solid var(--pp-border);border-radius:8px;padding:12px;font-family:inherit;font-size:.95rem;color:var(--pp-text-1);resize:vertical;min-height:120px;margin-bottom:1rem}.bug-modal-textarea:focus{outline:none;border-color:var(--pp-accent-blue);box-shadow:0 0 0 3px var(--color-focus-ring)}.bug-modal-actions{display:flex;justify-content:flex-end;gap:12px}.bug-modal-button{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.bug-modal-button.cancel{background-color:transparent;border:1px solid var(--pp-border);color:var(--pp-text-1)}.bug-modal-button.cancel:hover{background-color:var(--pp-border)}.bug-modal-button.submit{background-color:var(--pp-accent-blue);color:#fff;display:flex;align-items:center;gap:8px}.bug-modal-button.submit:hover{background-color:var(--pp-accent-blue-hover)}.bug-modal-button:disabled{opacity:.7;cursor:not-allowed}.bug-modal-feedback{text-align:center;padding:20px}.bug-modal-feedback p{font-size:1.1rem;margin-bottom:20px}.bug-modal-feedback p.success{color:var(--pp-accent-green)}.bug-modal-feedback p.error{color:var(--pp-accent-red)}.problem-page-cooldown-message{display:flex;align-items:center;gap:8px;padding:6px 16px;background-color:var(--pp-accent-yellow);color:var(--pp-bg-1);border-radius:6px;font-weight:500;font-size:14px}.dark-theme .problem-page-cooldown-message{background-color:var(--pp-accent-yellow);color:var(--pp-bg-1)}.submissions-list-container{width:100%;height:100%;overflow-y:auto}.submission-item-container{border-bottom:1px solid var(--pp-border)}.submission-item-header{padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.submission-item-container:hover .submission-item-header{background-color:#9ca3af0d}.submission-item-container.active .submission-item-header{background-color:#3b82f61a}.submission-status{font-weight:600;font-size:15px}.submission-status.Accepted{color:var(--pp-accent-green)}.submission-status.Wrong,.submission-status.Runtime,.submission-status.Compilation,.submission-status.Time{color:var(--pp-accent-red)}.submission-meta{font-size:13px;color:var(--pp-text-2);display:flex;gap:16px;align-items:center}.submission-code-container{background-color:var(--pp-bg-1);padding:0;border-top:1px solid var(--pp-border)}.submission-code-container pre{font-size:13px!important;line-height:1.5!important;margin:0!important;padding:12px 0 12px 12px!important;max-height:400px;overflow-y:auto}.no-submissions-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--pp-text-2);gap:1rem;padding:24px}.courses-page-container{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.courses-page-header{text-align:center;margin-bottom:40px}.courses-page-header h1{font-size:36px;font-weight:700;margin-bottom:8px;color:var(--color-text-primary)}.courses-page-header p{font-size:18px;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.course-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:var(--shadow-md)}.course-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.course-card-thumbnail{width:100%;aspect-ratio:16 / 9;background-color:var(--color-background-alt);overflow:hidden}.course-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:none}.course-card-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.course-card-level{align-self:flex-start;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;margin-bottom:12px;color:#fff}.level-beginner{background-color:var(--color-easy)}.level-intermediate{background-color:var(--color-medium)}.level-advanced{background-color:var(--color-danger)}.course-card-title{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--color-text-primary);line-height:1.3}.course-card-description{font-size:15px;color:var(--color-text-secondary);flex-grow:1;line-height:1.5;margin-bottom:1rem}.course-card-footer{display:flex;gap:20px;margin-top:auto;font-size:14px;color:var(--color-text-secondary);border-top:1px solid var(--color-border-light);padding-top:16px}.course-card-footer span{display:flex;align-items:center;gap:6px}.course-detail-page{display:flex;height:calc(100vh - 64px);width:100%;background-color:var(--color-background);color:var(--color-text-primary)}.course-sidebar{width:360px;flex-shrink:0;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{padding:24px;border-bottom:1px solid var(--color-border)}.back-to-courses-link{text-decoration:none;color:var(--color-text-secondary);margin-bottom:16px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:color .2s}.back-to-courses-link:hover{color:var(--color-text-primary)}.course-sidebar-title{font-size:20px;font-weight:600;margin-bottom:16px;line-height:1.3}.course-progress{font-size:13px;color:var(--color-text-secondary)}.progress-bar{width:100%;height:8px;background-color:var(--color-background-alt);border-radius:4px;overflow:hidden;margin-top:8px}.progress-bar-fill{height:100%;background-color:var(--color-success);border-radius:4px;transition:width .3s ease-in-out}.course-curriculum{padding:16px}.curriculum-section{margin-bottom:24px}.section-title{font-size:14px;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:12px;padding:0 8px}.lesson-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.lesson-item{display:flex;align-items:center;width:100%;padding:10px 12px;border-radius:6px;background:none;border:1px solid transparent;cursor:pointer;text-align:left;color:var(--color-text-secondary);transition:background-color .2s,color .2s,border-color .2s}.lesson-item:hover:not(.active){background-color:var(--color-background-alt)}.lesson-item.active{background-color:var(--color-background-alt);border-color:var(--color-primary);color:var(--color-text-primary)}.lesson-item.active .lesson-title{color:var(--color-text-primary)}.lesson-item-icon{margin-right:12px;display:flex;align-items:center;justify-content:center;width:20px}.lesson-item.active .lesson-item-icon{color:var(--color-primary)}.lesson-item-icon.completed{color:var(--color-success)}.lesson-item-details{flex-grow:1}.lesson-title{display:block;font-weight:500;color:var(--color-text-primary)}.lesson-duration{font-size:12px}.lesson-item-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background-color:var(--color-info);color:#fff;margin-left:auto}.course-main-content{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.main-content-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.lesson-title-main{font-size:24px;font-weight:600}.lesson-nav-buttons{display:flex;gap:8px}.lesson-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-surface);border:1px solid var(--color-border-hover);border-radius:50%;cursor:pointer;color:var(--color-text-secondary);transition:all .2s}.lesson-nav-btn:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.lesson-nav-btn:disabled{opacity:.5;cursor:not-allowed}.lesson-content-container{flex-grow:1;max-width:900px;margin:0 auto;width:100%;padding:40px 20px}.video-player-wrapper{width:100%;aspect-ratio:16/9;background-color:#000;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-player-wrapper iframe{width:100%;height:100%;border:none}.lesson-text-content{font-size:16px;line-height:1.7;color:var(--color-text-secondary)}.lesson-text-content h3{margin-top:24px;margin-bottom:12px;font-size:20px;color:var(--color-text-primary)}.no-lesson-selected{text-align:center;margin-top:100px;color:var(--color-text-secondary)}.mark-complete-control{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.mark-complete-control:hover{background-color:var(--color-background-alt)}.mark-complete-checkbox{width:20px;height:20px;border-radius:4px;border:2px solid var(--color-border-hover);display:flex;align-items:center;justify-content:center;transition:all .2s}.mark-complete-control.completed .mark-complete-checkbox{background-color:var(--color-success);border-color:var(--color-success)}.mark-complete-label{font-weight:500}.lesson-gate-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:40px;background-color:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);margin-top:40px;box-shadow:var(--shadow-lg)}.gate-icon{width:64px;height:64px;color:var(--color-primary);margin-bottom:16px}.lesson-gate-wrapper h2{font-size:24px;color:var(--color-text-primary);margin-bottom:8px}.lesson-gate-wrapper p{color:var(--color-text-secondary);margin-bottom:24px;max-width:450px}.subscribe-button{padding:12px 24px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:background-color .2s ease,transform .2s ease;display:inline-flex;align-items:center;gap:8px}.subscribe-button:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.subscription-page-revamped{display:flex;flex-direction:column;align-items:center;padding:0;background-color:var(--color-background);color:var(--color-text-primary);animation:fadeInRevamped .6s ease-out;overflow-x:hidden}@keyframes fadeInRevamped{0%{opacity:0}to{opacity:1}}.message-banner-revamped{width:100%;padding:1rem 2rem;text-align:center;font-weight:500;position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center}.message-banner-revamped.success{background-color:var(--color-success-light);color:var(--color-success-dark)}.message-banner-revamped.error{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.message-banner-revamped button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;padding:0 .5rem}.hero-section-revamped{width:100%;padding:5rem 2rem 4rem;text-align:center;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);color:#fff}.hero-section-revamped h1{font-size:3rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.5px;color:#fff}.hero-section-revamped .subtitle-revamped{font-size:1.25rem;line-height:1.7;max-width:700px;margin:0 auto;opacity:.9;color:#fff}.current-subscription-banner-revamped{width:100%;max-width:800px;margin:3rem auto;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center}.current-subscription-banner-revamped .award-icon{color:var(--color-primary);margin-bottom:1rem}.current-subscription-banner-revamped h2{font-size:2rem;margin-bottom:.75rem}.current-subscription-banner-revamped p{color:var(--color-text-secondary);margin-bottom:2rem;max-width:500px;line-height:1.6}.manage-btn-revamped{padding:.875rem 2rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}.manage-btn-revamped:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pricing-table-revamped{display:flex;flex-wrap:wrap;gap:2.5rem;padding:4rem 2rem;width:100%;max-width:1000px;justify-content:center;align-items:stretch}.tier-card-revamped{flex:1;min-width:300px;max-width:400px;border-radius:16px;background-color:var(--color-surface);border:1px solid var(--color-border);padding:2.5rem;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;box-shadow:var(--shadow-lg)}.tier-card-revamped.popular{border:2px solid var(--color-primary);box-shadow:var(--shadow-xl)}.popular-badge{position:absolute;top:-18px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;font-size:.85rem;font-weight:600;padding:.4rem 1.2rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.tier-card-revamped h3{font-size:2rem;margin-bottom:.5rem;color:var(--color-text-primary)}.tier-description{color:var(--color-text-secondary);margin-bottom:1.5rem;min-height:40px;font-size:.95rem}.tier-price{font-size:2.75rem;font-weight:700;margin:.5rem 0 .25rem;color:var(--color-text-primary)}.tier-price span{font-size:1rem;font-weight:400;color:var(--color-text-secondary)}.yearly-equivalent{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:1.5rem;min-height:1.2em}.cta-button{width:100%;padding:1rem;border-radius:8px;background-color:var(--color-background-alt);color:var(--color-text-primary);border:1px solid var(--color-border-hover);font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:auto;font-size:1rem}.cta-button:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.cta-button.popular-cta{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cta-button.popular-cta:hover{background-color:var(--color-primary-dark);color:#fff}.features-list-revamped{list-style:none;padding:0;margin:2rem 0;text-align:left;display:flex;flex-direction:column;gap:1rem}.features-list-revamped li{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--color-text-secondary)}.features-list-revamped .feature-icon{color:var(--color-success);flex-shrink:0}.benefits-section-revamped{width:100%;padding:4rem 2rem;background-color:var(--color-surface-alt);text-align:center}.benefits-section-revamped h2{font-size:2.25rem;margin-bottom:3rem;color:var(--color-text-primary)}.benefits-grid-revamped{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.benefit-card-revamped{background-color:var(--color-surface);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md);text-align:center;transition:box-shadow .3s ease}.benefit-card-revamped:hover{box-shadow:var(--shadow-lg)}.benefit-icon-wrapper{display:inline-flex;padding:.75rem;background-color:var(--color-background-alt);color:var(--color-primary);border-radius:50%;margin-bottom:1.5rem}.benefit-card-revamped h4{font-size:1.25rem;margin-bottom:.75rem;color:var(--color-text-primary)}.benefit-card-revamped p{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary)}.payment-security-section-revamped{width:100%;padding:4rem 2rem;text-align:center;background-color:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.payment-security-section-revamped .security-icon{color:var(--color-primary);margin-bottom:1.5rem;stroke-width:1.5}.payment-security-section-revamped h3{font-size:2rem;margin-bottom:1rem;color:var(--color-text-primary)}.payment-security-section-revamped p{color:var(--color-text-secondary);max-width:600px;margin:0 auto 2rem;line-height:1.6}.payment-methods-grid-revamped{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2.5rem}.payment-method-icon{height:40px;opacity:1;transition:transform .2s ease}.payment-method-icon:hover{opacity:1}.faq-section-revamped{width:100%;padding:4rem 2rem;background-color:var(--color-surface-alt)}.faq-section-revamped h2{text-align:center;font-size:2.25rem;margin-bottom:3rem;color:var(--color-text-primary)}.faq-grid-revamped{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item-revamped{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.faq-item-revamped summary{font-weight:600;cursor:pointer;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease;color:var(--color-text-primary)}.faq-item-revamped summary:hover{background-color:var(--color-background-alt)}.faq-item-revamped summary:after{content:"+";font-size:1.75rem;transition:transform .3s ease-in-out;color:var(--color-primary)}.faq-item-revamped[open] summary:after{transform:rotate(45deg)}.faq-item-revamped[open] summary{border-bottom:1px solid var(--color-border)}.faq-item-revamped p{color:var(--color-text-secondary);padding:1.5rem;line-height:1.7;font-size:.95rem}.cta-footer-revamped{width:100%;padding:5rem 2rem;text-align:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff}.cta-footer-revamped h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.cta-footer-revamped p{font-size:1.125rem;line-height:1.6;max-width:600px;margin:0 auto 2.5rem;opacity:.9;color:#fff}.final-cta-button{padding:1rem 2.5rem;background-color:#fff;color:var(--color-primary);border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease;font-size:1.125rem;text-decoration:none;display:inline-block;box-shadow:var(--shadow-md)}.final-cta-button:hover{background-color:var(--color-background-alt);color:var(--color-primary-dark);transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-lg)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;padding:2rem}.loading-spinner{width:48px;height:48px;border:5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spinRevamped 1s linear infinite}@keyframes spinRevamped{to{transform:rotate(360deg)}}@media (max-width: 992px){.pricing-table-revamped{max-width:700px}.tier-card-revamped{min-width:calc(50% - 1.25rem)}}@media (max-width: 768px){.hero-section-revamped h1{font-size:2.5rem}.hero-section-revamped .subtitle-revamped{font-size:1.1rem}.pricing-table-revamped{flex-direction:column;align-items:center;gap:2rem;padding:3rem 1rem}.tier-card-revamped{width:100%;max-width:450px;transform:translateY(0)!important}.tier-card-revamped.popular{box-shadow:var(--shadow-xl)}.benefits-grid-revamped{grid-template-columns:1fr}.benefits-section-revamped h2,.payment-security-section-revamped h3,.faq-section-revamped h2,.cta-footer-revamped h2{font-size:2rem}.cta-footer-revamped p{font-size:1rem}.final-cta-button{font-size:1rem;padding:.875rem 2rem}}:root{--color-success-light: #e0f2e9;--color-success-dark: #004d00;--color-danger-light: #fdecea;--color-danger-dark: #5c0000;--color-surface-alt: #f8f9fa}.dark-theme{--color-success-light: #103c20;--color-success-dark: #a7f3d0;--color-danger-light: #4a1d1d;--color-danger-dark: #fca5a5;--color-surface-alt: #1e293b}.settings-page-container{width:100%;background-color:var(--color-background);flex-grow:1;display:flex;justify-content:center;padding:2rem 1rem}.settings-layout{width:100%;max-width:1100px;display:flex;gap:2rem}.settings-sidebar{flex:0 0 260px;height:fit-content;position:sticky;top:84px}.sidebar-profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1.5rem}.sidebar-avatar-container{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:1rem;background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;border:3px solid var(--color-surface-elevated);box-shadow:var(--shadow-md)}.sidebar-avatar{width:100%;height:100%;object-fit:cover}.sidebar-username{font-size:1.2rem;font-weight:600;color:var(--color-text-primary);word-break:break-all}.sidebar-email{font-size:.9rem;color:var(--color-text-secondary);word-break:break-all}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;font-size:1rem;font-weight:500;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease,color .2s ease}.sidebar-nav-item:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.sidebar-nav-item.active{background-color:var(--color-primary);color:#fff;font-weight:600}.settings-content{flex-grow:1;display:flex;flex-direction:column;gap:1.5rem}.settings-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm)}.settings-card h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-top:0;margin-bottom:.5rem}.settings-card p{font-size:1rem;color:var(--color-text-secondary);margin-top:0;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:1.5rem}.settings-form{display:flex;flex-direction:column}.settings-card .form-group{margin-bottom:1.25rem}.settings-card .form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--color-text-primary)}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.form-actions .message{margin:0;font-size:.9rem;font-weight:500;flex-grow:1;text-align:left}.form-actions .message.success{color:var(--color-success)}.form-actions .message.error{color:var(--color-danger)}.form-actions .message.info{color:var(--color-info)}.avatar-form-group{display:flex;align-items:center;gap:2rem}.avatar-form-group label{margin-bottom:0}.avatar-upload-container{width:150px;height:150px;border-radius:50%;position:relative;cursor:pointer;overflow:hidden;border:2px solid var(--color-border);box-shadow:var(--shadow-lg)}.settings-avatar-preview{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-in-out}.avatar-upload-container:hover .settings-avatar-preview{transform:scale(1.05)}.avatar-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease-in-out}.avatar-upload-container:hover .avatar-upload-overlay{opacity:1}.avatar-upload-overlay span{font-size:.9rem;font-weight:500;margin-top:.5rem}.theme-picker{display:flex;gap:1rem}.theme-box{flex:1;padding:1rem;border-radius:8px;border:2px solid var(--color-border);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transition:border-color .2s ease,box-shadow .2s ease}.theme-box:hover{border-color:var(--color-primary-light)}.theme-box.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.theme-box.light{background-color:#f1f5f9;color:#334155}.theme-box.dark{background-color:#1e1e1e;color:#e2e8f0}.theme-box span{font-weight:600}@media (max-width: 900px){.settings-layout{flex-direction:column}.settings-sidebar{position:static;width:100%;flex-basis:auto}.sidebar-nav{flex-direction:row;overflow-x:auto;padding-bottom:10px}.sidebar-nav-item{flex-shrink:0}}@media (max-width: 600px){.avatar-form-group{flex-direction:column;align-items:flex-start}}.auth-button-secondary{padding:.75rem 1rem;background-color:var(--color-surface-hover);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.auth-button-secondary:hover{background-color:var(--color-background-alt);border-color:var(--color-border-hover)}.auth-button-danger{padding:.75rem 1rem;background-color:var(--color-danger);color:#fff;border:1px solid var(--color-danger);border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;flex-shrink:0}.auth-button-danger:hover{background-color:#c82333;border-color:#c82333}.message-banner{padding:1rem;border-radius:8px;margin:-.5rem 0 1.5rem;font-weight:500;border:1px solid transparent;text-align:center}.message-banner.success{background-color:#10b9811a;color:var(--color-success);border-color:var(--color-success)}.message-banner.error{background-color:#ef44441a;color:var(--color-danger);border-color:var(--color-danger)}.message-banner.info{background-color:#0ea5e91a;color:var(--color-info);border-color:var(--color-info)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--color-surface);padding:2rem;border-radius:12px;box-shadow:var(--shadow-xl);width:100%;max-width:500px;position:relative}.modal-close-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background-color:var(--color-background-hover);color:var(--color-text-primary)}.tfa-modal h2{margin-top:0;text-align:center}.tfa-modal p{text-align:center;color:var(--color-text-secondary);border-bottom:none;padding-bottom:0;margin-bottom:1.5rem}.qr-code-container{display:flex;justify-content:center;margin-bottom:1.5rem;padding:1rem;background-color:#fff;border-radius:8px;max-width:200px;margin-left:auto;margin-right:auto}.qr-code-container img{width:180px;height:180px}.status-enabled-icon{color:var(--color-success);display:inline-block;vertical-align:middle;margin-left:.5rem}.tfa-choice-container{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.tfa-choice-card{flex:1;display:flex;align-items:center;gap:1.5rem;text-align:left;padding:1.5rem;border:1px solid var(--color-border);border-radius:12px;background-color:var(--color-background-alt);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tfa-choice-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.tfa-choice-card svg{color:var(--color-primary);flex-shrink:0}.tfa-choice-card h3{margin:0 0 .25rem;color:var(--color-text-primary)}.tfa-choice-card p{margin:0;padding:0;border:none;font-size:.9rem;color:var(--color-text-secondary)}.sandbox-page-container{padding:2rem 4rem;background-color:var(--color-background);width:100%}.sandbox-header{margin-bottom:2rem;text-align:center}.sandbox-title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.sandbox-description{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);max-width:800px;text-align:center;margin:0 auto}.editor-page-layout{display:flex;height:84vh;min-height:720px;width:100%;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}.dark-theme .editor-page-layout{box-shadow:0 6px 20px #00000040}.language-sidebar{width:72px;background-color:var(--color-surface);border-right:1px solid var(--color-border);padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0;overflow-y:auto}.lang-button{width:44px;height:44px;border-radius:8px;border:none;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.6rem;transition:background-color .2s,color .2s;flex-shrink:0;margin:2px 4px}.lang-button:hover{background-color:var(--color-background-hover);color:var(--color-text-primary)}.lang-button.active{background-color:var(--color-primary);color:#fff}.main-content-area{flex-grow:1;display:flex;overflow:hidden}.editor-panel,.output-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.editor-panel{width:60%;border-right:1px solid var(--color-border)}.output-panel{width:40%;background-color:var(--color-background-alt)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;height:48px}.filename,.panel-title{font-family:Fira Code,Courier New,monospace;font-size:14px;font-weight:500;color:var(--color-text-primary)}.panel-controls{display:flex;align-items:center;gap:16px}.run-btn,.clear-btn{display:flex;align-items:center;gap:8px;padding:6px 16px;border-radius:6px;border:1px solid transparent;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.run-btn{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.run-btn:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.run-btn:disabled{opacity:.6;cursor:not-allowed}.clear-btn{background-color:var(--color-background-alt);color:var(--color-text-secondary);border-color:var(--color-border)}.clear-btn:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.editor-container{flex-grow:1;overflow:hidden}.output-console{flex-grow:1;padding:16px;font-family:Fira Code,Courier New,monospace;font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;overflow-y:auto;color:var(--color-text-primary);background-color:var(--color-background-alt);margin:0}.output-console .stdout{color:var(--color-text-primary)}.output-console .stderr,.output-console .compile_error{color:var(--color-danger)}.output-console .info{color:var(--color-text-secondary);font-style:italic}.cooldown-message{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:var(--color-warning);color:var(--color-background);border-radius:6px;font-weight:500;font-size:14px}.dark-theme .cooldown-message{color:var(--color-background)}@media (max-width: 900px){.sandbox-page-container{padding:1.5rem}.editor-panel{width:55%}.output-panel{width:45%}}@media (max-width: 768px){.sandbox-page-container{padding:1rem}.editor-page-layout{flex-direction:column;height:auto;min-height:0}.language-sidebar{width:100%;height:auto;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--color-border);padding:4px 8px;border-radius:12px 12px 0 0}.main-content-area{flex-direction:column;height:80vh}.editor-panel,.output-panel{width:100%;border-right:none}.editor-panel{height:60%;border-bottom:1px solid var(--color-border)}.output-panel{height:40%}}:root{--color-primary: #3b82f6;--color-primary-rgb: 59, 130, 246;--color-primary-dark: #2563eb;--color-primary-light: #60a5fa;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #0ea5e9;--color-easy: #10b981;--color-medium: #f59e0b;--color-hard: #ef4444;--color-focus-ring: rgba(var(--color-primary-rgb), .5);--transition-theme: color .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .15), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .2), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-inner: inset 0 2px 4px 0 rgba(0,0,0,.05);--scrollbar-track-light: #e2e8f0;--scrollbar-track-dark: #2d2d2d;--scrollbar-light: rgba(0, 0, 0, .2);--scrollbar-light-hover: rgba(0, 0, 0, .3);--scrollbar-dark: rgba(155, 155, 155, .5);--scrollbar-dark-hover: rgba(155, 155, 155, .7)}.light-theme{--color-background: #f1f5f9;--color-background-alt: #e2e8f0;--color-background-hover: rgba(0, 0, 0, .04);--color-background-code: #ffffff;--color-surface: #f1f5f9;--color-surface-hover: #e2e8f0;--color-surface-elevated: #f8fafc;--color-text-primary: #334155;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-text-contrast: #1e293b;--color-text-code: #000000;--color-border: #cbd5e1;--color-border-light: #e2e8f0;--color-border-hover: #94a3b8;scrollbar-width:thin;scrollbar-color:var(--scrollbar-light) transparent;--color-editor-background: #f1f5f9;--color-editor-gutter: #e2e8f0;--color-editor-statusbar: #cbd5e1;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-inner: inset 0 2px 4px 0 rgba(0,0,0,.03)}.dark-theme{--color-background: #121212;--color-background-alt: #1e1e1e;--color-background-hover: rgba(255, 255, 255, .1);--color-background-code: #1e1e1e;--color-surface: #1e1e1e;--color-surface-hover: #2d2d2d;--color-surface-elevated: #262626;--color-text-primary: #e2e8f0;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-text-contrast: #1e293b;--color-text-code: #f8fafc;--color-border: #333333;--color-border-light: #2d2d2d;--color-border-hover: #4a4a4a;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-inner: inset 0 2px 4px 0 rgba(0,0,0,.3);--color-editor-background: #1e1e1e;--color-editor-gutter: #252526;--color-editor-statusbar: #1e1e1e;scrollbar-width:thin;scrollbar-color:var(--scrollbar-dark) transparent}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5;font-size:16px;transition:var(--transition-theme)}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:.5em;color:var(--color-text-primary)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s,text-decoration .2s}a:hover{color:var(--color-primary-dark);text-decoration:underline}button,input[type=button],input[type=submit]{cursor:pointer;font-family:inherit;font-size:1rem}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--color-focus-ring);outline-offset:2px}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.6}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}code,pre{font-family:Fira Code,Monaco,Consolas,Courier New,monospace;font-size:.9em;border-radius:4px}code{padding:.2em .4em;background-color:var(--color-background-alt);color:var(--color-text-primary)}pre{padding:1em;background-color:var(--color-background-alt);overflow-x:auto;line-height:1.6;border:1px solid var(--color-border)}pre code{padding:0;background-color:transparent}img,video,canvas,svg{max-width:100%;height:auto}input,textarea,select{font-family:inherit;font-size:1rem;padding:.5rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}input:hover,textarea:hover,select:hover{border-color:var(--color-border-hover)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus-ring);outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a:hover{text-decoration:none!important}.navbar-logo-img{height:30px;margin-right:8px;transition:transform .3s ease-in-out}.navbar-logo:hover .navbar-logo-img{transform:rotate(-15deg)}