.profile-avatar-wrap{position:relative;flex:0 0 102px;width:102px;height:102px}
.profile-avatar-wrap .profile-big-avatar{position:absolute;inset:5px;width:92px;height:92px}
.avatar-upload-button{position:absolute;right:0;bottom:1px;width:34px;height:34px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#c45bf2;color:#fff;box-shadow:0 3px 12px #9e35c64a;cursor:pointer;transition:transform .18s,box-shadow .18s}
.avatar-upload-button:hover{transform:scale(1.08);box-shadow:0 4px 17px #9e35c67a}
.avatar-upload-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-avatar.has-avatar-image,.profile-big-avatar.has-avatar-image{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:transparent!important}
:root[data-theme="dark"] .avatar-upload-button{border-color:#1b1e20}
.profile-actions .profile-signout:hover{background:#fff0f0;border-color:#f0a1a1;color:#dc4545;box-shadow:0 4px 14px #e454541c}
:root[data-theme="dark"] .profile-actions .profile-signout:hover{background:#3a2022;border-color:#b84b50;color:#ff777c}
.profile-user-card{background:#fff!important}
:root[data-theme="dark"] .profile-user-card{background:#1b1e20!important}
.subscription-card{background:#fff!important}
:root[data-theme="dark"] .subscription-card{background:#1b1e20!important}
.profile-actions button{display:flex;align-items:center;justify-content:center;gap:9px;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}
.profile-action-icon{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#c45bf2;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.profile-actions button:hover{transform:translateY(-1px);background:#fbf5ff;box-shadow:0 4px 12px #bb4be81b}
.profile-actions .profile-signout:hover{background:#fff0f0;border-color:#f0a1a1;color:#dc4545}
.profile-actions .profile-signout:hover .profile-action-icon{stroke:#dc4545}
:root[data-theme="dark"] .profile-actions button:hover{background:#29212e}
:root[data-theme="dark"] .profile-actions .profile-signout:hover{background:#3a2022}
.profile-trigger{height:42px;padding:4px 10px 4px 5px;gap:9px;border:1px solid #edd5f8;border-radius:15px;background:#fff;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.profile-trigger .profile-avatar{width:32px;height:32px;border-radius:10px;background:#faefff;border:1px solid #edcefa;color:#bd42e8;font:600 12px var(--font);transition:background .18s,border-color .18s,color .18s}
.profile-trigger-name{font:600 12px var(--font);color:#17191d}
.profile-chevron{font-size:13px;transform:rotate(180deg);transition:transform .18s,color .18s}
.profile-trigger[aria-expanded="true"] .profile-chevron{transform:rotate(0)}
.profile-trigger:hover,.profile-trigger[aria-expanded="true"]{background:#fff;border-color:#e7b8f6;box-shadow:0 3px 14px #c45bf222}
.profile-trigger:hover .profile-avatar,.profile-trigger[aria-expanded="true"] .profile-avatar{background:#f5e2ff;border-color:#dda3f1}
:root[data-theme="dark"] .profile-trigger{background:#1b1e20;border-color:#39333f}
:root[data-theme="dark"] .profile-trigger-name{color:#f4f5f6}
:root[data-theme="dark"] .profile-trigger:hover,:root[data-theme="dark"] .profile-trigger[aria-expanded="true"]{background:#24202a;border-color:#88509c;box-shadow:0 3px 16px #c45bf228}
.theme-toggle{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#737883!important;transition:background .18s,border-color .18s,color .18s,box-shadow .18s!important}
.theme-toggle .theme-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle:hover{background:#fff!important;border-color:#e9e9ee!important;color:#6a707a!important;box-shadow:0 2px 8px #15151a0d!important}
:root[data-theme="dark"] .theme-toggle{color:#aeb3bb!important}
:root[data-theme="dark"] .theme-toggle:hover{background:#252629!important;border-color:#35363a!important;color:#c45bf2!important;box-shadow:0 0 12px #c45bf222!important}
.topbar .primary-nav{display:flex;align-items:center;gap:3px;padding:5px;border-radius:14px;background:#eceef0}
.topbar .primary-nav a{height:38px;display:flex;align-items:center;gap:8px;padding:0 13px;border-radius:11px;color:#5b6069;font-size:12px;text-decoration:none;white-space:nowrap;transition:background .18s,color .18s,box-shadow .18s}
.primary-nav a svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.primary-nav .nav-home svg{fill:#c45bf2;stroke:#c45bf2}
.topbar .primary-nav .nav-home{background:#fff;color:#202127;box-shadow:0 2px 6px #17191d20}
.topbar .primary-nav a:hover{background:#fff;color:#202127;box-shadow:0 2px 6px #17191d18}
:root[data-theme="dark"] .topbar .primary-nav{background:#242629}
:root[data-theme="dark"] .topbar .primary-nav a{color:#c4c7cc}
:root[data-theme="dark"] .topbar .primary-nav .nav-home,:root[data-theme="dark"] .topbar .primary-nav a:hover{background:#34363a;color:#fff;box-shadow:0 2px 7px #0004}
.terms-section{max-width:980px;margin:30px auto 80px;padding:28px;border:1px solid #e6e7eb;border-radius:18px;background:#fff;color:#26282d}
.terms-section h2{margin:0 0 12px;font:700 20px var(--display)}.terms-section p{margin:0;color:#777d86;font-size:13px;line-height:1.75}
:root[data-theme="dark"] .terms-section{background:#191b1e;border-color:#303338;color:#f0f1f3}:root[data-theme="dark"] .terms-section p{color:#b7bbc2}
@media(max-width:760px){.topbar .primary-nav{position:absolute;top:68px;left:50%;right:auto;transform:translateX(-50%);z-index:12;width:max-content;max-width:calc(100vw - 24px);padding:4px}.topbar .primary-nav a{padding:0 9px;font-size:10px}.terms-section{margin:25px 14px 50px;padding:20px}}
.topbar>.brand{height:48px;display:flex;align-items:center;gap:10px;padding:5px 13px 5px 6px;border:1px solid #ececf0;border-radius:16px;background:#fff;color:#18191d;text-decoration:none;font:650 14px var(--display);letter-spacing:-.25px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.topbar>.brand .brand-mark{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#17151b;color:#fff;font:800 18px var(--display);transform:none;box-shadow:0 2px 5px #15131a28}
.topbar>.brand:hover{background:#fff;border-color:#e3c5f1;box-shadow:0 4px 14px #bb4be81c;transform:translateY(-1px)}
:root[data-theme="dark"] .topbar>.brand{background:#222428;border-color:#36383d;color:#f5f5f7}
:root[data-theme="dark"] .topbar>.brand .brand-mark{background:#0f1012;color:#d780f5}
:root[data-theme="dark"] .topbar>.brand:hover{background:#29252f;border-color:#805391;box-shadow:0 4px 15px #c45bf222}
.hero.hero-monoton{position:relative;display:flex;min-height:690px;max-width:1180px;margin:0 auto;padding:145px 24px 0;flex-direction:column;align-items:center;text-align:center;grid-template-columns:none;background:radial-gradient(ellipse at 50% 42%,#fff 0,#f6f7f7 52%,transparent 78%)}
.hero-monoton:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.13;background-image:radial-gradient(#aeb3ba .7px,transparent .7px);background-size:5px 5px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.hero-monoton-badges{position:relative;z-index:1;display:flex;gap:9px;margin-bottom:28px}
.hero-monoton-badges span{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #ececf0;border-radius:10px;background:#fff;color:#737783;font-size:11px}
.hero-monoton-badges b,.hero-about-link>span:first-child{color:#c45bf2}
.hero-monoton .hero-copy{position:relative;z-index:1;width:min(760px,100%);padding:0}
.hero-monoton h1{margin:0;color:#101114;font:750 clamp(42px,6vw,74px)/1.12 var(--display);letter-spacing:-4px}
.hero-monoton h1 .accent{color:#c45bf2}
.hero-monoton .hero-text{max-width:520px;margin:23px auto 29px;color:#858a93;font-size:14px;line-height:1.65}
.hero-monoton .hero-actions{justify-content:center;gap:12px}
.hero-monoton .button{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 25px;border-radius:28px;text-decoration:none;font:650 12px var(--font);cursor:pointer}
.hero-monoton .button-primary{background:#111;color:#fff;box-shadow:none}
.hero-monoton .button-primary:hover{background:#2a2b30;box-shadow:0 5px 16px #15151a24}
.hero-monoton .hero-account-button{border:1px solid #dedfe3;background:#f4f5f6;color:#292b30}
.hero-monoton .hero-account-button:hover{background:#fff;border-color:#d6b4e7}
.hero-about-link{position:absolute;left:50%;bottom:93px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#7b8089;text-decoration:none;font-size:12px}
.hero-about-heading{position:absolute;left:0;right:0;bottom:24px;color:#101114;font:700 clamp(24px,3vw,40px) var(--display);letter-spacing:-1.2px}
:root[data-theme="dark"] .hero.hero-monoton{background:radial-gradient(ellipse at 50% 42%,#1d1e22 0,#121315 58%,transparent 82%)}
:root[data-theme="dark"] .hero-monoton h1,:root[data-theme="dark"] .hero-about-heading{color:#f4f4f6}
:root[data-theme="dark"] .hero-monoton .hero-account-button{background:#222428;border-color:#383a40;color:#f1f1f3}
:root[data-theme="dark"] .hero-monoton-badges span{background:#202125;border-color:#34363b;color:#c2c4cb}
:root[data-theme="dark"] .hero-monoton .hero-copy{z-index:1}
.pricing{max-width:1100px;margin:0 auto;padding:72px 24px 50px}
.pricing-heading{text-align:center;margin-bottom:36px}.pricing-heading>span{color:#868b94;font-size:12px}.pricing-heading>span:first-letter{color:#c45bf2}.pricing-heading h2{margin:16px 0 12px;color:#101114;font:700 42px var(--display);letter-spacing:-1.8px}.pricing-heading p{margin:0;color:#858a93;font-size:13px}
.pricing-tabs{display:flex;justify-content:center;gap:10px;margin:0 auto 14px}.pricing-tab{min-width:190px;height:62px;display:flex;align-items:center;gap:12px;padding:8px;border:1px solid #e5e6e9;border-radius:15px;background:#fff;text-align:left;cursor:pointer}.pricing-tab.active{background:#f4e7fa;border-color:#e2b5f4}.mini-monoton{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#090a0c;color:#fff;font:700 18px var(--display)}.pricing-tab>span{display:flex;flex-direction:column;gap:4px}.pricing-tab strong{color:#17191d;font-size:12px}.pricing-tab small{color:#838892;font-size:10px}.pricing-tab.active small{color:#bd4ee9}
.pricing-card{min-height:420px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #e5e6e9;border-radius:23px;background:#fff}.pricing-art{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:30px;background:linear-gradient(180deg,#070708 0%,#080809 23%,#6e6e70 53%,#fff 100%);color:#111}.pricing-tier,.pricing-plan-title,.pricing-art p,.pricing-art ul{position:relative;z-index:1}.pricing-tier{margin-bottom:12px;color:#c45bf2;font-size:11px;font-weight:700}.pricing-plan-title{font:700 25px var(--display)}.pricing-art p{max-width:360px;margin:12px 0;color:#484951;font-size:12px;line-height:1.6}.pricing-art ul{display:grid;gap:9px;margin:4px 0 0;padding:0;list-style:none;color:#626671;font-size:11px}.pricing-art li:before{content:'✓';display:inline-grid;place-items:center;width:14px;height:14px;margin-right:8px;border-radius:50%;background:#f0dafa;color:#b747df}.pricing-mark{position:absolute;top:20%;right:15%;color:#fff;font:900 176px/.8 var(--display);letter-spacing:-30px;transform:skew(-8deg);opacity:.98}
.pricing-options{display:flex;flex-direction:column;padding:28px 24px 22px}.pricing-select-label{color:#787e88;font-size:12px}.pricing-terms{display:grid;align-content:start;gap:8px;margin-top:13px}.pricing-term{min-height:78px;display:flex;align-items:center;gap:13px;padding:13px 16px;border:1px solid #dfe1e5;border-radius:16px;background:#f0f1f3;cursor:pointer}.pricing-term.selected{border-color:#cc5bf1;background:#faedff;box-shadow:0 0 0 2px #dfabf622}.pricing-term input{position:absolute;opacity:0}.pricing-radio{width:20px;height:20px;flex:0 0 20px;border:1px solid #c6c9cf;border-radius:50%;background:#f4f5f6}.pricing-term.selected .pricing-radio{border:5px solid #c45bf2;background:#fff}.pricing-term-copy{display:flex;flex:1;flex-direction:column;gap:6px}.pricing-term-copy strong{font-size:13px}.pricing-term-copy small{color:#858a93;font-size:10px}.pricing-term>b{font-size:17px}.pricing-total{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:24px}.pricing-total>div{display:grid;grid-template-columns:auto auto;align-items:end;gap:7px}.pricing-total small{grid-column:1/-1;color:#858a93;font-size:11px}.pricing-total-price{font:700 27px var(--display)}.pricing-usd{padding-bottom:4px;color:#858a93;font-size:10px}.pricing-buy{height:50px;padding:0 23px;border:0;border-radius:15px;background:#c45bf2;color:#fff;font:700 12px var(--font);cursor:pointer;box-shadow:0 8px 20px #b847df29}.pricing-buy:hover{background:#d078f4;box-shadow:0 8px 24px #b847df44}
:root[data-theme="dark"] .pricing-heading h2{color:#f2f3f5}:root[data-theme="dark"] .pricing-tab,:root[data-theme="dark"] .pricing-card{background:#1b1d20;border-color:#35373c}:root[data-theme="dark"] .pricing-tab strong,:root[data-theme="dark"] .pricing-term>b,:root[data-theme="dark"] .pricing-term-copy strong{color:#f3f3f5}:root[data-theme="dark"] .pricing-tab.active{background:#33243c;border-color:#8e4ba4}:root[data-theme="dark"] .pricing-term{background:#292b2f;border-color:#41434a;color:#eee}:root[data-theme="dark"] .pricing-term.selected{background:#33223a;border-color:#c45bf2}:root[data-theme="dark"] .pricing-art{background:linear-gradient(180deg,#050506 0%,#09090a 25%,#333437 55%,#1b1d20 100%)}:root[data-theme="dark"] .pricing-art p,:root[data-theme="dark"] .pricing-art ul{color:#d0d2d6}:root[data-theme="dark"] .pricing-radio{background:#292b2f}
@media(max-width:760px){.pricing{padding:50px 14px}.pricing-heading h2{font-size:32px}.pricing-heading p{font-size:11px;line-height:1.6}.pricing-tabs{display:grid;grid-template-columns:1fr;max-width:360px}.pricing-tab{width:100%}.pricing-card{grid-template-columns:1fr}.pricing-art{min-height:300px;padding:24px}.pricing-mark{font-size:140px;right:14%}.pricing-options{min-height:290px;padding:20px 16px}.pricing-term{min-height:68px;padding:10px 12px}}
.final-cta{min-height:340px;display:flex;align-items:center;justify-content:center;padding:55px 20px 75px;background:#f3f4f5;text-align:center}
.final-cta>div{width:min(520px,100%)}.final-cta h2{margin:0 0 26px;color:#111216;font:700 clamp(34px,5vw,46px)/1.12 var(--display);letter-spacing:-1.8px}.final-buy{width:min(280px,100%);height:47px;border:0;border-radius:28px;background:#111113;color:#fff;font:700 12px var(--font);cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}.final-buy:hover{transform:translateY(-2px);background:#29292d;box-shadow:0 9px 24px #bd4be929}
:root[data-theme="dark"] .final-cta{background:#121416}:root[data-theme="dark"] .final-cta h2{color:#f4f4f6}:root[data-theme="dark"] .final-buy{background:#f0edf2;color:#18171b}:root[data-theme="dark"] .final-buy:hover{background:#fff}
@media(max-width:760px){.final-cta{min-height:290px;padding:45px 18px 55px}.final-cta h2{font-size:35px}}
@media(max-width:760px){.hero.hero-monoton{min-height:640px;padding:125px 18px 0}.hero-monoton h1{letter-spacing:-2.5px}.hero-monoton .hero-text{font-size:12px}.hero-about-link{bottom:80px}.hero-about-heading{bottom:23px;padding:0 15px}}
