@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0c19;--panel:#151728;--line:#272b42;--ink:#f8f9ff;--muted:#9399b5;--purple:#9876ff;--cyan:#5fddcb;--orange:#ffc27b;--radius:20px;font-family:'Plus Jakarta Sans','DM Sans',system-ui,sans-serif;color:var(--ink);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-size:14px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}input,textarea,select{color:inherit}input::placeholder,textarea::placeholder{color:#747b9b}::selection{background:#9471fc77}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #afa0ff;outline-offset:3px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(145deg,#a991ff,#744eee);border-radius:12px;color:white;font-size:26px;line-height:1;box-shadow:0 7px 26px #7858ee45}.brand-dot{color:#b7a3ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:41px;border:1px solid transparent;border-radius:11px;font-weight:700;font-size:13px;padding:10px 17px;transition:transform .16s,background .16s,border-color .16s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#fff;background:linear-gradient(128deg,#9b74ff,#7553e5);box-shadow:0 8px 28px #8e6aff30}.btn.ghost{border-color:#303651;background:#1b1e32;color:#d8d8f2}.btn.white{background:#fff;color:#26233b}.btn.outline{border-color:#44405f;background:#17132e}.btn.danger{background:#4a2230;color:#ffc1cb}.btn.big{padding:14px 20px}.btn.xl{padding:16px 25px;font-size:14px;border-radius:13px}.btn.fill{width:100%}.eyebrow{display:block;color:#ad94ff;letter-spacing:2px;font-size:10px;font-weight:800;text-transform:uppercase}.soft-text{color:var(--muted);line-height:1.7}.muted-link{color:#b2a0ff;font-weight:700;font-size:12px}.count-tag{font-size:13px;padding:3px 8px;margin-left:5px;border-radius:8px;background:#252744;color:#c0b5ff}
.dashboard{min-height:100vh;background:#0e101d}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;flex:0 0 248px;border-right:1px solid #27283b;background:#10111e;display:flex;flex-direction:column;padding:28px 17px 16px;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar .brand{margin:0 10px 27px}.workspace-pill{display:flex;gap:11px;align-items:center;background:#1b1c2e;border:1px solid #2a2941;padding:10px;border-radius:12px;margin-bottom:26px}.workspace-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#6357c3,#a273d9);font-size:16px;font-weight:800}.workspace-pill strong,.side-bottom b{display:block;font-size:11px}.workspace-pill small,.side-bottom small{display:block;font-size:10px;color:#8d92ad;margin-top:4px}.online-dot{color:#60daa1;font-size:8px}.nav-heading{color:#616985;font-size:9px;font-weight:800;letter-spacing:1.4px;margin:21px 13px 10px}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:12px;font-weight:600;color:#9da1b8;border-radius:10px;margin:2px 0;transition:.15s}.nav-link:hover{background:#20233b;color:white}.nav-link.selected{background:#2b244f;color:#d2c6ff;box-shadow:inset 3px 0 #9d7bff}.nav-icon{font-family:system-ui;display:grid;place-items:center;width:19px;font-size:19px;color:#8a82b1}.selected .nav-icon{color:#ae90ff}.sidebar-end{margin-top:auto;padding-top:35px}.help-box{border:1px solid #3d345f;border-radius:14px;padding:16px;background:radial-gradient(circle at top right,#4a2d76,#211d39 66%);position:relative;overflow:hidden}.help-icon{color:#caa9ff;font-size:24px;margin-bottom:9px}.help-box strong{display:block;font-size:12px}.help-box p{font-size:10px;color:#afa8c5;line-height:1.7}.help-box a{color:#c4b6ff;font-size:10px;font-weight:800}.side-bottom{display:flex;align-items:center;gap:10px;margin:17px 4px 0;border-top:1px solid #2b2d40;padding-top:18px}.avatar-mini{background:#53477f;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-weight:800}.side-bottom form{margin-left:auto}.icon-logout{background:none;border:0;font-size:23px;color:#9fa1ba}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:78px;flex:0 0 78px;border-bottom:1px solid #22263a;display:flex;justify-content:space-between;align-items:center;padding:0 43px;background:#101220}.breadcrumb{font-size:12px;color:#8990ab}.breadcrumb b{color:#ecebff}.crumb-sep{color:#4e546d;margin:0 14px}.top-actions{display:flex;align-items:center;gap:20px}.live-pill{font-size:11px;color:#b4bad2}.live-pill span{color:#6de6a9}.top-preview{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:700;border:1px solid #34354c;border-radius:10px;padding:10px 14px}.mobile-toggle{display:none}.content{width:100%;max-width:1490px;margin:0 auto;padding:36px 43px 55px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 29px}.page-title h1{font-weight:800;font-size:30px;letter-spacing:-1.3px;margin:7px 0 6px}.page-title p{color:var(--muted);font-size:12px;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:19px}.metrics-three{grid-template-columns:repeat(3,1fr)}.metric-card{border:1px solid #292a40;border-radius:16px;background:#16192b;padding:21px;display:flex;flex-direction:column;align-items:flex-start;min-height:189px}.metric-icon{display:grid;place-items:center;font-size:22px;width:36px;height:36px;border-radius:11px;margin-bottom:17px}.purple{color:#bba7ff;background:#43315a}.aqua{color:#6ce1ce;background:#214347}.orange{color:#ffcf8d;background:#4c382d}.blue{color:#a3c6ff;background:#293d57}.pink{color:#ffafca;background:#503046}.green{color:#9ee6a7;background:#2a4838}.metric-label{color:#a1a7bf;font-weight:600;font-size:11px}.metric-card strong{font-size:30px;letter-spacing:-1px;margin:6px 0}.metric-foot{font-size:10px;color:#797f9b;margin-top:auto}.panel{background:#161829;border:1px solid #2a2d43;border-radius:17px;padding:24px;margin-bottom:19px}.panel h2{font-size:17px;letter-spacing:-.45px;margin:5px 0 18px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.section-top h2{margin-bottom:0}.dashboard-columns{display:grid;grid-template-columns:1.46fr 1fr;gap:19px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-card{padding:16px 15px;border:1px solid #35354e;background:#1c1e31;border-radius:12px;min-height:151px;position:relative;transition:.15s}.quick-card:hover{border-color:#9984e9;transform:translateY(-3px)}.q-ico{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:23px;margin-bottom:11px}.q1{background:#433457;color:#bb9cfb}.q2{background:#2a4651;color:#80d9d6}.q3{background:#563d2c;color:#ffd18f}.q4{background:#27385c;color:#a5c5fb}.quick-card strong{display:block;font-size:12px}.quick-card small{font-size:10px;color:#8d94b0;display:block;max-width:85%;line-height:1.7;margin-top:5px}.quick-card b{position:absolute;right:13px;bottom:14px;color:#9a96b5}.tip-panel{background:radial-gradient(circle at top right,#5141a9 0%,transparent 48%),linear-gradient(145deg,#25205c,#342178);position:relative;overflow:hidden;min-height:340px}.tip-panel .eyebrow{color:#cac0ff}.tip-panel h2{font-size:27px;line-height:1.24;margin:24px 0 9px;position:relative;z-index:1}.tip-panel h2 em{font-style:normal;color:#c7aaff}.tip-panel p{max-width:280px;color:#c0badb;font-size:11px;line-height:1.8;position:relative;z-index:1}.domain-chip{display:inline-block;background:#ffffff17;border:1px solid #ffffff28;border-radius:9px;color:#dbd5ff;font-size:10px;padding:10px 11px;margin:8px 0 17px;position:relative;z-index:1}.tip-panel .btn{position:relative;z-index:1}.tip-shape{position:absolute;border-radius:50%;pointer-events:none}.shape-one{width:205px;height:205px;background:#8c70ee33;right:-74px;bottom:-75px}.shape-two{width:105px;height:105px;border:20px solid #bba5ff1c;right:75px;bottom:25px}.data-table{width:100%;border-collapse:collapse;text-align:left}.table-wrap{overflow-x:auto}.data-table th{font-size:10px;text-transform:uppercase;color:#787f9d;letter-spacing:1px;padding:13px 12px;border-bottom:1px solid #303249;white-space:nowrap}.data-table td{font-size:12px;color:#c6cbe1;padding:16px 12px;border-bottom:1px solid #272b3f;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table td strong{font-size:12px;display:block;color:#f3f2ff}.data-table td small{font-size:10px;color:#7f849f;display:block;margin-top:5px}.type-tag{font-size:10px;color:#b6a4fa;padding:6px 9px;background:#312a4d;border-radius:8px;white-space:nowrap}.table-link{color:#a7a5fe;font-size:11px}.actions{display:flex;align-items:center;gap:7px}.copy-btn,.action-edit,.action-delete{background:#24273d;border:1px solid #36374f;color:#c9c5ff;font-size:11px;border-radius:8px;padding:7px 9px;display:inline-flex;align-items:center;justify-content:center;min-height:31px}.copy-btn:hover,.action-edit:hover{border-color:#9a82f1}.action-delete{color:#ff9da5}.actions form{margin:0}.status{font-size:10px;font-weight:700;padding:6px 9px;border-radius:8px;white-space:nowrap}.status.is-active{background:#1e4039;color:#78e2be}.status.is-paused{background:#493d28;color:#ffca8a}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 15px;text-align:center}.empty>span{font-size:36px;color:#a7a1ff}.empty h3{margin:14px 0 3px}.empty p{font-size:12px;color:#8e95b4;line-height:1.7;margin-bottom:20px}.template-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.template-choice{cursor:pointer;display:block;position:relative}.template-choice input{position:absolute;opacity:0;pointer-events:none}.mini-template{width:100%;aspect-ratio:4/5;border-radius:10px;display:flex;align-items:center;flex-direction:column;gap:5%;padding:16% 13%;border:2px solid transparent;box-shadow:0 7px 25px #05050a30;overflow:hidden}.template-choice input:checked+.mini-template{border-color:#b7a7ff;outline:2px solid #5d498e}.template-name{display:block;text-align:center;color:#c1c1db;font-weight:700;font-size:10px;margin-top:7px}.mock-dot{width:24%;aspect-ratio:1;border-radius:50%;background:#ffffffaa}.mock-line{width:55%;height:4%;background:#ffffffa9;border-radius:15px}.mock-h{width:72%;height:2%;background:#ffffff5c;border-radius:10px;margin-bottom:3%}.mock-button{width:96%;height:15%;border:1px solid #ffffff90;background:#ffffff30;border-radius:5px}.theme-aurora{background:radial-gradient(circle at 80% 10%,#a16ad6,#231b59 68%,#100f30);color:#fff}.theme-sunset{background:linear-gradient(145deg,#a53281,#ef7d6c,#f7bd74);color:white}.theme-ocean{background:linear-gradient(155deg,#103e8c,#187dbc,#57d7d2);color:white}.theme-lilac{background:linear-gradient(145deg,#c9b5fa,#e9ceef,#a69bd8);color:#42305e}.theme-minimal{background:linear-gradient(135deg,#fafafa,#ecedf6);color:#17172e}.theme-onyx{background:linear-gradient(155deg,#060810,#24293c);color:#f8f8fa}.theme-forest{background:linear-gradient(155deg,#17433b,#31795d,#a0bf81);color:white}.theme-rose{background:linear-gradient(155deg,#502537,#ad647e,#e6abb2);color:white}.theme-neon{background:radial-gradient(circle at top right,#cb4df1,#33207e 52%,#091b40);color:white}.theme-peach{background:linear-gradient(155deg,#fdaf93,#ffe4c4,#f7b2c1);color:#664446}.theme-sky{background:linear-gradient(155deg,#74bcf6,#a5def8,#deeefc);color:#1e5574}.theme-amber{background:linear-gradient(155deg,#644111,#ba7831,#efce81);color:white}.theme-minimal .mock-dot,.theme-minimal .mock-line,.theme-minimal .mock-h,.theme-minimal .mock-button,.theme-peach .mock-dot,.theme-peach .mock-line,.theme-peach .mock-h,.theme-peach .mock-button,.theme-sky .mock-dot,.theme-sky .mock-line,.theme-sky .mock-h,.theme-sky .mock-button{background:#33333330;border-color:#33333342}.alert{border-radius:12px;padding:13px 17px;margin-bottom:21px;font-size:12px;font-weight:600;border:1px solid #286e55;color:#b5f3cd;background:#17362e}.alert.error{background:#41232d;border-color:#824555;color:#ffd4d4}.app-footer{display:flex;justify-content:space-between;color:#656a81;font-size:10px;border-top:1px solid #27283a;padding:20px 43px;margin-top:auto}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid>.field:has(textarea),.form-grid>.full,.form-grid>.field:has(input[type=file]),.form-grid>.field:has(input[name="data[buttons]"]),.form-grid>.field-hint{grid-column:1/-1}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:20px}.editor-aside .panel{position:sticky;top:20px}.field,.stack>label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;color:#cdd0e9}.field>span{font-weight:700}.field input,.field select,.field textarea,.stack input,.stack textarea,.tool-input,.tool-output{outline:0;border-radius:10px;background:#111423;border:1px solid #34364c;color:#e7e9ff;width:100%;padding:12px 13px;min-height:43px}.field input:focus,.field select:focus,.field textarea:focus,.stack input:focus,.tool-input:focus{border-color:#9e82ff;box-shadow:0 0 0 3px #7754cc26}.field textarea{resize:vertical;min-height:90px;line-height:1.6}.field small,.field-hint{font-weight:500;color:#858ba8;line-height:1.65;font-size:10px}.form-section-label{display:block;font-size:12px;color:#d5d5ec;margin:10px 0 13px;font-weight:700}.template-selector{grid-template-columns:repeat(4,1fr)}.editor-settings h2{margin-bottom:19px}.check-line{display:flex;align-items:center;gap:11px;background:#1e2237;padding:14px;border-radius:12px;border:1px solid #32334b;margin-bottom:20px}.check-line input{appearance:none;background:#43455c;width:35px;height:21px;border-radius:15px;position:relative;cursor:pointer}.check-line input:after{content:'';width:15px;height:15px;position:absolute;left:3px;top:3px;background:#dadbe8;border-radius:50%;transition:.2s}.check-line input:checked{background:#8c6eeb}.check-line input:checked:after{left:17px;background:white}.check-line strong{display:block;font-size:11px}.check-line small{display:block;font-size:10px;color:#898da8;margin-top:4px}.editor-settings .field{margin-bottom:18px}.editor-settings .btn{margin-bottom:9px}.share-preview{border-top:1px solid #36364d;margin-top:19px;padding-top:18px}.share-preview>span{font-size:10px;color:#8d91ac}.share-preview code{display:block;font-size:10px;overflow-wrap:anywhere;margin:10px 0;color:#b8a6ff}.stack{display:flex;flex-direction:column;gap:17px}.stack .btn{align-self:flex-start}.stack>.btn.fill{align-self:stretch}.dashboard .stack{max-width:510px}.info-line{font-size:11px;line-height:1.7;padding:14px;background:#24223d;border:1px solid #3c3558;border-radius:10px;color:#bfb5e0;margin-top:20px}.domain-show{padding:18px;background:#27243e;color:#dfd2ff;font-size:16px;font-weight:800;border-radius:13px;overflow-wrap:anywhere;margin-bottom:18px}.chart-bars{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:12px;min-height:225px}.chart-day{display:flex;flex-direction:column;align-items:center;gap:9px}.chart-day>b{font-size:10px;font-weight:500;color:#9d9fb8}.chart-rail{height:160px;width:100%;background:#1d2137;border-radius:8px;position:relative;overflow:hidden}.chart-rail>span{display:block;position:absolute;bottom:0;width:100%;border-radius:8px 8px 0 0;background:linear-gradient(0deg,#7055c7,#b797ff)}.chart-day>small{font-size:9px;color:#8b8da7;white-space:nowrap}.rank-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30334a;padding:13px 0;gap:15px}.rank-row strong{font-size:12px}.rank-row small{display:block;font-size:10px;color:#858ba3;margin-top:5px}.rank-row b{color:#b5a4fd}.action-row{display:flex;gap:11px;flex-wrap:wrap}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.tools-grid .panel{margin:0}.tools-grid .field{margin:13px 0}.tool-input,.tool-output{min-height:110px;resize:vertical;line-height:1.6}.tool-output{margin-top:14px;min-height:85px}.tool-run{margin-top:10px}
/* Installer */
.setup-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 10% 0,#392b65 0,transparent 44%),radial-gradient(ellipse at 90% 90%,#193845,transparent 40%),#090b19}.setup-wrap{width:min(95vw,470px);padding:45px 0}.setup-wrap>.brand{margin-bottom:25px}.setup-card{padding:35px;background:#18192b;border:1px solid #343047;border-radius:22px;box-shadow:0 30px 100px #0005}.setup-card h1{font-size:30px;letter-spacing:-1.2px;line-height:1.2;margin:12px 0}.setup-card p{color:#9ea2c0;font-size:12px;line-height:1.85;margin-bottom:24px}.setup-card .stack label{gap:8px}.setup-card .stack input{background:#0e1020}.setup-card .btn{width:100%;margin-top:5px}.setup-foot{text-align:center;border-top:1px solid #32334d;padding-top:20px;margin-top:24px;color:#979bb5;font-size:10px;line-height:1.7}
/* Landing */
.landing{background:#0e0d1c;color:#fff;overflow-x:hidden}.landing-container{max-width:1240px;padding:0 28px;margin:auto}.landing-header{height:105px;display:flex;align-items:center;justify-content:space-between}.landing-header nav{display:flex;align-items:center;gap:33px;font-size:12px;color:#abb0c8}.landing-header nav>a:hover{color:#fff}.nav-login{background:#28243f;border:1px solid #40375a}.hero{min-height:665px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding-bottom:70px}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-block;padding:9px 14px;background:#282244;border:1px solid #463761;border-radius:30px;color:#c3a4ff;letter-spacing:1.1px;font-size:10px;font-weight:800}.hero h1{font-size:clamp(58px,6.2vw,90px);line-height:1.04;letter-spacing:-5px;font-weight:800;margin:25px 0}.hero h1 span{color:#a98aff}.hero p{color:#a2a6c3;font-size:14px;line-height:1.9;max-width:430px}.hero-actions{display:flex;gap:11px;margin-top:28px}.hero-sub{font-size:10px;color:#7d819f;margin-top:21px}.hero-visual{min-height:550px;position:relative;display:flex;align-items:center;justify-content:center}.glow-a,.glow-b{position:absolute;border-radius:50%;filter:blur(4px)}.glow-a{width:410px;height:410px;background:radial-gradient(circle,#6b4bd577,transparent 70%);top:30px;right:5px}.glow-b{width:300px;height:300px;background:radial-gradient(circle,#238ca063,transparent 65%);bottom:0;left:0}.phone-mock{position:relative;z-index:1;width:278px;min-height:530px;border:7px solid #2a2945;border-radius:38px;box-shadow:0 35px 80px #0009,0 0 0 2px #7667a7;background:#1a1743;text-align:center;overflow:hidden;padding-bottom:22px;transform:rotate(5deg)}.phone-notch{width:90px;height:15px;background:#211d3b;border-radius:0 0 18px 18px;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:4}.phone-cover{height:145px;background:radial-gradient(circle at 30% 55%,#a97ad6,#503783 52%,#2a225f)}.phone-profile{position:relative;width:74px;height:74px;border-radius:50%;margin:-39px auto 9px;display:grid;place-items:center;background:linear-gradient(145deg,#8565d2,#5d7cd4);border:5px solid #1b1846;font-size:30px;font-weight:800}.phone-mock>b{display:block;font-size:15px}.phone-mock>small{font-size:9px;color:#bfbbd9;display:block;margin:8px 0}.phone-social{font-size:22px;color:#e0ceff;letter-spacing:9px;margin:20px auto}.phone-link{background:#ffffff1c;border:1px solid #ffffff5c;border-radius:9px;margin:10px 18px;padding:14px 11px;font-size:9px;font-weight:800;text-align:left}.phone-link span{float:right}.phone-foot{font-size:8px;color:#a299c8;margin-top:24px}.float-tag{position:absolute;z-index:2;background:#242244;border:1px solid #5e4f89;color:#fff;box-shadow:0 16px 35px #0005;border-radius:13px;padding:15px 19px;font-size:12px;font-weight:700}.tag-a{top:105px;left:0;transform:rotate(-11deg)}.tag-b{right:-10px;bottom:125px;transform:rotate(10deg)}.features-section{padding:80px 0 110px}.section-intro{text-align:center;margin-bottom:45px}.section-intro h2{font-size:42px;line-height:1.2;letter-spacing:-1.8px;margin:16px 0}.section-intro em{font-style:normal;color:#b49af8}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-box{padding:31px;background:#191a2d;border:1px solid #2e3048;border-radius:18px;min-height:205px}.feat-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;font-size:23px}.feature-box h3{font-size:15px;margin:18px 0 9px}.feature-box p{font-size:11px;color:#989bb7;line-height:1.9}.landing-cta{text-align:center;padding:85px 25px;border-radius:27px;background:radial-gradient(circle at 90% 20%,#a25eda66,transparent 35%),linear-gradient(115deg,#3e2773,#282858 75%);margin:30px 0 100px}.landing-cta h2{font-size:46px;letter-spacing:-2px;margin:15px 0}.landing-cta p{color:#d3cbed;margin-bottom:28px}.landing-footer{padding:35px 0 55px;border-top:1px solid #29273e;display:flex;justify-content:space-between;color:#8d89aa;font-size:11px}.landing-footer>span:first-child{font-size:20px;font-weight:800}
/* Public Bio + Share pages */
.public-page{background:#121127;min-height:100vh;color:white;--bio-ink:#fff;--bio-pill:#ffffff1d;--bio-border:#ffffff54;--bio-muted:#f1e9ffad;background-image:radial-gradient(circle at 50% 0%,#513579 0,transparent 60%)}.public-page.theme-sunset{background:#b04c81}.public-page.theme-ocean{background:#174c9a}.public-page.theme-lilac,.public-page.theme-minimal,.public-page.theme-peach,.public-page.theme-sky{--bio-ink:#2a2740;--bio-muted:#554d6d;--bio-pill:#ffffff86;--bio-border:#ffffffbb}.public-page.theme-lilac{background:#dec7fa}.public-page.theme-minimal{background:#f4f5fa}.public-page.theme-onyx{background:#090c13}.public-page.theme-forest{background:#225a50}.public-page.theme-rose{background:#754057}.public-page.theme-neon{background:#281b65}.public-page.theme-peach{background:#ffd5ba}.public-page.theme-sky{background:#bbdcf5}.public-page.theme-amber{background:#865727}.bio-outer{min-height:calc(100vh - 68px);padding:50px 16px 28px;display:flex;justify-content:center}.bio-card{width:min(100%,425px);border-radius:25px;background:var(--bio-pill);border:1px solid var(--bio-border);backdrop-filter:blur(14px);overflow:hidden;box-shadow:0 20px 70px #0002;align-self:flex-start;color:var(--bio-ink)}.bio-banner{height:137px;background-position:center;background-size:cover}.bio-banner-default{background:radial-gradient(ellipse at 25% 45%,#e6a5ff,#7b64cb 50%,#322767)}.theme-sunset .bio-banner-default{background:linear-gradient(110deg,#f3b3a6,#b95eac)}.theme-ocean .bio-banner-default{background:linear-gradient(110deg,#7bd7f0,#2582cc)}.theme-forest .bio-banner-default{background:linear-gradient(110deg,#adcb85,#235c53)}.theme-onyx .bio-banner-default{background:linear-gradient(110deg,#545c72,#17171f)}.theme-minimal .bio-banner-default{background:linear-gradient(110deg,#d9dcec,#edeff8)}.bio-avatar-wrap{text-align:center;height:45px}.bio-avatar{display:block;width:91px;height:91px;object-fit:cover;border-radius:50%;border:5px solid #ffffffbd;position:relative;top:-46px;margin:auto}.bio-avatar-default{width:91px;height:91px;position:relative;top:-46px;margin:auto;border-radius:50%;border:5px solid #ffffffbd;background:linear-gradient(145deg,#775fba,#b582e1);display:grid;place-items:center;color:#fff;font-size:32px;font-weight:800}.bio-intro{text-align:center;padding:16px 25px 0}.bio-verified{font-size:9px;letter-spacing:2px;font-weight:800;color:var(--bio-muted)}.bio-intro h1{font-size:24px;letter-spacing:-.7px;margin:12px 0 9px}.bio-intro p{font-size:11px;line-height:1.9;color:var(--bio-muted);margin:0}.bio-socials{display:flex;gap:11px;justify-content:center;margin:23px 0}.bio-socials a{font-size:21px;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:var(--bio-pill);border:1px solid var(--bio-border)}.bio-buttons{padding:19px 21px 6px}.bio-button{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:57px;padding:14px 14px;background:var(--bio-pill);border:1px solid var(--bio-border);border-radius:12px;font-size:12px;font-weight:800;margin-bottom:12px;transition:.15s;box-shadow:0 4px 12px #0001}.bio-button:hover{transform:translateY(-2px);background:#ffffff38}.bio-button-icon{font-size:19px}.bio-arrow{margin-left:auto;font-size:16px}.bio-empty{text-align:center;font-size:12px;color:var(--bio-muted);padding:14px}.bio-share{text-align:center;padding:17px 15px 29px}.bio-share-button{background:none;border:none;color:var(--bio-muted);font-size:11px}.public-footer{text-align:center;padding:12px 0 35px}.public-brand{font-size:12px;color:#bca2ff;font-weight:800}.theme-minimal .public-brand,.theme-peach .public-brand,.theme-sky .public-brand{color:#7269a6}.gate-container{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:30px 15px}.gate-card{width:min(100%,445px);background:#1f1c40;border:1px solid #4a416e;border-radius:22px;padding:37px;text-align:center;box-shadow:0 20px 65px #0005}.gate-icon{font-size:36px;display:block;margin-bottom:19px}.gate-card h1{font-size:25px;letter-spacing:-1px;margin:12px 0}.gate-card>p{font-size:12px;color:#ada5d0;line-height:1.8;margin-bottom:24px}.gate-card .stack input{background:#13132b}.gate-card .stack .btn{align-self:stretch}.gate-back{display:block;color:#af9ee5;margin-top:15px;font-size:12px}.contact-items{text-align:left;margin:25px 0;padding:12px 16px;background:#ffffff0b;border-radius:12px}.contact-items p{font-size:12px;overflow-wrap:anywhere;line-height:1.8;color:#ddd7f2}.countdown{font-size:46px;font-weight:800;margin:20px}.splash-spinner{display:block;width:52px;height:52px;border-radius:50%;border:4px solid #6a568b;border-top-color:#d0aaff;margin:0 auto 20px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.render-qr{background:white;border-radius:15px;padding:16px;display:inline-flex;justify-content:center;align-items:center;margin:15px auto}.render-qr canvas{max-width:100%;height:auto}.gate-card .save-qr{margin-top:18px}
@media(max-width:1120px){.sidebar{width:212px;flex-basis:212px}.content{padding:30px 26px}.topbar{padding:0 26px}.metrics{gap:10px}.metric-card{padding:15px}.template-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.sidebar{position:fixed;z-index:30;left:0;top:0;height:100vh;width:255px;transform:translateX(-105%);transition:.25s;box-shadow:20px 0 70px #0005}.sidebar.open{transform:none}.mobile-toggle{display:inline-block;background:none;border:0;color:#ddd3ff;font-size:22px;margin-right:14px}.topbar{justify-content:flex-start}.top-actions{margin-left:auto}.dashboard-columns,.editor-grid{grid-template-columns:1fr}.editor-aside .panel{position:static}.metrics{grid-template-columns:repeat(2,1fr)}.tip-panel{min-height:280px}.hero{gap:0}.hero h1{font-size:65px}}
@media(max-width:640px){.content{padding:24px 15px}.topbar{padding:0 15px;height:66px;flex-basis:66px}.top-preview{display:none}.page-title{align-items:flex-start;flex-direction:column}.page-title h1{font-size:25px}.panel{padding:17px;border-radius:15px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:156px;padding:14px}.metric-card strong{font-size:25px}.metric-label{font-size:10px}.quick-grid{gap:9px}.quick-card{padding:12px;min-height:133px}.template-grid,.template-selector{grid-template-columns:repeat(3,1fr);gap:9px}.form-grid,.tools-grid{grid-template-columns:1fr}.chart-bars{gap:3px}.chart-day>small{font-size:7px;writing-mode:vertical-rl}.app-footer{padding:18px}.landing-container{padding:0 18px}.landing-header{height:75px}.landing-header nav{gap:12px}.landing-header nav>a:not(.nav-login){display:none}.hero{grid-template-columns:1fr;gap:0;text-align:center;padding:55px 0}.hero h1{font-size:60px;letter-spacing:-3.5px}.hero p{margin:auto}.hero-actions{justify-content:center}.hero-sub{font-size:9px}.hero-visual{min-height:505px;margin-top:35px}.phone-mock{transform:scale(.85) rotate(5deg)}.tag-a{left:0;top:100px}.tag-b{right:0}.feature-cards{grid-template-columns:1fr}.section-intro h2{font-size:31px}.landing-cta h2{font-size:35px}.landing-footer{gap:10px}.setup-card{padding:25px}.setup-card h1{font-size:25px}.gate-card{padding:27px}}

.bio-banner[src]{width:100%;display:block;object-fit:cover}