.navigation-bar{position:sticky;top:0;background:var(--base-color);box-shadow:0 4px 20px rgba(0,0,0,.15);border-bottom:1px solid rgba(78,125,247,.2);z-index:999}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:60px}.nav-left{display:flex;align-items:center;gap:24px}.nav-btn-back{width:18px;height:18px;mask-image:url(../hypnos/icons/arrow-left.svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;border:none;background-color:var(--text-color-primary)}.nav-links{display:none}.nav-btn{display:flex;align-items:center;justify-content:center;background-color:inherit;color:var(--text-color-primary);padding:10px 20px;font-family:var(--ff-inter);font-weight:600;font-size:15px;line-height:21px;cursor:pointer;height:auto;user-select:none;transition:opacity .3s ease;gap:6px}.nav-btn:hover{opacity:var(--p-opacity-hover)}.nav-icon{width:18px;height:18px;mask-repeat:no-repeat;mask-position:center;background:var(--text-color-primary);flex-shrink:0}.nav-btn-logo{background-image:url(../icon.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer;width:48px;height:48px}.menu-btn{width:18px;height:18px;mask-size:18px 18px;mask-image:url(../hypnos/icons/bars.svg);mask-repeat:no-repeat;background-color:var(--text-color-primary);border-radius:0;order:2}.my-card-btn{display:flex;justify-content:center;align-items:center;gap:8px;background:0 0;& .card-icon{mask-image:url(../hypnos/icons/credit-card.svg);mask-repeat:no-repeat;mask-position:center;mask-size:20px;width:20px;height:20px;background:var(--text-color-primary)}}.login-card{display:grid;gap:20px}.login-card.hidden{display:none}.error-message{color:var(--error-color);font-size:.9rem;letter-spacing:.4px;padding:5px 15px}.login-error{color:var(--error-color);font-size:.9rem;font-weight:500}.language-dialog .dialog-body{display:flex;flex-direction:column}.language-dialog .loader-spinner{align-self:center}.language-dialog .loader-text{margin-left:15px}.language-dialog ol{list-style-type:none;gap:12px;display:flex;flex-direction:column;padding-right:5px;margin-bottom:10px;max-height:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--accent-color)transparent}.language-dialog ol li{cursor:pointer;padding:12px 15px;border-radius:10px;transition:all .2s ease;display:flex;align-items:center;background:var(--list-item-bg);margin-right:5px}.language-dialog ol li:hover{background:var(--list-item-hover-bg);transform:translateY(2px)}.language-dialog ol li.active{font-weight:500;background:rgba(78,125,247,.2);border-left:3px solid var(--accent-color)}.lang-icon{display:inline-block;width:30px;height:24px;margin-right:10px;border-radius:50%;background-size:cover;background-position:50%;background-repeat:no-repeat}.lang-text{width:stretch;height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-language-wrapper{display:flex;flex-direction:column}.selected-language{display:flex;align-items:center;padding:0;margin:0;font-weight:500;background:rgba(78,125,247,.2);border-left:3px solid var(--accent-color);padding:12px 15px;border-radius:10px;transition:all .2s ease}.menu-dialog .dialog-header{align-items:center;justify-content:flex-end}.menu-dialog .dialog-body{display:grid;background:var(--secondary-base-color);gap:28px;padding:20px 24px;align-content:start}.menu-dialog .menu-section h3{margin:4px 0 8px;font-size:18px;font-family:var(--ff-inter);font-style:normal;font-weight:600;line-height:20px;letter-spacing:2.88px;text-transform:uppercase;color:var(--text-color-primary)}.menu-section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}.menu-section-header .chevron-icon{width:14px;height:14px;mask-size:14px;mask-repeat:no-repeat;mask-position:center;background:var(--text-color-primary);flex-shrink:0;transition:transform .2s ease}.menu-section-header.expanded .chevron-icon{mask-image:url(../hypnos/icons/chevron-up.svg)}.menu-section-header.collapsed .chevron-icon{mask-image:url(../hypnos/icons/chevron-down.svg)}.menu-page-item,.menu-about-item,.menu-setting-item,.menu-assistance-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:var(--text-color-basic);font-size:14px;font-style:normal;font-weight:400;line-height:20px;cursor:pointer;user-select:none}.menu-icon{width:18px;height:18px;mask-size:contain;mask-repeat:no-repeat;mask-position:center;background:var(--secondary-text);flex-shrink:0;transition:background .2s ease}.menu-dialog .menu-list{display:flex;flex-direction:column;gap:6px;padding:0;margin:0}.sign-in-icon{width:18px;height:18px;mask-size:contain;mask-image:url(../hypnos/icons/circle-user.svg);mask-repeat:no-repeat;background-color:var(--text-color-primary)}.sign-out-icon{width:18px;height:18px;mask-size:contain;mask-image:url(../hypnos/icons/right-to-bracket.svg);mask-repeat:no-repeat;background-color:var(--text-color-primary)}.verification-info{text-align:center;margin-bottom:20px}.verification-icon{width:60px;height:60px;margin:0 auto 15px;mask-image:url(../hypnos/icons/envelope.svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;background-color:var(--color-alert);opacity:.9}.target-list{background:var(--list-item-bg);border-radius:8px;padding:12px;margin:15px 0;text-align:left;list-style:none}.target-list li{padding:8px 0;border-bottom:1px solid var(--list-item-border)}.target-list li:last-child{border-bottom:none}.text-link{color:var(--link-color);cursor:pointer;transition:all .2s;font-size:.9rem}.text-link:hover{color:var(--link-hover-color);text-decoration:underline}.text-secondary{color:var(--text-color-basic-light);font-size:.9rem}.account-btn{width:26px;height:26px;mask-size:26px;mask-image:url(../hypnos/icons/circle-user.svg);mask-repeat:no-repeat;background-color:var(--text-color);border-radius:0;transition:transform .2s ease,background-color .2s ease}.account-btn:hover{transform:scale(1.1);background-color:rgba(78,125,247,.9)}.account-card,.settings-group{display:flex;flex-direction:column;gap:12px}.settings-btn-icon{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:10px 15px;background:var(--settings-btn-background);border:1px solid var(--card-border);color:var(--text-color);font-weight:600;font-size:.95rem;letter-spacing:.6px;cursor:pointer;transition:all .3s ease}.settings-btn-icon:hover{background:var(--list-item-hover-bg);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 20px rgba(78,125,247,.15)}.settings-icon{width:16px;height:16px;mask-size:16px;mask-repeat:no-repeat;background-color:var(--text-color)}.settings-btn-icon.active{background:rgba(78,125,247,.15);border-color:var(--accent-color);box-shadow:inset 0 0 0 1px rgba(78,125,247,.3)}.moon-icon{mask-image:url(../hypnos/icons/moon.svg)}.sun-icon{mask-image:url(../hypnos/icons/sun.svg)}.expand-icon{mask-image:url(../hypnos/icons/maximize.svg);background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 50%,#6366f1 100%)}.theme-group-btns{display:flex;gap:8px}.options-card{position:fixed;width:300px;height:auto;padding:20px;background:#1e293b;border:1px solid var(--card-border);border-radius:var(--border-radius);box-shadow:var(--card-shadow);animation:appear-in .15s forwards}@media(max-width:1024px) and (orientation:landscape){.navigation-bar{position:fixed;top:0;right:0;height:100dvh;width:64px;border-bottom:none;border-right:1px solid rgba(78,125,247,.2)}.nav-container{flex-direction:column;height:100%;padding:24px 0;gap:20px}}@media(min-width:1082px){.nav-btn-back{display:none}.nav-links{display:flex;gap:8px;font-size:clamp(14px,1.5vw,16px);align-items:center}}