:root {
    --accent-color: #a9baff;
    --accent-hover: #c0ccff;
    --accent-border: rgba(169, 186, 255, .3);
    --accent-bg: rgba(169, 186, 255, .1);
    --bg-color: #0a0c12;
    --card-bg: #11151e;
    --card-border: rgba(255,255,255,.075);
    --text-main: #f6f5f6;
    --text-muted: #9b9aa3;
    --line-soft: rgba(255,255,255,.085);
    --accent-pink: #a9baff;
    --accent-active-text: #d0d8ff;
}

html { scroll-behavior: smooth; }
body {
    background: radial-gradient(ellipse 62% 42% at 78% -6%, rgba(83,108,182,.19), transparent 72%),
        radial-gradient(ellipse 52% 45% at -8% 45%, rgba(55,76,139,.12), transparent 73%),
        linear-gradient(180deg,#0a0c12 0%,#0c0f16 56%,#090b10 100%) !important;
    background-attachment: fixed !important;
}
body::before { opacity: 0 !important; background-image: none !important; }
body::after { background: linear-gradient(180deg,rgba(5,7,12,.02),rgba(5,7,12,.16)) !important; }

/* Shared navigation */
.nav-floating-wrapper { top: 22px !important; padding: 0 28px !important; }
.nav-floating-wrapper nav {
    max-width: 1240px !important; height: 68px !important; max-height: 68px !important;
    padding: 0 22px 0 24px !important; overflow: visible !important;
    background: rgba(15,15,20,.82) !important; border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 16px !important; box-shadow: 0 18px 54px rgba(0,0,0,.42) !important;
}
.nav-links { gap: 6px !important; }
.nav-links a { padding: 10px 14px !important; border-radius: 10px; color: #aaa9b2 !important; font-size: .82rem !important; }
.nav-links a:hover, .nav-links a.active { color: #fff !important; background: rgba(255,255,255,.06); }
.nav-links a.active::after { content: none !important; }
.nav-right { gap: 10px !important; }
.nav-floating-wrapper .btn-primary { border-radius: 10px !important; }
.nav-floating-wrapper .btn-ghost { border-radius: 10px !important; }
.nav-profile-capsule { background: rgba(255,255,255,.055) !important; border-color: rgba(255,255,255,.1) !important; border-radius: 11px !important; }
.nav-profile-capsule:hover { border-color: var(--accent-border) !important; background: rgba(255,255,255,.085) !important; }
.lang-switcher { border-radius: 10px !important; }
.mobile-menu-toggle { display: none; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: #e7e4e9; background: rgba(255,255,255,.04); }
.mobile-signin-link { display: none !important; }

/* Landing page */
.site-main { position: relative; z-index: 1; }
.hero {
    width: min(1240px, calc(100% - 64px)); min-height: min(810px, 100svh);
    height: auto !important; margin: 0 auto; padding: 156px 0 96px !important;
    display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    align-items: center; gap: clamp(40px, 7vw, 92px); text-align: left; isolation: isolate;
}
.hero::before {
    content: ""; position: absolute; inset: 9% -24% 0 34%; z-index: -1; pointer-events: none;
    background: radial-gradient(ellipse at 57% 49%, rgba(103,130,222,.17), transparent 62%);
}
.hero-copy { position: relative; z-index: 2; max-width: 590px; }
.hero .badge { margin: 0 0 24px; padding: 8px 12px; border-radius: 8px; font-size: .72rem; letter-spacing: .02em; color: #dce4ff; background: rgba(129,153,231,.09); border-color: rgba(151,172,244,.24); }
.status-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #b9c9ff; box-shadow: 0 0 12px rgba(144,169,255,.7); }
.hero-eyebrow, .showcase-kicker { margin-bottom: 15px; color: #a9baff; font: 600 .67rem/1.4 'Inter', sans-serif; letter-spacing: .19em; }
.hero h1 { max-width: 640px; margin: 0 0 21px; font-size: clamp(2.75rem, 5.2vw, 5.4rem) !important; line-height: 1.05; letter-spacing: -.065em; text-wrap: balance; }
.hero h1::after { content: none !important; }
.hero .subtitle { max-width: 490px !important; margin: 0 0 30px !important; color: #a7a5af !important; font: 400 1rem/1.75 'Inter', sans-serif; }
.hero-btns { justify-content: flex-start; gap: 11px !important; }
.hero-btns .btn { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 50px; padding: 13px 18px; border-radius: 11px; font: 600 .84rem/1 'Inter', sans-serif; transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease; }
.hero-btns .btn:hover { transform: translateY(-2px); }
.hero-btns .btn-primary { color: #111522 !important; background: linear-gradient(135deg,#c3ceff,#91a7fa) !important; box-shadow: 0 12px 30px rgba(112,137,226,.2) !important; }
.hero-btns .btn-primary:hover { background: linear-gradient(135deg,#d5ddff,#a5b7ff) !important; }
.hero-btns .btn-ghost { color: #e4e2e7 !important; background: rgba(255,255,255,.035) !important; border-color: rgba(255,255,255,.12) !important; }
.hero-meta { display: flex; align-items: center; gap: 23px; margin-top: 30px; color: #87858f; font: 500 .72rem 'Inter', sans-serif; }
.hero-meta span { display: inline-flex; align-items: center; gap: 8px; }
.hero-meta i { color: #aebfff; font-size: .77rem; }
.hero-visual { position: relative; isolation: isolate; padding: 11px; border: 1px solid rgba(255,255,255,.13); border-radius: 17px; background: linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025) 28%),rgba(12,14,20,.94); box-shadow: 0 35px 90px rgba(0,0,0,.55), 0 0 65px rgba(93,121,213,.14); transform: perspective(1400px) rotateY(-4deg) rotateX(1deg); }
.hero-visual img { display: block; width: 100%; aspect-ratio: 1.48; object-fit: cover; border: 1px solid rgba(255,255,255,.075); border-radius: 10px; }
.hero-visual-glow { position: absolute; z-index: -1; inset: 10% 8%; background: rgba(89,116,219,.22); filter: blur(55px); }
.hero-visual-caption { position: absolute; left: 26px; bottom: 25px; display: flex; align-items: center; gap: 11px; min-width: 235px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; background: rgba(14,14,19,.86); backdrop-filter: blur(16px); }
.caption-mark { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #c2ceff; background: rgba(126,151,235,.16); }
.hero-visual-caption strong, .hero-visual-caption small { display: block; font-family: 'Inter',sans-serif; }
.hero-visual-caption strong { font-size: .68rem; letter-spacing: .1em; }
.hero-visual-caption small { margin-top: 3px; color: #a09ea8; font-size: .68rem; }
.caption-arrow { display: grid; place-items: center; width: 28px; height: 28px; margin-left: auto; border-radius: 8px; color: #c2c0c8; background: rgba(255,255,255,.06); font-size: .67rem; }
.hero-visual-index { position: absolute; top: 22px; right: 24px; color: rgba(255,255,255,.7); font: 600 .63rem 'Inter',sans-serif; letter-spacing: .1em; }

.section-container { width: min(1180px, calc(100% - 64px)); max-width: none !important; margin: 0 auto 122px !important; padding: 0 !important; }
.section-header { max-width: 650px; margin: 0 0 31px !important; }
.section-header .badge, .screenshots-header .badge { margin: 0 0 18px; padding: 7px 11px; border-radius: 8px; color: #dce4ff; background: rgba(126,151,235,.08); border: 1px solid rgba(151,172,244,.2); font: 600 .66rem 'Inter',sans-serif; letter-spacing: .08em; }
.section-header h2, .screenshots-header h2 { margin: 0 0 11px; font-size: clamp(1.9rem,3.5vw,3.15rem) !important; line-height: 1.12; letter-spacing: -.055em; }
.section-header p, .screenshots-header p { color: #9b99a3; font: 400 .9rem/1.7 'Inter',sans-serif; }
.bento-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.feature-card { position: relative; overflow: hidden; min-height: 258px; padding: 25px 25px 22px; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; background: linear-gradient(145deg,rgba(28,27,34,.88),rgba(15,15,20,.94)); transition: transform .22s ease,border-color .22s ease,background .22s ease; }
.feature-card::after { content: ""; position: absolute; right: -55px; top: -70px; width: 190px; height: 190px; border-radius: 50%; background: rgba(108,134,225,.1); filter: blur(43px); pointer-events: none; }
.feature-card:hover { transform: translateY(-4px); border-color: rgba(169,186,255,.29); background: linear-gradient(145deg,rgba(29,34,48,.96),rgba(15,17,23,.96)); }
.feature-index { position: absolute; top: 25px; right: 25px; color: #64616d; font: 600 .66rem 'Inter',sans-serif; letter-spacing: .08em; }
.feature-icon { display: grid; width: 43px; height: 43px; margin-bottom: 29px; place-items: center; border: 1px solid rgba(169,186,255,.22); border-radius: 12px; color: #bac8ff; background: rgba(126,151,235,.1); font-size: .94rem; }
.feature-card h3 { margin-bottom: 9px; font-size: 1.03rem; line-height: 1.4; letter-spacing: -.025em; }
.feature-card p { max-width: 310px; color: #9b99a3; font: 400 .8rem/1.7 'Inter',sans-serif; }
.feature-card-foot { display: inline-flex; align-items: center; gap: 8px; margin-top: 23px; color: #c1cafa; font: 500 .7rem 'Inter',sans-serif; }
.feature-card-foot i { color: #a9baff; font-size: .68rem; }
.feature-card-link:hover { color: #fff; }
.feature-card-link > i { margin-left: 2px; }
.showcase-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 105px 0 25px; }
.showcase-kicker { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 12px; }
.showcase-intro h2 { margin-bottom: 7px; font-size: clamp(1.8rem,3.4vw,2.7rem); letter-spacing: -.055em; }
.showcase-intro p { color: #97959f; font: 400 .86rem/1.6 'Inter',sans-serif; }
.text-link { display: inline-flex; align-items: center; gap: 10px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.11); border-radius: 10px; color: #e2dfe4; background: rgba(255,255,255,.035); font: 600 .75rem 'Inter',sans-serif; transition: border-color .2s ease,background .2s ease; }
.text-link:hover { border-color: rgba(169,186,255,.35); background: rgba(126,151,235,.08); }
.screenshots-section { padding: 0 !important; }
.screenshots-header { display: none; }
.screenshot-slider .slider-container { border-radius: 14px !important; border: 1px solid rgba(255,255,255,.11); background: #111116; box-shadow: 0 28px 70px rgba(0,0,0,.42); }
.slider-slide img { object-fit: cover; }
.slider-nav { border: 1px solid rgba(255,255,255,.14); border-radius: 10px !important; background: rgba(12,12,17,.8) !important; backdrop-filter: blur(12px); }
.slider-dot.active { background: var(--accent-color) !important; }
.slider-counter { color: #8c8993; font: 500 .7rem 'Inter',sans-serif; }

/* Store page */
.pricing-section { width: min(1210px,calc(100% - 56px)); margin: 0 auto; padding: 158px 0 108px !important; }
.pricing-header { max-width: 720px; margin: 0 auto 44px 0 !important; text-align: left !important; }
.pricing-badge { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px !important; padding: 8px 12px !important; border-radius: 9px !important; color: #dce4ff !important; background: rgba(126,151,235,.09) !important; border-color: rgba(151,172,244,.24) !important; font: 600 .72rem 'Inter',sans-serif !important; }
.pricing-header h1 { margin: 0 0 15px !important; font-size: clamp(2.4rem,5vw,4.35rem) !important; letter-spacing: -.065em !important; line-height: 1.08 !important; }
.pricing-header p { max-width: 560px; color: #a4aaba; font: 400 .92rem/1.7 'Inter',sans-serif; }
.pricing-grid { gap: 16px !important; max-width: none !important; grid-template-columns: repeat(auto-fit,minmax(245px,1fr)) !important; align-items: stretch; }
.pricing-card { min-height: 390px; padding: 17px !important; border-radius: 16px !important; background: linear-gradient(150deg,rgba(24,28,38,.98),rgba(15,18,25,.98)) !important; border-color: rgba(255,255,255,.09) !important; box-shadow: 0 18px 48px rgba(0,0,0,.27); transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease !important; }
.pricing-card:hover { transform: translateY(-5px) !important; border-color: rgba(169,186,255,.32) !important; box-shadow: 0 23px 60px rgba(0,0,0,.38),0 0 35px rgba(112,137,226,.08) !important; }
.pricing-card h3, .pricing-card .price, .pricing-card .duration { letter-spacing: -.035em; }
.card-mark { position: relative; display: grid !important; place-items: center; height: 158px !important; padding: 0 !important; margin-bottom: 21px !important; border: 1px solid rgba(255,255,255,.07); border-radius: 11px !important; background: radial-gradient(ellipse at 52% 43%,rgba(110,139,235,.2),transparent 54%),linear-gradient(145deg,#171d2a,#0d1119) !important; }
.card-mark-logo { position: relative; z-index: 1; display: block; width: 118px !important; height: 118px !important; object-fit: cover !important; border-radius: 15px !important; filter: saturate(.8) contrast(1.02); opacity: .9; }
.card-art-glow { position: absolute; inset: 20% 25%; border-radius: 50%; background: rgba(114,143,239,.24); filter: blur(32px); }
.card-mark-chip { position: absolute; top: 11px; left: 11px; display: inline-flex; align-items: center; gap: 7px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.13); border-radius: 8px; color: #dce4ff; background: rgba(9,12,18,.76); backdrop-filter: blur(12px); font: 600 .59rem 'Inter',sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.card-mark-code { position: absolute; right: 12px; bottom: 11px; color: rgba(219,226,245,.6); font: 600 .55rem 'Inter',sans-serif; letter-spacing: .13em; }
.card-header { min-height: 76px; margin-bottom: 14px !important; }
.card-header h3 { margin-bottom: 7px !important; font: 600 1rem/1.4 'Inter',sans-serif !important; color: #f4f6fb; }
.card-header p { color: #999faf !important; font: 400 .76rem/1.55 'Inter',sans-serif !important; }
.card-price { padding: 15px 0 13px !important; margin-bottom: 14px !important; border-top-color: rgba(255,255,255,.08) !important; border-bottom-color: rgba(255,255,255,.08) !important; }
.price-amount { font: 700 2rem/1.1 'Inter',sans-serif !important; letter-spacing: -.06em; }
.price-currency { color: #b7c5ff !important; font: 600 1.1rem 'Inter',sans-serif !important; }
.price-period { margin-top: 5px; color: #9fa6b8 !important; font: 500 .71rem 'Inter',sans-serif !important; }
.btn-pricing { min-height: 46px; border-radius: 10px !important; color: #111522 !important; background: linear-gradient(135deg,#c1ceff,#8fa6fa) !important; font: 650 .79rem 'Inter',sans-serif !important; box-shadow: 0 9px 24px rgba(112,137,226,.14); }
.btn-pricing:hover { background: linear-gradient(135deg,#d5deff,#a5b8ff) !important; box-shadow: 0 12px 28px rgba(112,137,226,.2); }
.pricing-card--lifetime { border-color: rgba(169,186,255,.2) !important; background: linear-gradient(150deg,rgba(31,36,50,.98),rgba(15,18,25,.98)) !important; }
.pricing-card--device .card-mark { background: radial-gradient(ellipse at 52% 43%,rgba(135,157,208,.16),transparent 54%),linear-gradient(145deg,#171d2a,#0d1119) !important; }
.pricing-card:focus-within { outline: 2px solid rgba(169,186,255,.5); outline-offset: 3px; }
.modal-overlay { align-items: center !important; padding: 16px !important; z-index: 2147483647 !important; background: rgba(4,7,13,.77) !important; backdrop-filter: blur(18px) saturate(.86) !important; }
.modal-content { width: min(100%,560px) !important; max-height: calc(100dvh - 32px) !important; padding: 23px !important; overflow-y: auto; scrollbar-width: none; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 20px !important; background: linear-gradient(150deg,#171c28,#10141c) !important; box-shadow: 0 30px 90px rgba(0,0,0,.58) !important; }
.modal-content::-webkit-scrollbar { display: none; }
.modal-header { margin-bottom: 14px !important; text-align: left !important; }
.modal-header h2 { padding: 0 !important; color: #f5f6fa !important; font: 650 1.28rem/1.35 'Inter',sans-serif !important; letter-spacing: -.035em; }
.modal-header p { margin-top: 6px; color: #9ea5b5 !important; font: 400 .8rem/1.55 'Inter',sans-serif !important; }
.modal-icon { display: grid; width: 42px; height: 42px; margin-bottom: 10px; place-items: center; border: 1px solid rgba(169,186,255,.2); border-radius: 12px; color: #bdcaff !important; background: rgba(126,151,235,.12) !important; }
.modal-close { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 10px !important; color: #c5cad6 !important; background: rgba(255,255,255,.045) !important; }
.selected-product { padding: 11px 14px !important; margin-bottom: 14px !important; border: 1px solid rgba(169,186,255,.2) !important; border-radius: 11px !important; background: rgba(126,151,235,.075) !important; }
.selected-product-name { color: #e8ebf3; font: 550 .8rem 'Inter',sans-serif !important; }
.selected-product-price { color: #c2ceff !important; font: 700 1rem 'Inter',sans-serif !important; }
.payment-methods-title, .promo-title { color: #a9b0bf !important; font: 600 .67rem 'Inter',sans-serif !important; letter-spacing: .12em !important; text-transform: uppercase; }
.payment-methods { margin-bottom: 14px !important; }
.payment-methods-title, .promo-title { margin-bottom: 8px !important; }
.payment-options { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px !important; }
.payment-option { min-height: 54px !important; flex-direction: row !important; justify-content: flex-start !important; gap: 10px !important; padding: 9px 12px !important; border: 1px solid rgba(255,255,255,.085) !important; border-radius: 11px !important; background: rgba(255,255,255,.03) !important; transition: border-color .18s ease,background .18s ease,transform .18s ease !important; }
.payment-option:hover { border-color: rgba(169,186,255,.27) !important; background: rgba(255,255,255,.06) !important; transform: translateY(-1px); }
.payment-option.selected { border-color: rgba(169,186,255,.55) !important; background: rgba(126,151,235,.12) !important; box-shadow: inset 0 0 0 1px rgba(169,186,255,.1) !important; }
.payment-option-icon { flex: 0 0 28px; width: 28px !important; height: 28px !important; }
.payment-option-name { color: #b8bdc9 !important; font: 550 .7rem 'Inter',sans-serif !important; }
.payment-option.selected .payment-option-name { color: #f0f2f8 !important; }
.promo-section { margin-bottom: 14px !important; }
.promo-input { min-height: 43px; padding: 0 13px !important; border-color: rgba(255,255,255,.1) !important; border-radius: 9px !important; color: #f2f3f7 !important; background: rgba(4,6,10,.38) !important; font: 400 .78rem 'Inter',sans-serif !important; }
.promo-input:focus { border-color: rgba(169,186,255,.46) !important; }
.promo-apply { border-radius: 9px !important; color: #dce4ff !important; background: rgba(126,151,235,.09) !important; border-color: rgba(169,186,255,.18) !important; font: 600 .72rem 'Inter',sans-serif !important; }
.total-section { padding: 10px 14px !important; margin-bottom: 14px !important; border-color: rgba(255,255,255,.08) !important; border-radius: 11px !important; background: rgba(255,255,255,.025) !important; }
.total-row { font: 400 .75rem 'Inter',sans-serif; }
.total-label { color: #989faf !important; font: 400 .72rem 'Inter',sans-serif !important; }
.total-value { max-width: 60%; color: #e2e5ed; font: 550 .73rem 'Inter',sans-serif !important; text-align: right; }
.total-row.final .total-label { color: #f3f5fa !important; font: 600 .8rem 'Inter',sans-serif !important; }
.total-row.final .total-value { color: #c4d0ff !important; font: 700 1.05rem 'Inter',sans-serif !important; }
.btn-pay { min-height: 45px; border-radius: 10px !important; color: #111522 !important; background: linear-gradient(135deg,#c1ceff,#8fa6fa) !important; font: 650 .8rem 'Inter',sans-serif !important; }
.btn-pay:hover:not(:disabled) { background: linear-gradient(135deg,#d5deff,#a5b8ff) !important; box-shadow: 0 10px 26px rgba(112,137,226,.18) !important; }
.btn-pay:disabled { color: #c0c3cd !important; background: #353b49 !important; }
.payment-secure { margin-top: 9px !important; color: #9199aa !important; font: 400 .69rem 'Inter',sans-serif !important; }
.payment-secure i { color: #b9c9ff !important; }
.pricing-card .btn-pricing:focus-visible, .payment-option:focus-visible, .promo-apply:focus-visible, .btn-pay:focus-visible { outline: 2px solid #c1ceff; outline-offset: 3px; }

/* Cabinet */
body:has(.cabinet-wrapper) { padding-top: 0 !important; }
.cabinet-wrapper { width: min(1180px,calc(100% - 56px)); max-width: none !important; margin: 140px auto 90px !important; padding: 0 !important; }
.cabinet-grid { display: grid; grid-template-columns: 310px minmax(0,1fr); align-items: start; gap: 18px !important; }
.cabinet-sidebar, .cabinet-main-content { min-width: 0; }
.cabinet-profile-card, .cabinet-key-card, .cabinet-spec-stack, .cabinet-admin-section { border: 1px solid rgba(255,255,255,.085) !important; border-radius: 15px !important; background: linear-gradient(145deg,rgba(28,27,34,.92),rgba(15,15,20,.96)) !important; box-shadow: 0 18px 48px rgba(0,0,0,.28); }
.cabinet-profile-card { padding: 24px !important; text-align: center; }
.cabinet-avatar-wrap { position: relative; display: block; width: 52px; height: 52px; margin: 0 auto 16px !important; cursor: pointer; }
.cabinet-avatar-img { display: block; width: 52px !important; height: 52px !important; margin: 0; border: 2px solid rgba(169,186,255,.55) !important; border-radius: 50% !important; object-fit: cover !important; box-shadow: 0 0 0 5px rgba(169,186,255,.08); }
.cabinet-avatar-badge { position: absolute; right: -7px; bottom: -4px; z-index: 2; display: grid; width: 24px; height: 24px; place-items: center; border: 2px solid #171820; border-radius: 50%; color: #172033; background: #aebfff; font-size: 10px; box-shadow: 0 4px 12px rgba(0,0,0,.28); pointer-events: none; }
.cabinet-user-name { margin-bottom: 7px !important; font-size: 1.05rem !important; letter-spacing: -.03em; }
.cabinet-user-email-row { color: #a09ea8; font: 400 .76rem 'Inter',sans-serif; }
.cabinet-role-badge { display: inline-flex; margin-top: 12px; padding: 6px 10px; border: 1px solid rgba(169,186,255,.22); border-radius: 8px; color: #d0d9ff; background: rgba(126,151,235,.09); font: 600 .65rem 'Inter',sans-serif; }
.cabinet-key-card { margin-top: 14px; padding: 19px !important; }
.cabinet-key-card-title { margin-bottom: 12px !important; color: #e8e5e9; font-size: .79rem !important; }
.cabinet-key-pill-box { display: flex; gap: 7px; }
.cabinet-key-pill-input, .cabinet-text-input { min-width: 0; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 9px !important; color: #f5f3f6 !important; background: rgba(0,0,0,.24) !important; }
.cabinet-key-pill-input:focus, .cabinet-text-input:focus { border-color: rgba(169,186,255,.56) !important; outline: 2px solid rgba(169,186,255,.13); }
.cabinet-key-pill-btn, .btn-cabinet-download-pill, .btn-cabinet-admin-pill { border-radius: 10px !important; }
.cabinet-key-pill-btn { background: #8fa6fa !important; }
.cabinet-sidebar-actions { display: grid; gap: 9px; margin-top: 14px; }
.btn-cabinet-download-pill { min-height: 48px; border: 1px solid rgba(255,255,255,.1) !important; background: rgba(255,255,255,.06) !important; }
.btn-cabinet-download-pill:hover { border-color: rgba(169,186,255,.3) !important; background: rgba(255,255,255,.1) !important; }
.cabinet-spec-stack { overflow: hidden; padding: 5px 23px !important; }
.cabinet-spec-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 68px; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.065) !important; background: transparent !important; }
.cabinet-spec-row:last-child { border-bottom: 0 !important; }
.cabinet-spec-left { display: flex; align-items: center; gap: 12px !important; min-width: 0; color: #aaa8b1; font: 500 .79rem 'Inter',sans-serif; }
.cabinet-spec-label { color: #aaa8b1; font: 500 .78rem/1.4 'Inter',sans-serif; }
.cabinet-spec-icon-circle { display: grid !important; place-items: center; flex: 0 0 34px; width: 34px !important; height: 34px !important; color: #bfcdff !important; background: rgba(126,151,235,.1) !important; border: 1px solid rgba(169,186,255,.14); border-radius: 10px !important; }
.cabinet-spec-right { display: flex; align-items: center; justify-content: flex-end; gap: 9px; min-width: 0; color: #f0edf1; font: 500 .78rem 'Inter',sans-serif; text-align: right; }
.cabinet-spec-right > span { color: #f0edf1; }
.cabinet-action-icon-btn { display: inline-flex !important; align-items: center; justify-content: center; gap: 7px; min-height: 30px; padding: 6px 9px !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 8px !important; color: #dfdce2 !important; background: rgba(255,255,255,.045) !important; font: 500 .7rem 'Inter',sans-serif !important; }
.cabinet-action-icon-btn:hover { border-color: rgba(169,186,255,.35) !important; background: rgba(126,151,235,.1) !important; }
.cabinet-key-pill-input { flex: 1 1 auto; width: 0; min-height: 40px; padding: 0 11px; font: 400 .72rem 'Inter',sans-serif !important; }
.cabinet-key-pill-btn { flex: 0 0 auto; min-height: 40px; padding: 0 12px !important; color: #fff !important; font: 600 .7rem 'Inter',sans-serif !important; }
.btn-cabinet-download-pill, .btn-cabinet-admin-pill { display: flex !important; align-items: center; justify-content: center; gap: 9px; width: 100%; padding: 12px 15px !important; color: #f0edf1 !important; font: 600 .77rem 'Inter',sans-serif !important; cursor: pointer; }
.btn-cabinet-download-pill { background: linear-gradient(135deg,rgba(126,151,235,.19),rgba(126,151,235,.08)) !important; border-color: rgba(169,186,255,.24) !important; }
.btn-cabinet-admin-pill { background: rgba(255,255,255,.045) !important; border: 1px solid rgba(255,255,255,.1) !important; }
.cabinet-user-name, .cabinet-key-card-title { color: #f3f0f4; font-family: 'Inter',sans-serif !important; }
.cabinet-user-email-row { display: flex; align-items: center; justify-content: center; gap: 7px; }
.cabinet-edit-pen-btn { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 8px !important; color: #d9d6dc !important; background: rgba(255,255,255,.04) !important; }
.cabinet-edit-pen-btn:hover { border-color: rgba(169,186,255,.35) !important; color: #fff !important; }
.cabinet-action-buttons { gap: 10px !important; }
.cabinet-action-buttons button { min-height: 48px; border-radius: 10px !important; }

@media (max-width: 980px) {
    .hero { width: min(760px,calc(100% - 48px)); min-height: auto; grid-template-columns: 1fr; gap: 38px; padding: 146px 0 80px !important; }
    .hero-copy { max-width: 700px; }
    .hero-visual { max-width: 760px; transform: none; }
    .section-container { width: min(760px,calc(100% - 48px)); }
    .cabinet-grid { grid-template-columns: 270px minmax(0,1fr) !important; }
}
@media (max-width: 768px) {
    .nav-floating-wrapper { top: 12px !important; padding: 0 14px !important; }
    .nav-floating-wrapper nav { height: 58px !important; max-height: 58px !important; padding: 0 12px 0 15px !important; }
    .nav-links { display: none !important; }
    .lang-switcher { display: none !important; }
    .nav-right { margin-left: auto; }
    .mobile-menu-toggle { display: grid; margin-left: auto; }
    .nav-floating-wrapper nav.is-open { overflow: visible !important; }
    .nav-floating-wrapper nav.is-open .nav-links { position: absolute; top: calc(100% + 9px); left: 0; right: 0; display: flex !important; flex-direction: column; align-items: stretch; gap: 4px !important; padding: 8px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(15,15,20,.97); box-shadow: 0 16px 40px rgba(0,0,0,.5); backdrop-filter: blur(20px); }
    .nav-floating-wrapper nav.is-open .nav-links a { padding: 13px 12px !important; }
    .nav-floating-wrapper nav.is-open .nav-right { margin-left: 0; }
    .nav-floating-wrapper nav.is-open .mobile-signin-link { display: flex !important; }
    .nav-floating-wrapper nav:has(.nav-profile-capsule) .mobile-signin-link { display: none !important; }
    .hero { width: calc(100% - 36px); padding: 126px 0 68px !important; gap: 30px; }
    .hero h1 { font-size: clamp(2.55rem,10.8vw,4.2rem) !important; }
    .hero .subtitle { font-size: .91rem; }
    .hero-meta { flex-wrap: wrap; gap: 14px 20px; }
    .hero-visual-caption { left: 20px; bottom: 20px; }
    .section-container { width: calc(100% - 36px); margin-bottom: 82px !important; }
    .bento-grid { grid-template-columns: 1fr; }
    .feature-card { min-height: 225px; }
    .showcase-intro { align-items: flex-start; flex-direction: column; margin-top: 74px; }
    .pricing-section { width: calc(100% - 36px); padding: 128px 0 78px !important; }
    .pricing-grid { grid-template-columns: 1fr !important; max-width: 420px !important; margin: 0 auto; }
    .pricing-header { margin: 0 0 28px !important; }
    .pricing-header h1 { font-size: clamp(2.1rem,10vw,3rem) !important; }
    .pricing-card { min-height: 0; }
    .card-mark { height: 166px !important; }
    .cabinet-wrapper { width: calc(100% - 32px); margin-top: 105px !important; }
    .cabinet-grid { grid-template-columns: 1fr !important; }
    .cabinet-sidebar { position: static !important; }
    .cabinet-profile-card { display: grid; grid-template-columns: auto 1fr; column-gap: 16px; text-align: left; align-items: center; }
    .cabinet-avatar-wrap { grid-row: span 3; margin: 0 !important; }
    .cabinet-role-badge { margin-top: 7px; }
}
@media (max-width: 480px) {
    .nav-floating-wrapper .nav-left .logo { font-size: .9rem !important; }
    .nav-floating-wrapper .auth-buttons { gap: 6px !important; }
    .nav-floating-wrapper .auth-buttons .btn { padding: 6px 7px !important; font-size: .61rem !important; }
    .nav-floating-wrapper .auth-buttons .btn:first-child { width: 30px; padding: 0 !important; font-size: 0 !important; }
    .nav-floating-wrapper .auth-buttons .btn:first-child { display: none !important; }
    .nav-floating-wrapper .auth-buttons .btn:first-child i { font-size: .72rem; }
    .mobile-menu-toggle { width: 32px; height: 34px; }
    .hero-btns { width: 100%; max-width: 360px; flex-direction: column; }
    .hero-btns .btn { width: 100%; }
    .hero-visual { padding: 7px; border-radius: 13px; }
    .hero-visual img { border-radius: 8px; aspect-ratio: 1.18; }
    .hero-visual-caption { left: 14px; bottom: 14px; min-width: 0; padding: 9px 10px; }
    .hero-visual-index { top: 14px; right: 15px; }
    .feature-card { padding: 21px; }
    .cabinet-spec-stack { padding: 4px 14px !important; }
    .cabinet-spec-row { gap: 10px; }
    .cabinet-spec-label { max-width: 160px; }
    .modal-overlay { align-items: center !important; padding: 12px !important; }
    .modal-content { max-height: calc(100dvh - 24px) !important; padding: 20px 17px 18px !important; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *,*::before,*::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}