:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-active:#1e40af;--color-primary-light:#eff6ff;--color-primary-ring:#2563eb26;--color-secondary:#22d3ee;--color-tertiary:#facc15;--color-bg:#fafafa;--color-surface:#fff;--color-bg-transparent:#fafafad9;--color-border:#e5e5e5;--color-border-hover:#d4d4d4;--color-text:#171717;--color-text-secondary:#525252;--color-text-tertiary:#a3a3a3;--color-text-inverse:#fff;--color-success:#22c55e;--color-success-bg:#dcfce7;--color-success-text:#166534;--color-warning:#f59e0b;--color-warning-bg:#fef9c3;--color-warning-text:#854d0e;--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-bg:#fee2e2;--color-error-text:#991b1b;--color-error-ring:#ef444426;--color-info:#3b82f6;--font-headline:"Poppins", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-none:0px;--radius-sm:4px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-subtle:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-medium:0 4px 6px #00000012, 0 2px 4px #0000000d;--shadow-large:0 10px 25px #0000001a, 0 6px 10px #0000000f;--shadow-overlay:0 25px 50px #00000026, 0 12px 24px #00000014;--shadow-product-hover:0 14px 32px #2563eb1f, 0 6px 12px #0000000f;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--section-spacing:112px}[data-theme=dark]{--color-bg:#0a0a0a;--color-surface:#171717;--color-bg-transparent:#0a0a0ad9;--color-border:#262626;--color-border-hover:#404040;--color-text:#fafafa;--color-text-secondary:#a3a3a3;--color-text-tertiary:#525252;--color-text-inverse:#171717;--color-primary-light:#1e3a8a;--color-error-bg:#ef44441a;--color-error-text:#fca5a5;--color-success-bg:#22c55e1a;--color-success-text:#86efac;--color-warning-bg:#f59e0b1a;--color-warning-text:#fde047;--shadow-subtle:0 1px 3px #00000080, 0 1px 2px #0000004d;--shadow-medium:0 4px 6px #00000080, 0 2px 4px #0000004d;--shadow-large:0 10px 25px #00000080, 0 6px 10px #0000004d;--shadow-overlay:0 25px 50px #0009, 0 12px 24px #0006}@media (width<=1024px){:root{--section-spacing:80px}}@media (width<=640px){:root{--section-spacing:56px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;font-size:16px;line-height:1.6}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}@media (width<=768px){body{padding-bottom:64px}}ul,ol{list-style:none}.text-display{font-family:var(--font-headline);letter-spacing:.02em;font-size:56px;font-weight:800;line-height:1.1}.text-headline{font-family:var(--font-headline);letter-spacing:.01em;font-size:40px;font-weight:700;line-height:1.2}.text-subhead{font-family:var(--font-headline);letter-spacing:.005em;font-size:26px;font-weight:600;line-height:1.3}.text-body-lg{font-family:var(--font-body);font-size:18px;font-weight:400;line-height:1.6}.text-body{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.6}.text-body-sm{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.5}.text-caption{font-family:var(--font-body);letter-spacing:.02em;font-size:12px;font-weight:500;line-height:1.4}.text-overline{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.2}.text-code{font-family:var(--font-mono);font-size:14px;font-weight:400;line-height:1.5}@media (width<=640px){.text-display{font-size:36px}.text-headline{font-size:28px}.text-subhead{font-size:22px}}.btn{font-family:var(--font-body);border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-sm{height:34px;padding:0 18px;font-size:13px}.btn-md{height:42px;padding:0 28px;font-size:15px}.btn-lg{height:50px;padding:0 36px;font-size:15px}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{background:var(--color-primary-active)}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-secondary:hover{background:var(--color-primary-light)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:#f5f5f5}.btn-destructive{background:var(--color-error);color:var(--color-text-inverse)}.btn-destructive:hover{background:var(--color-error-hover)}.btn .btn-spinner{border:2px solid;border-color:currentColor currentColor #0000 #0000;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-family:var(--font-body);color:var(--color-text);font-size:13px;font-weight:600}.form-input{background:var(--color-surface);border:1.5px solid var(--color-border-hover);border-radius:var(--radius-md);width:100%;height:44px;color:var(--color-text);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:0 16px;font-size:16px;font-weight:400}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.form-input.input-error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-ring)}.form-input:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.form-helper{color:var(--color-text-secondary);font-size:12px}.form-error{color:var(--color-error);font-size:12px;font-weight:500}.checkbox-wrapper{cursor:pointer;align-items:center;gap:10px;display:flex}.checkbox-wrapper input[type=checkbox]{appearance:none;border:2px solid var(--color-border-hover);cursor:pointer;width:20px;height:20px;transition:all var(--transition-fast);border-radius:6px;flex-shrink:0;position:relative}.checkbox-wrapper input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-wrapper input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.checkbox-label{font-family:var(--font-body);color:var(--color-text);-webkit-user-select:none;user-select:none;font-size:14px;font-weight:400}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base);overflow:hidden}.card:hover{border-color:var(--color-border-hover)}.card-elevated{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium);transition:box-shadow var(--transition-base), transform var(--transition-base);overflow:hidden}.card-elevated:hover{box-shadow:var(--shadow-large);transform:translateY(-3px)}.chip{border-radius:var(--radius-full);height:34px;font-family:var(--font-body);white-space:nowrap;align-items:center;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.chip-success{background:var(--color-success-bg);color:var(--color-success-text)}.chip-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.chip-error{background:var(--color-error-bg);color:var(--color-error-text)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}#root{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:1200px;padding:0 var(--space-5);margin:0 auto}@media (width<=640px){.container{padding:0 var(--space-4)}}.toast-container{top:var(--space-5);right:var(--space-5);z-index:10000;gap:var(--space-3);pointer-events:none;flex-direction:column;max-width:400px;display:flex;position:fixed}@media (width<=640px){.toast-container{left:var(--space-4);right:var(--space-4);max-width:100%}}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-large);pointer-events:auto;border-left:4px solid;font-size:14px;line-height:1.5;animation:.3s forwards slideInRight;display:flex}.toast--exiting{animation:.3s forwards slideOutRight}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-error)}.toast--info{border-left-color:var(--color-info)}.toast__icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.toast__icon--success{color:var(--color-success)}.toast__icon--error{color:var(--color-error)}.toast__icon--info{color:var(--color-info)}.toast__content{color:var(--color-text);flex:1;font-weight:500}.toast__close{width:20px;height:20px;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.toast__close:hover{color:var(--color-text);background:var(--color-border)}.navbar{z-index:1000;background:var(--color-bg-transparent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.navbar__inner{max-width:1400px;height:72px;padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}@media (width<=640px){.navbar__inner{padding:0 var(--space-4)}}.navbar__logo{align-items:center;gap:var(--space-3);font-family:var(--font-headline);color:var(--color-text);transition:color var(--transition-fast);font-size:22px;font-weight:700;text-decoration:none;display:flex}.navbar__logo:hover{color:var(--color-primary)}.navbar__logo-text{display:block}@media (width<=640px){.navbar__logo-text{display:none}}.navbar__logo-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));border-radius:var(--radius-md);color:#fff;width:32px;height:32px;font-size:16px;font-weight:800;font-family:var(--font-headline);justify-content:center;align-items:center;display:flex}.navbar__actions{align-items:center;gap:var(--space-3);display:flex}@media (width<=768px){.navbar__actions{display:none}}.navbar__user{position:relative}.navbar__user-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);transition:background var(--transition-fast);cursor:pointer;background:0 0;border:none;padding:6px 12px;display:flex}.navbar__user-btn:hover{background:var(--color-border)}.navbar__avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;width:34px;height:34px;font-family:var(--font-headline);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.navbar__username{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;font-weight:600;overflow:hidden}.navbar__chevron{width:16px;height:16px;color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.navbar__chevron--open{transform:rotate(180deg)}.navbar__dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-large);z-index:1000;animation:.15s fadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.navbar__dropdown-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);color:var(--color-text);text-align:left;cursor:pointer;transition:background var(--transition-fast);font-size:14px;font-weight:500;font-family:var(--font-body);background:0 0;border:none;text-decoration:none;display:flex}.navbar__dropdown-item:hover{background:var(--color-primary-light);color:var(--color-primary)}.navbar__dropdown-item--danger:hover{background:var(--color-error-bg);color:var(--color-error)}.navbar__dropdown-divider{background:var(--color-border);height:1px;margin:var(--space-1) 0}.navbar__dropdown-icon{flex-shrink:0;width:18px;height:18px}.navbar__hamburger{border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:none}.navbar__hamburger:hover{background:var(--color-border)}@media (width<=768px){.navbar__hamburger{display:flex}}.navbar__hamburger-icon{width:24px;height:24px;color:var(--color-text);transition:transform .3s}.hamburger-lines{flex-direction:column;justify-content:space-between;width:22px;height:18px;display:flex}.hamburger-lines .line{background:var(--color-text);border-radius:10px;width:100%;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;display:block}.hamburger-lines.open .line1{transform:translateY(8px)rotate(45deg)}.hamburger-lines.open .line2{opacity:0}.hamburger-lines.open .line3{transform:translateY(-8px)rotate(-45deg)}.navbar__mobile-menu{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-6);background:var(--color-surface);box-shadow:var(--shadow-large);animation:.3s cubic-bezier(.16,1,.3,1) slideDown;display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar__mobile-menu--open{gap:var(--space-2);flex-direction:column;display:flex}.navbar__mobile-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text);transition:background var(--transition-fast);font-size:15px;font-weight:600;text-decoration:none;display:flex}.navbar__mobile-item:hover{background:var(--color-border)}.navbar__mobile-item--primary{background:var(--color-primary);color:#fff;justify-content:center}.navbar__mobile-item--primary:hover{background:var(--color-primary-hover)}.navbar__mobile-divider{background:var(--color-border);height:1px;margin:var(--space-2) 0}.nav-notifications-wrapper{align-items:center;display:flex;position:relative}.nav-bell-btn{color:var(--color-text);cursor:pointer;padding:var(--space-2);transition:background var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.nav-bell-btn:hover{background:var(--color-border);color:var(--color-primary)}.nav-bell-badge{background:var(--color-error);color:#fff;min-width:16px;height:16px;box-shadow:0 0 0 2px var(--color-surface);border-radius:9999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.nav-dropdown-backdrop{z-index:900;position:fixed;inset:0}.nav-notifications-dropdown{background:var(--color-surface);border-radius:var(--radius-lg,16px);width:340px;box-shadow:var(--shadow-large);border:1px solid var(--color-border);z-index:1000;flex-direction:column;animation:.15s fadeIn;display:flex;position:absolute;top:calc(100% + 12px);right:-20px;overflow:hidden}.nav-notifications-header{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.nav-notifications-header h3{font-family:var(--font-headline);color:var(--color-text);margin:0;font-size:16px;font-weight:600}.nav-notifications-body{flex-direction:column;max-height:350px;display:flex;overflow-y:auto}.nav-notifications-loading,.nav-notifications-empty{padding:var(--space-6) 16px;text-align:center;font-family:var(--font-body);color:var(--color-text-tertiary);font-size:14px}.nav-notification-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);text-decoration:none;display:flex}.nav-notification-item:hover{background:var(--color-bg)}.nav-notification-item.unread{background:var(--color-primary-light)}.nav-notification-content{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.nav-notification-content p{font-family:var(--font-body);color:var(--color-text);margin:0;font-size:14px;line-height:1.5}.nav-notification-item.unread .nav-notification-content p{color:var(--color-primary);font-weight:600}.nav-notification-time{color:var(--color-text-tertiary);font-size:12px}.nav-notification-mark-read{cursor:pointer;padding:var(--space-1);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.unread-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px}.nav-notifications-footer{padding:var(--space-3);text-align:center;border-top:1px solid var(--color-border);background:var(--color-bg)}.nav-notifications-footer a{font-family:var(--font-body);color:var(--color-primary);font-size:14px;font-weight:600;text-decoration:none}.nav-notifications-footer a:hover{text-decoration:underline}@media (width<=640px){.nav-notifications-dropdown{top:var(--space-8);left:var(--space-4);right:var(--space-4);width:auto;position:fixed}}.navbar__center{align-items:center;gap:var(--space-5);margin-left:var(--space-6);flex:1;display:none}@media (width>=768px){.navbar__center{display:flex}}.navbar__center-link{font-family:var(--font-headline);color:var(--color-text-secondary);font-size:15px;font-weight:600;text-decoration:none;transition:color .2s}.navbar__center-link:hover{color:var(--color-primary)}.navbar__search-icon-btn{width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;margin-left:auto;display:flex}.navbar__search-icon-btn:hover{color:var(--color-primary);background:var(--color-border)}.navbar__search-icon-btn svg{width:20px;height:20px}.navbar__mobile-actions{align-items:center;gap:var(--space-2);margin-left:auto;margin-right:var(--space-4);display:none}@media (width<=768px){.navbar__mobile-actions{display:flex}}.navbar__mobile-search-dropdown{padding:var(--space-3) var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-large);animation:.3s cubic-bezier(.16,1,.3,1) slideDown;display:none}.navbar__mobile-search-dropdown--open{display:block}.navbar__mobile-categories{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border);white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;display:none;overflow-x:auto}.navbar__mobile-categories::-webkit-scrollbar{display:none}@media (width<=768px){.navbar__mobile-categories{display:flex}}.navbar__mobile-category-link{font-family:var(--font-headline);color:var(--color-text-secondary);padding:var(--space-1) 0;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.navbar__mobile-category-link:hover{color:var(--color-primary)}.theme-toggle-switch{border-radius:var(--radius-full);background:var(--color-border-hover);cursor:pointer;width:52px;height:28px;transition:background var(--transition-base);border:none;align-items:center;padding:0;display:flex;position:relative}.theme-toggle-switch:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle-switch.is-dark{background:var(--color-primary)}.theme-toggle-thumb{background:var(--color-surface);width:22px;height:22px;color:var(--color-text);box-shadow:var(--shadow-subtle);transition:transform var(--transition-base), background var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:3px;left:3px}.theme-toggle-switch.is-dark .theme-toggle-thumb{color:var(--color-primary);transform:translate(24px)}.theme-toggle-switch.is-light .theme-toggle-thumb{color:var(--color-warning)}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{padding-bottom:env(safe-area-inset-bottom);background:var(--color-bg-transparent);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--color-border);z-index:999;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{height:64px;color:var(--color-text-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;text-decoration:none;transition:all .2s;display:flex}.bottom-nav__item svg{transition:transform .2s}.bottom-nav__label{font-size:10px;font-weight:600}.bottom-nav__item:hover{color:var(--color-text-secondary)}.bottom-nav__item.active{color:var(--color-primary)}.bottom-nav__item.active svg{transform:translateY(-2px)}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-6) 0 var(--space-4) 0;margin-top:auto}.footer-container{width:100%;max-width:1200px;padding:0 var(--space-5);margin:0 auto}.footer-socials-top{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);display:flex}.footer-top{justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.footer-brand{max-width:300px}.footer-logo{margin-bottom:var(--space-3);align-items:center;gap:12px;display:flex}.footer-logo-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;width:36px;height:36px;font-family:var(--font-headline);border-radius:10px;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.footer-logo-text{font-family:var(--font-headline);color:var(--color-text);letter-spacing:-.02em;font-size:20px;font-weight:800}.footer-tagline{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.footer-links{gap:var(--space-8);flex-wrap:wrap;display:flex}.footer-link-group{gap:var(--space-2);flex-direction:column;display:flex}.footer-link-group h4{font-family:var(--font-headline);color:var(--color-text);margin-bottom:var(--space-2);font-size:16px;font-weight:700}.footer-link-group a{color:var(--color-text-secondary);font-size:14px;text-decoration:none;transition:color .2s}.footer-link-group a:hover{color:var(--color-primary)}.footer-bottom{padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:center;align-items:center;display:flex}.footer-copyright{color:var(--color-text-tertiary);font-size:13px}.social-icon{background:var(--color-bg);width:40px;height:40px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.social-icon:hover{background:var(--color-primary-ring);color:var(--color-primary);transform:translateY(-2px)}@media (width<=768px){.footer{padding-bottom:80px}.footer-top{flex-direction:column}.footer-links{gap:var(--space-6)}.footer-bottom{text-align:center;flex-direction:column}}.ban-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.ban-modal-content{background:var(--color-surface,#fff);border-radius:var(--radius-xl,16px);text-align:center;border:1px solid var(--color-border,#eaeaea);width:100%;max-width:450px;padding:32px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 20px 40px #0000004d}.ban-modal-icon{background:var(--color-error-bg,#fee2e2);width:80px;height:80px;color:var(--color-error,#ef4444);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.ban-modal-title{font-family:var(--font-headline,system-ui);color:var(--color-text,#111827);margin-bottom:12px;font-size:24px;font-weight:700}.ban-modal-message{color:var(--color-text-secondary,#4b5563);margin-bottom:24px;font-size:16px;line-height:1.5}.ban-modal-reason-box{background:var(--color-bg,#f3f4f6);border-radius:var(--radius-md,8px);text-align:left;border-left:4px solid var(--color-error,#ef4444);margin-bottom:24px;padding:16px}.ban-modal-reason-label{text-transform:uppercase;color:var(--color-text-tertiary,#6b7280);letter-spacing:.05em;margin-bottom:4px;font-size:12px;font-weight:600}.ban-modal-reason-text{color:var(--color-text,#111827);word-break:break-word;font-size:14px;font-weight:500}.ban-modal-btn{background:var(--color-primary,#3b82f6);color:#fff;border-radius:var(--radius-md,8px);cursor:pointer;border:none;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.ban-modal-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.ban-modal-btn:active{transform:translateY(1px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}