:root{--ink:#171a19;--muted:#626661;--paper:#f4f0e8;--panel:#fffdf8;--line:#d9d4ca;--accent:#e85d3f;--accent-2:#194f46;--radius:22px;--shadow:0 18px 50px #171a1917}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;touch-action:manipulation;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.button{min-height:44px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:99;background:#fff;padding:12px;position:fixed;top:-60px;left:20px}.skip-link:focus{top:20px}.site-header{z-index:20;background:color-mix(in srgb, var(--paper) 86%, transparent);border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;padding:16px clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{color:#fff;background:var(--accent-2);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}nav{align-items:center;gap:clamp(12px,2vw,28px);font-size:14px;display:flex}.button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:13px 20px;font-weight:700;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-accent{background:var(--accent)}.button-quiet{color:var(--ink);border:1px solid var(--line);background:0 0}.button-small{min-height:38px;padding:9px 15px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;min-height:78svh;padding:clamp(48px,9vw,120px) clamp(20px,7vw,100px);display:grid;overflow:hidden}.eyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-.07em;max-width:850px;margin:20px 0;font:700 clamp(52px,8vw,116px)/.86 Georgia,serif}.hero-copy{max-width:620px;color:var(--muted);font-size:clamp(18px,2vw,24px);line-height:1.55}.hero-actions{gap:12px;margin-top:32px;display:flex}.hero-art{height:520px;position:relative}.phone{aspect-ratio:9/18;border:3px solid var(--ink);background:var(--panel);width:240px;box-shadow:var(--shadow);border-radius:38px;padding:10px;position:absolute;transform:rotate(7deg)}.phone:first-child{top:8%;left:8%;transform:rotate(-10deg)}.phone:last-child{background:var(--accent-2);bottom:-5%;right:4%}.phone-screen{background:linear-gradient(140deg,#fff7e9,#e9dfcc);border-radius:28px;height:100%;padding:28px 18px;overflow:hidden}.phone:last-child .phone-screen{color:#d5ffbf;background:#112d29;font-family:monospace}.mock-avatar{background:var(--accent);border-radius:50%;width:68px;height:68px;margin-bottom:28px}.mock-line{opacity:.18;background:currentColor;border-radius:8px;height:10px;margin:12px 0}.mock-line.short{width:58%}.section{padding:100px clamp(20px,7vw,100px)}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:40px;display:flex}.section h2{letter-spacing:-.05em;max-width:760px;font:700 clamp(38px,6vw,76px)/.95 Georgia,serif}.template-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.template-card,.feature-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px}.template-preview{background:#ede7db;border-radius:15px;flex-direction:column;justify-content:flex-end;height:320px;margin-bottom:24px;padding:24px;display:flex;position:relative;overflow:hidden}.template-preview span{font-size:12px;position:absolute;top:22px;right:22px}.template-preview strong{letter-spacing:-.07em;font:700 clamp(34px,5vw,70px)/.85 Georgia,serif}.template-preview i{text-transform:uppercase;letter-spacing:.12em;margin-top:10px;font-size:12px}.preview-studio{color:#fff;background:linear-gradient(135deg,#ff795d 50%,#202423 50%)}.preview-studio strong{text-transform:uppercase;font-family:Arial,sans-serif}.preview-terminal{color:#7dff9d;background:#10201c;font-family:monospace}.preview-terminal strong{font-family:monospace}.preview-editorial{color:#17243d;background:#f3ecdc;border-block:10px double #17243d;border-radius:0}.preview-editorial strong{font-style:italic}.preview-aurora{color:#282044;background:radial-gradient(circle at 20% 20%,#9fffe2,#0000 36%),radial-gradient(circle at 80% 70%,#ffb5df,#0000 42%),#ddd5ff}.preview-aurora strong{font-family:Arial,sans-serif;font-weight:500}.preview-brutalist{color:#080808;background:#efff40;border:4px solid #080808;border-radius:0;box-shadow:inset 14px 0 #ff4300}.preview-brutalist strong{text-transform:uppercase;font-family:Arial,sans-serif;font-weight:900}.preview-gallery{color:#2a2a2a;text-align:center;background:linear-gradient(145deg,#f8f8f5 48%,#86242a 49%,#31181a 70%);align-items:center}.preview-gallery strong{font-weight:400}.preview-glass{color:#13253d;background:radial-gradient(circle at 20% 20%,#fff,#0000 32%),radial-gradient(circle at 80% 75%,#9fffd3,#0000 36%),#c6ddff;box-shadow:inset 0 0 0 18px #ffffff40}.preview-glass:after{content:"";-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffffa6;border-radius:25px;position:absolute;inset:45px}.preview-glass>*{z-index:1}.preview-mono{color:#fff;background:linear-gradient(90deg,#000 50%,#fff 50%)}.preview-mono strong{mix-blend-mode:difference;text-transform:uppercase;font-family:Arial,sans-serif;font-weight:900}.preview-luxe{color:#6f4c32;text-align:center;background:#efe3d2;border:1px solid #a77b55;align-items:center}.preview-luxe:before{content:"";border:1px solid #a77b55;border-radius:50% 50% 8px 8px;width:210px;height:210px;position:absolute;top:35px}.preview-luxe strong{font-style:italic;font-weight:400}.template-card h3{font-size:25px}.feature-card{box-shadow:none}.feature-number{color:var(--accent);font-size:13px;font-weight:700}.auth-shell{place-items:center;min-height:calc(100svh - 70px);padding:32px 20px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);width:min(100%,460px);box-shadow:var(--shadow);border-radius:28px;padding:clamp(26px,5vw,48px)}.auth-card h1{letter-spacing:-.04em;font:700 42px/.95 Georgia,serif}.form{gap:18px;display:grid}.field{gap:8px;display:grid}.field label{font-size:13px;font-weight:700}.field input,.field textarea,.field select{width:100%;min-height:48px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px}.field textarea{resize:vertical;min-height:130px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);outline:3px solid #e85d3f38}.form-error{color:#822311;background:#ffe3dc;border-radius:12px;padding:12px 14px;font-size:14px}.form-note{color:var(--muted);font-size:13px;line-height:1.5}.dashboard{padding:56px clamp(20px,7vw,100px) 100px}.dashboard-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px;display:flex}.dashboard h1{letter-spacing:-.05em;font:700 clamp(42px,6vw,72px)/1 Georgia,serif}.portfolio-list{gap:14px;display:grid}.portfolio-row{background:var(--panel);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:22px;display:grid}.status{letter-spacing:.08em;background:#eee9df;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.status.published{color:#125b35;background:#dff6e9}.editor{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:24px;padding:40px clamp(20px,5vw,72px) 100px;display:grid}.editor-sidebar{align-self:start;position:sticky;top:95px}.repeat-item{border:1px solid var(--line);border-radius:14px;padding:16px}.stack{gap:14px;display:grid}.inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.flash{color:#125b35;background:#dff6e9;border-radius:12px;padding:13px 16px}.telegram-box{background:#e8f4ff;border-radius:15px;padding:18px}.telegram-qr{text-align:center;justify-items:center;gap:12px;display:grid}.telegram-qr img{background:#fff;border-radius:18px;width:min(100%,320px);height:auto;padding:10px}.telegram-mobile-link{display:none}.telegram-code{gap:8px;display:grid}.telegram-code code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#fff;border:1px dashed #8bb8d8;border-radius:10px;padding:10px 12px;font-weight:750;display:block}@media (max-width:767px){.telegram-qr{display:none}.telegram-mobile-link{display:block}}.muted{color:var(--muted)}.danger{color:#8b2514}.is-disabled{cursor:wait;opacity:.58;pointer-events:none}.project-media-editor{padding-top:4px}.project-media-head{justify-content:space-between;align-items:flex-start}.project-media-head p{margin:5px 0 0}.project-media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.project-media-item{border:1px solid var(--line);background:#f5f1e9;border-radius:12px;min-width:0;padding:8px}.project-media-preview{aspect-ratio:4/3;background:#ddd7cc;border-radius:8px;position:relative;overflow:hidden}.project-media-preview img{object-fit:cover}.project-media-item>input{border:1px solid var(--line);border-radius:8px;width:100%;min-height:38px;margin-top:7px;padding:7px 9px}.project-media-actions{grid-template-columns:36px 36px 1fr;gap:5px;margin-top:6px;display:grid}.project-media-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;min-height:34px;padding:4px 6px;font-size:12px}.project-media-actions button:disabled{cursor:default;opacity:.35}@media (max-width:900px){nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{height:430px;margin-top:30px}.template-grid,.feature-grid{scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:18px;display:flex;overflow-x:auto}.template-card,.feature-card{scroll-snap-align:center;min-width:min(84vw,380px)}.editor{grid-template-columns:1fr}.editor-sidebar{order:-1;position:static}}@media (max-width:560px){.site-header{padding:12px 16px}.brand{font-size:15px}nav{gap:8px}.hero h1{font-size:54px}.phone{width:200px}.hero-art{height:390px}.section{padding-block:72px}.portfolio-row{grid-template-columns:1fr auto}.portfolio-row .status{grid-column:1}.dashboard-head{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}