@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";.app-container{flex-direction:column;min-height:100vh;display:flex}main{flex-grow:1;padding-top:52px}.page-transition-enter{opacity:0;transform:translateY(16px)}.page-transition-enter-active{opacity:1;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transition:opacity .25s,transform .25s;transform:translateY(-10px)}.nav-link{color:var(--text-primary);opacity:.75;letter-spacing:-.01em;transition:opacity var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);border-radius:6px;padding:5px 8px;font-size:12px;font-weight:500;position:relative}.nav-link:after{content:"";background-color:var(--primary);width:0;height:1.5px;transition:width var(--transition-normal);border-radius:99px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.nav-link:hover{opacity:1;color:var(--text-primary)}.nav-link:hover:after{width:60%}.nav-link.active{opacity:1;color:var(--primary)}.nav-link.active:after{width:60%}.nav-icon-btn{cursor:pointer;color:var(--text-primary);opacity:.8;border-radius:var(--radius-sm);transition:opacity var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex}.nav-icon-btn:hover{opacity:1;background-color:var(--bg-tertiary);transform:scale(1.05)}.nav-icon-btn:active{transform:scale(.95)}.nav-btn-link{cursor:pointer;background:0 0;border:none;font-family:inherit}.nav-submenu{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-premium);z-index:1001;transform-origin:top;flex-direction:column;gap:2px;padding:6px;animation:.22s cubic-bezier(.16,1,.3,1) both dropdownIn;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}@keyframes dropdownIn{0%{opacity:0;transform:translate(-50%)scaleY(.85)translateY(-6px)}to{opacity:1;transform:translate(-50%)scaleY(1)translateY(0)}}.dropdown-submenu-item{color:var(--text-primary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);text-align:left;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.dropdown-submenu-item:hover{background-color:var(--primary-light);color:var(--primary);transform:translate(2px)}.profile-dropdown{align-items:center;display:flex;position:relative}.profile-avatar{border-radius:var(--radius-full);cursor:pointer;object-fit:cover;opacity:.9;width:28px;height:28px;transition:opacity var(--transition-fast), transform var(--transition-spring), box-shadow var(--transition-fast)}.profile-avatar:hover{opacity:1;box-shadow:0 0 0 3px var(--primary-glow);transform:scale(1.1)}.dropdown-menu{background-color:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-premium);z-index:1001;transform-origin:100% 0;flex-direction:column;gap:4px;padding:8px;animation:.22s cubic-bezier(.16,1,.3,1) both dropdownIn;display:flex;position:absolute;top:calc(100% + 12px);right:0}@keyframes dropdownInRight{0%{opacity:0;transform:scaleY(.85)translateY(-6px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.dropdown-item{color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:13px;display:flex}.dropdown-item:hover{background-color:var(--bg-tertiary);transform:translate(2px)}.mobile-menu-btn{cursor:pointer;color:var(--text-primary);opacity:.8;border-radius:var(--radius-sm);transition:opacity var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;padding:6px;display:none}.mobile-menu-btn:hover{opacity:1;background-color:var(--bg-tertiary);transform:scale(1.05)}.mobile-menu-btn:active{transform:scale(.95)}.mobile-drawer{background:var(--bg-primary);z-index:999;flex-direction:column;gap:6px;padding:40px 32px;animation:.32s cubic-bezier(.16,1,.3,1) both slideInLeft;display:flex;position:fixed;inset:52px 0 0;overflow-y:auto}.mobile-drawer-link{border-bottom:1px solid var(--border-color);letter-spacing:-.02em;transition:color var(--transition-fast), transform var(--transition-fast);padding:12px 0;font-size:22px;font-weight:700;display:block}.mobile-drawer-link:hover{color:var(--primary);transform:translate(4px)}.mobile-drawer>*{animation:.4s cubic-bezier(.16,1,.3,1) both fadeUp}.mobile-drawer>:first-child{animation-delay:40ms}.mobile-drawer>:nth-child(2){animation-delay:80ms}.mobile-drawer>:nth-child(3){animation-delay:.12s}.mobile-drawer>:nth-child(4){animation-delay:.16s}.mobile-drawer>:nth-child(5){animation-delay:.2s}.mobile-drawer>:nth-child(6){animation-delay:.24s}.modal-overlay{-webkit-backdrop-filter:blur(18px)saturate(150%);z-index:9999;background-color:#00000073;justify-content:center;align-items:center;padding:16px;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-width:400px;box-shadow:var(--shadow-premium);transition:background-color var(--transition-normal);will-change:transform, opacity;outline:none;padding:36px;animation:.38s cubic-bezier(.34,1.56,.64,1) both scaleUp;position:relative}.modal-close{background:var(--bg-tertiary);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);transition:background-color var(--transition-fast), transform var(--transition-fast), color var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background-color:var(--danger);color:#fff;transform:scale(1.1)rotate(90deg)}.tabs-header{border-bottom:1px solid var(--border-color);gap:16px;margin-bottom:32px;display:flex;position:relative}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:12px 4px;font-family:inherit;font-size:15px;font-weight:500;position:relative}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary);font-weight:600}.tab-btn.active:after{content:"";background:linear-gradient(90deg, var(--primary), #60a5fa);border-radius:99px;height:2px;animation:.25s cubic-bezier(.34,1.56,.64,1) both scaleInX;position:absolute;bottom:-1px;left:0;right:0}@keyframes scaleInX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.banner-notification{border-radius:var(--radius-md);align-items:flex-start;gap:12px;margin-bottom:28px;padding:16px 20px;font-size:14px;font-weight:500;animation:.4s cubic-bezier(.16,1,.3,1) both slideInBanner;display:flex}@keyframes slideInBanner{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.banner-notification.success{background-color:var(--success-light);color:var(--success);border:1px solid #30d15833}.cursor-glow{background:var(--primary);pointer-events:none;z-index:99999;mix-blend-mode:multiply;border-radius:50%;width:6px;height:6px;transition:transform .1s,opacity .3s;position:fixed}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.8s infinite shimmer}@media (width<=768px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}.cmd-shortcut-text{display:none!important}}.text-center{text-align:center}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--font-primary:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;--bg-primary:#fff;--bg-secondary:#f5f5f7;--bg-tertiary:#e8e8ed;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-muted:#b0b0b5;--primary:#0071e3;--primary-hover:#0077ed;--primary-light:#0071e314;--primary-glow:#0071e32e;--border-color:#00000014;--border-hover:#00000026;--success:#30d158;--success-light:#30d1581a;--warning:#ff9f0a;--danger:#ff453a;--shadow-sm:0 1px 4px #0000000a, 0 2px 8px #00000008;--shadow-md:0 4px 16px #0000000f, 0 1px 4px #0000000a;--shadow-premium:0 20px 60px #00000012, 0 4px 16px #0000000a, 0 0 0 1px #00000005;--shadow-glow:0 0 0 4px var(--primary-glow);--radius-sm:8px;--radius-md:18px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.28s cubic-bezier(.25, 1, .5, 1);--transition-slow:.55s cubic-bezier(.16, 1, .3, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--text-primary:#f5f5f7;--text-secondary:#8e8e93;--text-muted:#48484a;--primary:#2997ff;--primary-hover:#4dabff;--primary-light:#2997ff1f;--primary-glow:#2997ff38;--border-color:#ffffff14;--border-hover:#ffffff29;--success:#32d74b;--success-light:#32d74b1f;--shadow-premium:0 20px 60px #0009, 0 4px 16px #0006, 0 0 0 1px #ffffff0a}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes scaleDown{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.94)translateY(8px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--primary-glow)}50%{box-shadow:0 0 0 8px #0000}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinnerPulse{0%{opacity:1;transform:rotate(0)}50%{opacity:.6}to{opacity:1;transform:rotate(360deg)}}@keyframes ripple{0%{opacity:.4;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}@keyframes dotBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes borderGlow{0%,to{border-color:var(--primary-light)}50%{border-color:var(--primary)}}.anim-fade-up{animation:fadeUp var(--transition-slow) both}.anim-fade-in{animation:fadeIn var(--transition-normal) both}.anim-scale-up{animation:scaleUp var(--transition-slow) both}.fade-in{animation:.6s cubic-bezier(.16,1,.3,1) both fadeUp}.stagger-children>*{opacity:0;animation:.55s cubic-bezier(.16,1,.3,1) both fadeUp}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:80ms}.stagger-children>:nth-child(3){animation-delay:.16s}.stagger-children>:nth-child(4){animation-delay:.24s}.stagger-children>:nth-child(5){animation-delay:.32s}.stagger-children>:nth-child(6){animation-delay:.4s}.stagger-children>:nth-child(7){animation-delay:.48s}*,:before,:after{box-sizing:border-box;letter-spacing:-.015em;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}a{color:inherit;transition:color var(--transition-fast), opacity var(--transition-fast);text-decoration:none}a:hover{color:var(--primary)}.container{max-width:1120px;margin:0 auto;padding:0 24px}.section{padding:120px 0;position:relative}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.03em;font-weight:700;line-height:1.1}h1{font-size:clamp(2.8rem,6vw,4.5rem)}h2{text-align:center;letter-spacing:-.035em;margin-bottom:64px;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700}h3{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700}p{color:var(--text-secondary);line-height:1.6}.text-gradient{background:linear-gradient(135deg, var(--primary) 0%, #a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff40 0%,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.btn:active:after{opacity:1}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 2px 12px var(--primary-glow)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)scale(1.02)}.btn-primary:active{box-shadow:none;transform:translateY(0)scale(.98)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)scale(1.02)}.btn-secondary:active{box-shadow:none;transform:translateY(0)scale(.98)}.card{background-color:var(--bg-secondary);border-radius:var(--radius-md);transition:transform var(--transition-slow), box-shadow var(--transition-slow), border-color var(--transition-slow);box-shadow:var(--shadow-sm);will-change:transform;border:none;padding:36px;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #0071e30a, transparent 40%);opacity:0;transition:opacity var(--transition-normal);pointer-events:none;z-index:0;position:absolute;inset:0}.card:hover:before{opacity:1}.card:hover{box-shadow:var(--shadow-premium);transform:translateY(-4px)scale(1.005)}.form-group{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast);font-size:13px;font-weight:600}.form-group:focus-within label{color:var(--primary)}.form-input{background-color:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);appearance:none;outline:none;padding:14px 16px;font-family:inherit;font-size:15px}.form-input::placeholder{color:var(--text-muted);transition:opacity var(--transition-fast)}.form-input:focus::placeholder{opacity:.5}.form-input:hover:not(:focus){border-color:var(--border-hover)}.form-input:focus{border-color:var(--primary);background-color:var(--bg-primary);box-shadow:0 0 0 4px var(--primary-light)}textarea.form-input{resize:vertical;min-height:140px;line-height:1.6}header{-webkit-backdrop-filter:saturate(200%)blur(24px);border-bottom:1px solid var(--border-color);z-index:1000;height:52px;transition:background-color var(--transition-normal), height var(--transition-normal), box-shadow var(--transition-normal);background-color:#ffffffbf;position:fixed;top:0;left:0;right:0}header.scrolled{height:48px;box-shadow:0 1px 20px #0000000f}[data-theme=dark] header{background-color:#000000bf}[data-theme=dark] header.scrolled{box-shadow:0 1px 20px #0006}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--primary-glow);color:var(--primary)}.spinner{border:2.5px solid var(--border-hover);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s cubic-bezier(.4,0,.6,1) infinite spin}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}.reveal{opacity:0;transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}