.website-mode{--web-bg:#f7fafd;--web-surface:rgba(255,255,255,.92);--web-text:#172033;--web-muted:#657087;--web-line:rgba(23,32,51,.09);--web-blue:#1687d9;--web-coral:#d97961;--web-gold:#d6aa52;--web-violet:#8878bd;background:radial-gradient(circle at 3% 8%,rgba(72,183,200,.14),transparent 25%),radial-gradient(circle at 96% 30%,rgba(230,184,92,.13),transparent 25%),radial-gradient(circle at 9% 78%,rgba(140,120,200,.11),transparent 24%),radial-gradient(circle at 92% 92%,rgba(232,117,88,.12),transparent 26%),linear-gradient(180deg,#fbfdff 0,#f7fafd 48%,#fafbfd 100%);color:var(--web-text)}
.website-mode .website-celebration{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.website-mode .website-celebration i{position:absolute;width:96px;height:96px;opacity:.18;background-repeat:no-repeat;background-position:center;background-size:contain;filter:saturate(.9)}
.website-mode .website-celebration i:nth-child(1),.website-mode .website-celebration i:nth-child(4){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%231687d9' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M50 13v15M50 72v15M13 50h15M72 50h15M24 24l11 11M65 65l11 11M76 24 65 35M35 65 24 76'/%3E%3Ccircle cx='50' cy='50' r='3' fill='%23d6aa52' stroke='none'/%3E%3C/svg%3E")}
.website-mode .website-celebration i:nth-child(2),.website-mode .website-celebration i:nth-child(5){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23d97961' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M20 58c8-21 25-32 48-31M33 73c7-16 20-25 38-27'/%3E%3Cpath d='m71 18 2 7 7 2-7 2-2 7-2-7-7-2 7-2 2-7Z' fill='%238878bd' stroke='none'/%3E%3Ccircle cx='20' cy='33' r='3' fill='%2348b7c8' stroke='none'/%3E%3C/svg%3E")}
.website-mode .website-celebration i:nth-child(3),.website-mode .website-celebration i:nth-child(6){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23d6aa52' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='m21 29 9 5M72 23l-7 9M77 67l-10-4M31 76l5-10'/%3E%3Ccircle cx='53' cy='48' r='4' fill='%2348b7c8' stroke='none'/%3E%3Ccircle cx='21' cy='57' r='2.5' fill='%238878bd' stroke='none'/%3E%3C/svg%3E")}
.website-mode .website-celebration i:nth-child(1){left:1%;top:12%}.website-mode .website-celebration i:nth-child(2){right:2%;top:20%;transform:rotate(18deg)}.website-mode .website-celebration i:nth-child(3){left:3%;top:59%}.website-mode .website-celebration i:nth-child(4){right:4%;top:69%;transform:scale(.82)}.website-mode .website-celebration i:nth-child(5){left:24%;top:88%;transform:scale(.76) rotate(-20deg)}.website-mode .website-celebration i:nth-child(6){right:24%;top:46%;transform:scale(.62)}
.website-mode .app-page{max-width:1220px;padding-left:24px;padding-right:24px}.website-mode .website-header+.app-page{padding-top:42px}
.website-mode .website-header{min-height:70px;padding:10px max(24px,calc((100vw - 1220px)/2));background:rgba(255,255,255,.82);border-color:var(--web-line);box-shadow:0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(18px) saturate(135%)}
.website-mode .website-brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;letter-spacing:-.02em}.website-mode .website-brand img{width:38px;height:38px;border-radius:11px;object-fit:cover;box-shadow:0 4px 14px rgba(23,32,51,.14)}
.website-mode .website-header nav{gap:5px}.website-mode .website-header nav>a{padding:10px 12px;border-radius:12px;color:#3f4a60;font-size:14px;font-weight:650;transition:background .18s ease,color .18s ease,transform .18s ease}.website-mode .website-header nav>a:hover{background:rgba(22,135,217,.07);color:var(--web-text);transform:translateY(-1px)}
.website-mode .website-header .website-profile-link{background:#f0f3f7}.website-profile-icon{display:none;width:21px;height:21px;stroke:currentColor;stroke-width:1.8}.website-mode .website-header .website-cart-link{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(120deg,#1687d9,#8179bc 55%,#d97961);color:#fff}.website-mode .nav-count{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.22);font-size:12px}
.website-mode .btn{border-radius:15px;background:linear-gradient(120deg,#1687d9,#8179bc 56%,#d97961);box-shadow:0 8px 22px rgba(46,104,154,.18);font-weight:750;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.website-mode .btn:hover{filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 11px 27px rgba(46,104,154,.22)}.website-mode .btn.secondary{border:1px solid var(--web-line);background:#f2f5f8;color:var(--web-text);box-shadow:none}.website-mode .btn.secondary:hover{background:#eaf0f5}.website-mode :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(22,135,217,.3);outline-offset:3px}
.website-mode .card{border-color:var(--web-line);background:var(--web-surface);border-radius:24px;box-shadow:0 16px 44px rgba(31,44,68,.06)}.website-mode .page-title{font-size:clamp(30px,4vw,46px);letter-spacing:-.035em}.website-mode .muted{color:var(--web-muted)}
.web-home{display:grid;gap:88px;padding-bottom:50px}.web-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);align-items:center;gap:56px;min-height:520px;padding:70px clamp(32px,6vw,76px);overflow:hidden;border:1px solid rgba(23,32,51,.07);border-radius:36px;background:radial-gradient(circle at 88% 20%,rgba(72,183,200,.13),transparent 28%),radial-gradient(circle at 72% 85%,rgba(217,121,97,.1),transparent 34%),rgba(255,255,255,.78);box-shadow:0 28px 80px rgba(31,44,68,.08)}
.web-hero:before,.web-hero:after{content:"";position:absolute;border:1px solid rgba(136,120,189,.18);border-radius:50%;pointer-events:none}.web-hero:before{width:260px;height:260px;right:-90px;top:-100px}.web-hero:after{width:110px;height:110px;left:-52px;bottom:46px;border-color:rgba(230,184,92,.23)}
.web-eyebrow{display:block;margin-bottom:12px;color:#5c6a83;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.web-hero h1{max-width:760px;margin:0;font-size:clamp(42px,6vw,72px);font-weight:770;line-height:.99;letter-spacing:-.055em}.web-hero__copy>p{max-width:650px;margin:26px 0 0;color:var(--web-muted);font-size:clamp(17px,2vw,20px);line-height:1.55}.web-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.web-hero__actions .btn{min-height:52px;padding:14px 22px}.web-hero__mark{position:relative;display:grid;place-items:center}.web-hero__mark:before{content:"";position:absolute;width:120%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,rgba(22,135,217,.1),rgba(136,120,189,.08),rgba(217,121,97,.1));filter:blur(2px)}.web-hero__mark img{position:relative;width:min(100%,220px);height:auto;border-radius:26%;box-shadow:0 24px 55px rgba(19,27,45,.2);transform:rotate(2deg)}
.web-hero__telegram{display:inline-block;margin-top:17px;color:#56657d;font-size:13px;font-weight:700;text-decoration:underline;text-decoration-color:rgba(86,101,125,.35);text-underline-offset:4px}
.web-section{display:grid;gap:28px}.web-section__heading h2,.web-feature h2{margin:0;font-size:clamp(28px,3vw,38px);letter-spacing:-.035em}.web-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.web-category{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;min-height:132px;padding:24px;border:1px solid var(--web-line);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 14px 38px rgba(31,44,68,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.web-category:hover{transform:translateY(-2px);border-color:rgba(22,135,217,.2);box-shadow:0 20px 44px rgba(31,44,68,.09)}.web-category__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#edf6fc;color:var(--web-blue)}.web-category--specialist .web-category__icon{background:#f3f0fa;color:var(--web-violet)}.web-category--venue .web-category__icon{background:#fcf3ef;color:var(--web-coral)}.web-category svg,.identity-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.7}.web-category b,.web-category small{display:block}.web-category b{font-size:18px}.web-category small{margin-top:5px;color:var(--web-muted);line-height:1.35}.web-category>i{color:#8a95a8;font-style:normal;font-size:22px}
.web-feature{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:38px 42px;border-radius:28px;background:linear-gradient(120deg,#172033,#24344e);color:#fff;box-shadow:0 22px 55px rgba(23,32,51,.16)}.web-feature .web-eyebrow{color:#aebcd0}.web-feature p{max-width:650px;margin:13px 0 0;color:#cbd4e1;line-height:1.55}.web-feature .btn.secondary{flex:none;border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.1);color:#fff}.web-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:0;overflow:hidden;border:1px solid var(--web-line);border-radius:24px;background:var(--web-line);list-style:none}.web-how li{display:grid;gap:7px;padding:27px;background:rgba(255,255,255,.9)}.web-how li>span{color:var(--web-blue);font-size:12px;font-weight:800;letter-spacing:.12em}.web-how li>b{font-size:18px}.web-how li>small{color:var(--web-muted);font-size:14px}
.website-mode .account-dashboard{gap:22px}.website-mode .account-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:32px 36px;border:1px solid var(--web-line);border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(72,183,200,.13),transparent 30%),rgba(255,255,255,.88);box-shadow:0 20px 55px rgba(31,44,68,.07)}.account-hero .page-title{margin-bottom:9px}.account-display-name{max-width:100%;overflow-wrap:anywhere}.website-mode .account-display-name{font-size:clamp(28px,4vw,46px);line-height:1.05}.account-name{margin:0;color:var(--web-muted);font-size:16px}.account-statuses{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.account-status{padding:7px 10px;border-radius:999px;background:#eff3f7;color:#526077;font-size:12px;font-weight:700}.account-status--ok{background:#edf8f4;color:#26715a}.account-add-profile{display:grid;gap:10px;min-width:210px}.account-add-profile .registration-toggle{width:100%}.telegram-open-button{width:100%;gap:8px;border-color:rgba(36,129,204,.18)!important;background:#eaf5fc!important;color:#176fae!important}.telegram-open-button svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8}.account-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:18px}.account-panel{display:grid;align-content:start;gap:18px;padding:26px}.account-panel h2{margin:0;font-size:24px;letter-spacing:-.025em}.account-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.account-panel__count{display:grid;place-items:center;min-width:34px;height:34px;border-radius:12px;background:#edf6fc;color:#176da8;font-weight:800}.account-panel__action{justify-self:start}.account-note{margin:0;padding:12px 14px;border-radius:14px;background:#f5f7fa;color:#59667c;font-size:14px;line-height:1.45}.identity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--web-line)}.identity-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf6fc;color:var(--web-blue);font-weight:850}.identity-row b,.identity-value{display:block}.identity-value{max-width:100%;margin-top:3px;color:var(--web-muted);font-size:14px;overflow-wrap:anywhere}.identity-state{color:#47705f;font-size:12px;font-weight:750}.identity-form{display:grid;gap:10px}.identity-form label{display:grid;gap:6px}.identity-form input{width:100%;min-height:44px;border:1px solid var(--web-line);border-radius:13px;padding:10px 12px;font:inherit}.logout-form{padding-top:6px}.account-logout{border:0;background:transparent;color:#7b5960;padding:7px 0;font:inherit;font-size:14px;cursor:pointer}.account-logout:hover{text-decoration:underline}.account-feedback{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px}.account-feedback b,.account-feedback small{display:block}.account-feedback small{margin-top:5px;color:var(--web-muted)}.account-feedback i{font-style:normal;font-size:22px}
.website-mode .auth-shell{position:relative;max-width:480px;margin:6vh auto;padding:34px;overflow:hidden}.website-mode .auth-shell:after{content:"";position:absolute;width:150px;height:150px;right:-75px;top:-75px;border:1px solid rgba(22,135,217,.16);border-radius:50%;pointer-events:none}.website-mode .auth-brand{display:flex;align-items:center;gap:13px}.website-mode .auth-brand img{width:54px;height:54px;border-radius:15px;object-fit:cover;box-shadow:0 8px 20px rgba(23,32,51,.18)}.website-mode .auth-brand .web-eyebrow{margin:0}.website-mode .auth-form .page-title{margin:5px 0 0;font-size:34px}.website-mode .auth-form label{display:grid;gap:7px}.website-mode .auth-form input{border-color:var(--web-line);background:#fbfcfe}.website-mode .auth-form input:focus{border-color:rgba(22,135,217,.5);box-shadow:0 0 0 4px rgba(22,135,217,.08)}.website-mode .auth-error{margin:0;border:1px solid #f5d9d5;background:#fff5f3;color:#8b3e35}
.website-mode .artists-grid{gap:18px}.website-mode .artist-card{border-color:var(--web-line);border-radius:22px;box-shadow:0 14px 38px rgba(31,44,68,.055);transition:transform .18s ease,box-shadow .18s ease}.website-mode .artist-card:hover{transform:translateY(-2px);box-shadow:0 20px 46px rgba(31,44,68,.09)}.website-mode .scenario-card{transition:transform .18s ease,box-shadow .18s ease}.website-mode .scenario-card:hover{transform:translateY(-2px);box-shadow:0 22px 50px rgba(31,44,68,.1)}.website-mode .taxonomy-filter,.website-mode .search-card{border-color:var(--web-line);background:rgba(255,255,255,.93)}
.website-mode .bottom-nav-wrap{padding:0 12px calc(10px + env(safe-area-inset-bottom))}.website-mode .bottom-nav{max-width:570px;border-color:rgba(23,32,51,.08);background:rgba(255,255,255,.88);box-shadow:0 14px 42px rgba(23,32,51,.14);backdrop-filter:blur(20px) saturate(130%)}.website-mode .nav-item{position:relative}.website-mode .nav-item.active{background:#edf6fc;color:#1379bb}.bottom-nav-count{position:absolute;top:5px;left:calc(50% + 8px);display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#d97961;color:#fff;font-size:10px;font-weight:800}
@media(max-width:900px){.website-mode .website-header nav{gap:1px}.website-mode .website-header nav>a{padding:9px 8px}.web-hero{grid-template-columns:1fr minmax(180px,260px);gap:28px;min-height:460px;padding:52px 40px}.web-category-grid{grid-template-columns:1fr}.web-category{min-height:100px}.account-grid{grid-template-columns:1fr}}
@media(max-width:720px){.website-mode .website-header{align-items:center;flex-direction:row;min-height:62px;padding:9px 14px}.website-mode .website-brand b{font-size:15px}.website-mode .website-brand img{width:36px;height:36px}.website-mode .website-header nav{width:auto;margin-left:auto}.website-mode .website-header nav>a{display:none}.website-mode .website-header nav>.website-profile-link{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:50%}.website-mode .website-header nav>.website-profile-link span{display:none}.website-mode .website-header nav>.website-profile-link .website-profile-icon{display:block}.website-mode .website-header nav>.website-cart-link{display:none}.website-mode .app-page,.website-mode .website-header+.app-page{padding:24px 15px calc(var(--nav-h) + env(safe-area-inset-bottom) + 30px)}.web-home{gap:58px}.web-hero{grid-template-columns:1fr;min-height:0;padding:44px 24px;border-radius:27px}.web-hero h1{font-size:clamp(38px,12vw,52px)}.web-hero__copy>p{margin-top:21px;font-size:17px}.web-hero__mark{display:none}.web-hero__actions{display:grid;margin-top:28px}.web-hero__actions .btn{width:100%}.web-feature{align-items:flex-start;flex-direction:column;padding:30px 24px}.web-feature .btn{width:100%}.web-how ol{grid-template-columns:1fr}.web-category{padding:19px}.website-mode .account-hero{align-items:stretch;flex-direction:column;padding:26px 22px}.account-add-profile{min-width:0}.account-panel{padding:21px}.identity-row{grid-template-columns:auto minmax(0,1fr)}.identity-state{grid-column:2}.website-mode .auth-shell{margin:2vh auto;padding:26px 21px}.website-mode .website-celebration i{width:88px;height:88px;opacity:.12}.website-mode .website-celebration i:nth-child(n+5){display:none}}
@media(max-width:390px){.website-mode .website-header nav>.website-cart-link>span:first-child{display:none}.web-hero{padding:38px 20px}.web-category{grid-template-columns:auto minmax(0,1fr);gap:13px}.web-category>i{display:none}.web-category__icon{width:46px;height:46px}.website-mode .auth-form .page-title{font-size:30px}.account-feedback{align-items:flex-start}.website-mode .bottom-nav{padding:6px}.website-mode .nav-item{min-height:56px;border-radius:15px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.website-mode *{scroll-behavior:auto!important}.website-mode .btn,.website-mode .website-header nav>a,.web-category,.website-mode .artist-card,.website-mode .scenario-card{transition:none!important}}
