*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#fff;--bg-dark:#0a0a0f;--bg-dark-secondary:#111118;--text-color:#0a0a0f;--text-color-dark:#f5f5f7;--text-secondary:#6b6b80;--text-secondary-dark:rgba(245,245,247,.6);--border-color:#e8e8ec;--border-color-dark:hsla(0,0%,100%,.1);--accent-color:#0a0a0f;--accent-hover:#1f1f2e;--section-bg:#f5f5f7;--card-bg:#fff;--card-bg-dark:#16161f;--nav-bg:rgba(10,10,15,.85);--nav-border:hsla(0,0%,100%,.08);--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.1);--shadow-lg:0 16px 48px rgba(0,0,0,.12);--radius-sm:8px;--radius-md:12px;--radius-lg:16px}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{margin:0 auto;max-width:1200px;padding:0 40px}@media(max-width:768px){.container{padding:0 24px}}@media(max-width:480px){.container{padding:0 16px}}.navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#0d0d12e6;border-bottom:1px solid hsla(0,0%,100%,.08);color:#fff;left:0;padding:20px 0;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}.navbar.is-scrolled{background-color:#0d0d12bf;padding:12px 0}.nav-content{justify-content:space-between;position:relative}.logo,.nav-content{align-items:center;display:flex}.logo{gap:12px;text-decoration:none;transition:opacity .2s}.logo:hover{opacity:.8}.logo-image{display:block;height:28px;width:auto}.logo-text{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.03em;line-height:1}.nav-links-center{align-items:center;display:flex;gap:32px;left:50%;position:absolute;transform:translate(-50%)}.nav-links-center a{color:#fff6;font-size:13px;font-weight:500;letter-spacing:.02em;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.nav-links-center a:after{background:#fff;bottom:-4px;content:"";height:1.5px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links-center a.router-link-active:after,.nav-links-center a:hover:after{width:100%}.nav-links-center a.router-link-active,.nav-links-center a:hover{color:#fff}.nav-links-right{align-items:center;display:flex;gap:24px}.nav-auth{color:#fff6;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-auth:hover{color:#fff}.btn-nav{background:#fff;border-radius:100px;color:#000;font-size:13px;font-weight:600;padding:8px 24px;transition:all .3s ease}.btn-nav:hover{background:#f0f0f0;box-shadow:0 4px 12px #ffffff1a;transform:translateY(-1px)}.profile-menu{position:relative}.profile-button{align-items:center;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:100px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:6px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-button:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.profile-avatar{align-items:center;background:var(--bg-dark);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.profile-email{font-size:13px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chevron{flex-shrink:0;opacity:.5;transition:transform .2s}.profile-chevron.open{transform:rotate(180deg)}.profile-dropdown{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:220px;overflow:hidden;padding:8px;position:absolute;right:0;top:calc(100% + 10px);z-index:1000}.profile-dropdown-header{align-items:center;display:flex;flex-direction:column;gap:8px;padding:14px 12px}.profile-dropdown-avatar{align-items:center;background:var(--bg-dark);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:17px;font-weight:600;height:44px;justify-content:center;width:44px}.profile-dropdown-email{color:var(--text-color);font-size:13px;font-weight:500;text-align:center;word-break:break-all}.profile-dropdown-divider{background:var(--border-color);height:1px;margin:4px 0}.profile-dropdown-item{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:500;padding:9px 12px;text-align:left;text-decoration:none;transition:background .15s;width:100%}.profile-dropdown-item:hover{background:var(--section-bg)}.profile-dropdown-item-danger{color:#e53e3e!important}.profile-dropdown-item-danger:hover{background:#e53e3e14!important}.modal-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0000008c;box-sizing:border-box;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:10000}.modal-overlay::-webkit-scrollbar{display:none}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-shrink:0;margin:auto;max-width:480px;padding:36px;position:relative;width:100%}.modal-content h3{color:var(--text-color);font-family:Playfair Display,Georgia,serif;font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.modal-description{color:var(--text-secondary);font-size:15px;line-height:1.65;margin-bottom:24px}.modal-warning-box{background:var(--section-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:24px;padding:20px}.modal-warning-title{color:var(--text-color);font-size:14px;font-weight:600;margin-bottom:12px}.modal-list{list-style:none;margin:0;padding:0}.modal-list li{color:var(--text-secondary);font-size:14px;line-height:1.5;padding:6px 0 6px 18px;position:relative}.modal-list li:before{color:var(--text-secondary);content:"–";left:0;position:absolute}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions .btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:600;padding:11px 24px;transition:all .2s}.modal-actions .btn-secondary{background:transparent;border:1.5px solid var(--border-color);color:var(--text-color)}.modal-actions .btn-secondary:hover{background:var(--section-bg);border-color:var(--text-color)}.modal-actions .btn-danger{background:#0a0a0f;color:#fff}.modal-actions .btn-danger:hover{background:#1f1f2e;transform:translateY(-1px)}.mobile-menu-toggle{background:transparent;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:none;padding:6px;transition:background .2s,border-color .2s;z-index:101}.mobile-menu-toggle:hover{background:#ffffff14}.desktop-profile{display:flex}.desktop-auth{align-items:center;display:flex;gap:12px}.mobile-menu{animation:slideDown .18s ease-out;background:var(--card-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);left:0;padding:16px 20px;position:absolute;right:0;top:100%;z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-profile{align-items:center;display:flex;gap:12px;padding:10px 0}.mobile-menu-avatar{align-items:center;background:var(--bg-dark);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:600;height:38px;justify-content:center;width:38px}.mobile-menu-email{color:var(--text-color);font-size:14px;font-weight:500;word-break:break-all}.mobile-menu-divider{background:var(--border-color);height:1px;margin:10px 0}.mobile-menu-item{background:transparent;border:none;color:var(--text-color);cursor:pointer;display:block;font-family:Inter,-apple-system,sans-serif;font-size:15px;font-weight:500;padding:11px 0;text-align:left;text-decoration:none;transition:color .2s;width:100%}.mobile-menu-item:hover{color:var(--text-secondary)}.mobile-menu-button{border-radius:var(--radius-sm);margin-top:6px;padding:11px 16px;text-align:center}.mobile-menu-item-primary{background:var(--bg-dark);color:#fff!important}.mobile-menu-item-primary:hover{background:#1f1f2e!important;color:#fff!important}.mobile-menu-item-danger{color:#e53e3e!important}.mobile-menu-item-danger:hover{background:#e53e3e14}@media(max-width:968px){.nav-links-center{display:none}.logo{gap:10px}.logo-image{height:24px}.logo-text{font-size:17px}.nav-content{min-height:44px}.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.desktop-auth,.desktop-profile{display:none}.mobile-menu{display:block}.profile-dropdown{right:-20px}}@media(max-width:768px){.navbar{padding:14px 0}.navbar.is-scrolled{padding:10px 0}.logo-text{font-size:16px}.nav-links-right{gap:8px}.mobile-menu-toggle{padding:8px}}@media(max-width:420px){.logo-text{font-size:15px}}.notification-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.notification-modal{animation:slideUp .25s ease-out;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:380px;padding:36px;text-align:center;width:100%}.notification-modal.success{border-color:#22c55e}.notification-modal.error{border-color:#ef4444}.notification-icon{align-items:center;background:var(--section-bg);border-radius:50%;color:var(--text-color);display:flex;height:56px;justify-content:center;margin:0 auto 20px;width:56px}.notification-modal.success .notification-icon{background:#22c55e1a;color:#22c55e}.notification-modal.error .notification-icon{background:#ef44441a;color:#ef4444}.notification-message{color:var(--text-color);font-size:16px;font-weight:500;line-height:1.5;margin-bottom:24px}.notification-close{background:var(--bg-dark);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:600;padding:11px 32px;transition:all .2s}.notification-close:hover{background:#1f1f2e;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}