.navbar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0 16px;position:sticky;top:0;z-index:100}.navbar__container{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px;height:64px}.navbar__start{display:flex;align-items:center}.navbar__logo{font-size:1.4rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;white-space:nowrap}.navbar__logo:hover{color:var(--accent-light)}.navbar__logo-icon{color:var(--accent);font-size:1.2rem}.navbar__burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;padding:4px;cursor:pointer}.navbar__burger span{display:block;width:24px;height:2px;background-color:var(--text-primary);border-radius:2px;transition:transform .3s,opacity .3s}.navbar__burger_open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__burger_open span:nth-child(2){opacity:0}.navbar__burger_open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar__right{display:flex;align-items:center;flex:1;gap:16px}.navbar__links{display:flex;flex:1;gap:8px;justify-content:center;list-style:none}.navbar__link{color:var(--text-secondary);padding:5px 10px;border-radius:8px;font-size:.95rem;transition:background-color .2s,color .2s,transform .1s}.navbar__link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.navbar__link_active{background-color:var(--bg-tertiary);color:var(--accent-light)}.navbar__user{display:flex;align-items:center;gap:16px;position:relative}.navbar__user-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;color:var(--text-primary);padding:0;transition:color .2s}.navbar__user-btn:hover{color:var(--accent-light)}.navbar__user-link{display:flex;align-items:center;gap:8px;color:var(--text-primary);transition:color .2s}.navbar__user-link:hover{color:var(--accent-light)}.navbar__avatar{width:24px;height:24px;border-radius:50%;background-color:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.navbar__user-name{font-size:.9rem;font-weight:500;white-space:nowrap}.navbar__logout{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:500;transition:background-color .2s,color .2s,transform .1s;cursor:pointer}.navbar__logout:hover{background-color:#f8717126;color:var(--error);border-color:#f871714d}.navbar__logout-icon{display:none;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:6px;border-radius:6px;transition:color .2s}.navbar__logout-icon:hover{color:var(--error)}.navbar__end{display:flex;align-items:center;gap:16px;margin-left:auto}.navbar__lang{position:relative}.navbar__lang-btn{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:8px;transition:color .2s,background-color .2s}.navbar__lang-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.navbar__lang-code{font-size:.7rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.navbar__lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:4px;min-width:130px;box-shadow:0 8px 24px #0003;z-index:200}.navbar__lang-option{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;color:var(--text-primary);font-size:.9rem;padding:8px 12px;border-radius:6px;transition:background-color .15s}.navbar__lang-option:hover{background-color:var(--bg-tertiary)}.navbar__lang-option_active{color:var(--accent-light);font-weight:600}.navbar__auth{display:flex;align-items:center}.navbar__login{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:8px 16px;border-radius:8px;font-size:.95rem;transition:background-color .2s,color .2s,transform .1s}.navbar__login:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.navbar__login-icon{display:none;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:6px;border-radius:6px;transition:color .2s}.navbar__login-icon:hover{color:var(--text-primary)}.navbar__mobile-logout{display:none}@media(max-width:1100px){.navbar__container{gap:0}.navbar__burger{display:flex;padding:8px}.navbar__end{gap:4px}.navbar__right{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;justify-content:flex-end;background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:16px;gap:12px}.navbar__right_open{display:flex}.navbar__user-name,.navbar__logout,.navbar__logout-icon,.navbar__login{display:none}.navbar__login-icon{display:flex;padding:8px}.navbar__lang-btn,.navbar__user-btn{padding:8px}.navbar__user{gap:8px}.navbar__links{flex-direction:column;gap:8px}.navbar__mobile-divider{height:1px;background-color:var(--border)}.navbar__mobile-logout{display:block;align-self:flex-start}}.notification-banner{align-items:flex-start;animation:notification-slide-in .3s ease;background-color:#251e4a;border:1px solid #7c3aed;border:1px solid rgba(124,58,237,.35);border-radius:12px;box-shadow:0 8px 32px #00000059,0 0 0 1px #7c3aed1a;column-gap:14px;display:flex;left:50%;max-width:560px;padding:14px 16px;position:fixed;top:78px;transform:translate(-50%);width:calc(100% - 32px);z-index:100}@keyframes notification-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.notification-banner__icon{color:var(--accent-light);flex-shrink:0;font-size:1.1rem;line-height:1.5}.notification-banner__body{display:flex;flex:1;flex-direction:column;min-width:0}.notification-banner__text{color:var(--text-primary);font-size:.9rem;line-height:1.55}.notification-banner__btn{align-self:flex-start;background:none;border:1px solid #2d2654;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;margin-top:10px;padding:4px 12px;transition:background-color .2s,color .2s;white-space:nowrap}.notification-banner__btn:hover{border-color:#7c3aed;border-color:#7c3aed80;color:#e2e0f0}.notification-banner__close{background:none;border:none;border-radius:6px;color:#9690b0;cursor:pointer;flex-shrink:0;font-size:1rem;line-height:1;padding:2px 4px;transition:color .15s}.notification-banner__close:hover{color:#e2e0f0}@media(max-width:600px){.notification-banner{border-radius:10px;column-gap:10px;padding:10px 12px;top:78px}.notification-banner__text{font-size:.8rem;line-height:1.45}.notification-banner__btn{font-size:.75rem;padding:3px 10px}.notification-banner__close{font-size:.85rem}}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border);margin-top:40px}.footer__container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;width:100%;padding:0 24px;height:56px}.footer__nav{display:contents}.footer__link{color:var(--text-secondary);padding:5px 10px;border-radius:8px;font-size:.9rem;transition:background-color .2s,color .2s}.footer__link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.footer__link_active{background-color:var(--bg-tertiary);color:var(--accent-light)}@media(max-width:500px){.footer__container{padding:0 16px}.footer__link{font-size:.82rem;padding:5px 4px}}@media(max-width:390px){.footer__link{font-size:.75rem;padding:5px 2px}}*,*:before,*:after{box-sizing:border-box}body{margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),opacity .15s ease}button:active:not(:disabled){transform:scale(.94);transition:transform .08s ease}a{transition:color .2s ease,transform .15s cubic-bezier(.34,1.56,.64,1)}a:active{transform:scale(.96);transition:transform .08s ease}code{font-family:SF Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary: #0d0b1a;--bg-secondary: #1a1533;--bg-tertiary: #251e4a;--accent: #7c3aed;--accent-light: #a78bfa;--text-primary: #e2e0f0;--text-secondary: #9690b0;--success: #34d399;--error: #f87171;--border: #2d2654}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--accent-light);text-decoration:none}a:hover{color:var(--accent)}button,a{-webkit-tap-highlight-color:transparent;outline:none}button{cursor:pointer;font-family:inherit}button:focus,a:focus{outline:none}button:focus-visible,a:focus-visible{border-radius:8px;outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{font-family:inherit}.app{display:flex;flex-direction:column;min-height:100vh}.app main{flex:1}