:root{--green:#0b7041;--bright:#50d487;--ink:#13251c;--muted:#718078;--line:#dce7df}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#f3f7f4}button,input,textarea,select{font:inherit}button,a{cursor:pointer}.logo{display:flex;align-items:center;gap:9px;font-size:23px}.logo i{width:34px;height:34px;border-radius:11px 11px 11px 4px;background:linear-gradient(145deg,#19a760,#08703f);color:#fff;display:grid;place-items:center;font-weight:900}.logo b span{color:#42c978}.logo.light{color:#fff}.logo.mobile{display:none}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:start}.auth-story{position:sticky;top:0;height:100vh;padding:40px 65px;background:radial-gradient(circle at 60% 35%,#1b8156,#082d20 70%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-story>div:last-child{max-width:580px}.auth-story small,.auth-card>small,.heading small{color:#5bdd8d;font-size:9px;font-weight:900;letter-spacing:2px}.auth-story h1{font-size:48px;line-height:1.03;letter-spacing:-2px;margin:12px 0}.auth-story p{color:#bed4c7;line-height:1.7}.rings{height:44vh;min-height:300px;position:relative;display:grid;place-items:center}.rings>i{position:absolute;border:1px solid #75e9a444;border-radius:50%;width:230px;height:230px}.rings>i:nth-child(2){width:360px;height:360px;border-style:dashed}.rings>i:nth-child(3){width:490px;height:490px}.rings>b{width:135px;height:135px;border-radius:38px;background:linear-gradient(145deg,#73efa2,#21aa65);color:#07351f;display:grid;place-items:center;align-content:center;font-size:44px;box-shadow:0 30px 70px #0006;overflow:hidden}.rings>b img{display:block;width:100px;height:100px;object-fit:contain}.rings small{color:#07351f;font-size:9px}.auth-panel,.install-body{min-height:100vh;display:grid;place-items:center;padding:30px}
.install-body{background:radial-gradient(circle at 90% 10%,#effaf3,#fff 45%)}
.auth-panel{background:radial-gradient(circle at 60% 35%,#1b8156,#082d20 70%)}
.auth-logo{display:flex;justify-content:center;margin-bottom:8px}
.auth-logo img{height:44px;width:auto;display:block}.auth-card,.install-card{width:min(455px,100%);background:#fff;padding:38px;border:1px solid #dfe9e2;border-radius:28px;box-shadow:0 25px 70px #0c44271e}.auth-card h2,.install-card h1{font-size:31px;margin:8px 0}.auth-card>p,.install-card>p{color:var(--muted);font-size:13px;line-height:1.6}.auth-card form,.install-card{display:grid;gap:15px}.auth-card label,.install-card label,.profile-form label,.customizer label,dialog label,.admin-code label{display:grid;gap:7px;font-size:11px;font-weight:800}.auth-card input,.install-card input,.profile-form input,.profile-form textarea,.customizer input,.customizer textarea,dialog input,dialog select,.admin-code input,.social-editor input{padding:13px;border:1px solid #d8e3dc;border-radius:11px;outline:none}.auth-card input:focus,.profile-form input:focus{border-color:#159657;box-shadow:0 0 0 4px #e7f6ed}
.home-hero{position:relative;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 24px;background:radial-gradient(circle at 60% 35%,#1b8156,#082d20 70%);color:#fff;text-align:center;box-sizing:border-box}
.home-rings-bg{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none;z-index:0}
.home-rings-bg>i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #75e9a444;border-radius:50%}
.home-rings-bg>i:nth-child(1){width:280px;height:280px}
.home-rings-bg>i:nth-child(2){width:440px;height:440px;border-style:dashed}
.home-rings-bg>i:nth-child(3){width:600px;height:600px}
.home-logo,.home-copy,.home-brands{position:relative;z-index:1}
.home-brands{width:min(360px,80vw);height:auto;opacity:.5;margin-top:6px}
.logo.light.home-logo{width:min(340px,80vw);height:auto;aspect-ratio:194/67}
.home-copy{display:grid;gap:12px;max-width:560px;margin-top:6px}
.home-copy small{color:#5bdd8d;font-size:10px;font-weight:900;letter-spacing:2px}
.home-copy h1{margin:0;font-size:clamp(28px,5vw,48px);line-height:1.05;letter-spacing:-1px}
.home-copy p{margin:0;color:#bed4c7;font-size:15px;line-height:1.6}
.home-cta{justify-self:center;margin-top:8px;display:inline-block;background:#fff;color:#0b7041;text-decoration:none;padding:15px 32px;border-radius:999px;font-weight:800;font-size:14px}
.home-cta:hover{background:#eafff1}
@media(max-width:520px){.home-hero{padding:32px 18px;gap:12px}.logo.light.home-logo{width:min(260px,75vw)}.home-copy p{font-size:13px}}
.auth-card select,.profile-form select,.customizer select{width:100%;padding:13px 40px 13px 13px;border:1px solid #d8e3dc;border-radius:11px;outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2352655a' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 12px center/16px;color:#13251c;appearance:none;-webkit-appearance:none;cursor:pointer}
.auth-card select:focus,.profile-form select:focus,.customizer select:focus{border-color:#159657;box-shadow:0 0 0 4px #e7f6ed}.auth-card form>button,.install-card>button,.profile-form>button,.customizer>button,.customizer form>button,.social-editor>button,dialog form>button,.admin-code>button{border:0;border-radius:12px;background:linear-gradient(105deg,#08703f,#169758);color:#fff;padding:14px;font-weight:800}.auth-card>a,.install-card>a{color:var(--green);text-align:center;text-decoration:none;font-size:11px;font-weight:800}.code{text-transform:uppercase;letter-spacing:1px}.help{display:flex;gap:10px;background:#eff7f2;padding:12px;border-radius:12px;color:var(--green)}.help>span{display:grid;font-size:9px;color:var(--muted)}.help b{color:var(--ink);font-size:10px}.slug-input{display:flex;border:1px solid #d8e3dc;border-radius:11px;overflow:hidden}.slug-input span{padding:13px;background:#f0f4f1;color:#748178}.slug-input input{border:0!important;border-radius:0!important;min-width:0;flex:1}.flash,.notice{padding:12px;border-radius:11px;font-size:11px}.flash.error{background:#fff0f0;color:#a93636}.flash.success,.notice{background:#eaf8ef;color:#17623b}
.sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:linear-gradient(180deg,#0d281c,#091d15);color:#fff;padding:27px 18px;display:flex;flex-direction:column}.product{margin:25px 4px 12px;padding:14px;border:1px solid #ffffff14;border-radius:15px;display:grid;gap:4px;background:#ffffff08}.product small{color:#54d88a;font-size:8px;letter-spacing:1px}.product b{font-size:12px}.product span{color:#829b8c;font-size:9px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:13px;border-radius:12px;color:#8fa99a;text-decoration:none;display:flex;gap:12px}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff0e;color:#fff}.sidebar-user{margin-top:auto;border-top:1px solid #ffffff16;padding:16px 5px 0;display:grid}.sidebar-user b{font-size:12px}.sidebar-user span{font-size:9px;color:#80988a}.sidebar-user a{color:#65df95;font-size:10px;margin-top:9px}.workspace{margin-left:264px}.workspace>header{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 30px;position:sticky;top:0;z-index:5}.public-address{font-size:10px;color:#607067;background:#f3f7f4;border-radius:10px;padding:9px}.view-page,.heading button{border:0;border-radius:10px;background:linear-gradient(105deg,#08703f,#169758);color:#fff;text-decoration:none;padding:11px 15px;font-size:11px;font-weight:800}.work-grid{display:grid;grid-template-columns:minmax(560px,760px) minmax(380px,1fr);min-height:calc(100vh - 74px)}.editor{padding:32px 45px 70px}.preview{background:radial-gradient(circle at 50% 15%,#e4f0e8,#dfe6e1 70%);padding:30px;display:grid;align-content:start;justify-items:center}.preview>small{width:330px;color:#728078;font-size:8px;letter-spacing:1px;margin-bottom:14px}.welcome{height:78px;border-radius:17px;background:linear-gradient(110deg,#102d20,#155a38);color:#fff;padding:16px 19px;display:grid;margin-bottom:27px}.welcome span{font-size:9px;color:#9db6a8}.welcome b{font-size:17px}.welcome em{justify-self:end;margin-top:-30px;font-style:normal;color:#70dd9b;font-size:10px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.heading h1{margin:5px 0;font-size:31px}.heading p{margin:0;color:var(--muted);font-size:12px}.count{font-size:9px;color:var(--green);background:#e4f3e9;padding:7px;border-radius:20px}.link-list{display:grid;gap:11px}.link-list article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 25px #123b2308}.link-list article>i{width:43px;height:43px;border-radius:13px;background:#e7f5ec;color:var(--green);display:grid;place-items:center;font-style:normal;font-weight:900}.link-list article>div{display:grid;flex:1;min-width:0}.link-list article b{font-size:12px}.link-list article span{font-size:9px;color:#849189;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-list article>button,.delete{border:0;background:transparent;color:var(--green);font-size:10px;font-weight:800}.delete{color:#ad7777;font-size:18px}dialog{border:0;border-radius:18px;padding:0;box-shadow:0 25px 90px #0004;width:min(430px,90vw)}dialog::backdrop{background:#071b12aa}dialog form{padding:25px;display:grid;gap:14px}dialog h2{margin:0}.dialog-close{border:0;background:transparent;font-size:23px;justify-self:end;margin-bottom:-35px}.check{display:flex!important;align-items:center}.check input{width:auto}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.theme-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:8px;display:grid;gap:6px;cursor:pointer}.theme-card.selected{border-color:#159657;box-shadow:0 0 0 2px #dff3e7}.theme-card>input{display:none}.theme-card>i{height:108px;border-radius:9px;padding:14px;display:grid;align-content:center;gap:5px}.theme-card>i b{width:28px;height:28px;border-radius:50%;justify-self:center}.theme-card>i em{height:9px;border-radius:6px}.theme-card>span{display:grid}.theme-card>span b{font-size:9px}.theme-card>span small{font-size:7px;color:#7b8981}.customizer,.social-editor,.profile-form,.admin-code{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;display:grid;gap:18px}.customizer h2,.social-editor h2{margin:0}.customizer section{display:grid;gap:12px;border-top:1px solid #edf1ee;padding-top:15px}.choice-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.choice-row label{border:1px solid #dfe7e2;border-radius:10px;padding:7px;text-align:center;cursor:pointer}.choice-row input{display:none}.choice-row label:has(input:checked){border-color:#159657;background:#edf8f1}.top-demo{height:48px;background:#e4ece7;border-radius:7px;display:block;position:relative}.top-demo.cover:before,.top-demo.geometric:before{content:"";position:absolute;inset:0 0 50%;background:#6b9e7d}.top-demo.geometric:before{clip-path:polygon(0 0,100% 0,80% 100%,20% 75%)}.top-demo.minimal{background:transparent;border:1px dashed #aebcb3}.shape{height:24px;background:#789f86;display:block}.shape.pill{border-radius:20px}.shape.soft,.shape.theme{border-radius:8px}.shape.square{border-radius:1px}.social-editor>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.social-editor label{display:flex;align-items:center;gap:7px;font-size:10px}.social-editor label i{width:25px;height:25px;border-radius:8px;background:#e8f2eb;display:grid;place-items:center;font-style:normal}.social-editor input{min-width:0;flex:1;padding:9px}.profile-photo{width:90px;height:90px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:900;font-size:22px;overflow:hidden}.profile-photo img,.phone-avatar img,.public-avatar img{width:100%;height:100%;object-fit:cover}.profile-form textarea{min-height:90px}.admin-code{grid-template-columns:1fr 180px auto;align-items:end}table{width:100%;margin-top:20px;border-collapse:collapse;background:#fff;border-radius:13px;overflow:hidden;font-size:10px}th,td{text-align:left;padding:11px;border-bottom:1px solid #edf1ee}
.phone{width:318px;min-height:650px;border:9px solid #14251c;border-radius:43px;overflow:hidden;background:var(--page-bg);color:var(--text);box-shadow:0 30px 70px #122d1d3d}.phone-bar{height:30px;padding:9px 20px;font-size:8px}.phone-bar span{float:right}.phone-content{text-align:center;padding:15px 23px 35px}.phone-cover{height:125px;margin:-15px -23px 0;background:linear-gradient(120deg,var(--accent),var(--button));background-size:cover;background-position:center}.phone-avatar,.public-avatar{width:76px;height:76px;border-radius:50%;background:var(--accent);display:grid;place-items:center;margin:13px auto;color:#fff;font-weight:900;overflow:hidden}.top-cover .phone-avatar,.top-geometric .phone-avatar{margin-top:-38px;border:4px solid var(--text);position:relative}.top-geometric .phone-cover{clip-path:polygon(0 0,100% 0,100% 72%,75% 88%,45% 74%,15% 94%,0 78%);height:145px}.phone-content h2{margin:0 0 6px;font-size:19px}.phone-content>p{font-size:9px;opacity:.75;line-height:1.5}.phone-content>p:last-of-type{margin-bottom:14px}.phone-links,.public-links{display:grid;gap:10px}.phone-links a,.public-links a{min-height:49px;background:var(--button);color:#fff;text-decoration:none;display:flex;align-items:center;padding:8px 13px;box-shadow:0 5px 15px #0002}.shape-round,.shape-soft{border-radius:14px}.shape-pill{border-radius:30px}.shape-square{border-radius:3px}.phone-links i,.public-links i{width:28px;height:28px;border-radius:8px;background:#ffffff22;display:grid;place-items:center;font-style:normal;font-size:9px;overflow:hidden}.phone-links i img,.public-links i img{width:100%;height:100%;object-fit:cover}.phone-links b,.public-links b{flex:1;font-size:10px}.phone-links em,.public-links em{font-style:normal}.phone-socials,.public-socials{display:flex;justify-content:center;gap:12px;margin:20px}.phone-socials span,.public-socials a{width:25px;height:25px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:8px;color:inherit;text-decoration:none}.phone-content>small{font-size:7px;opacity:.6}.public-body{min-height:100vh;background:var(--page-bg);color:var(--text);padding:30px}.public-page{max-width:680px;margin:auto;text-align:center}.public-cover{height:230px;border-radius:25px;background:linear-gradient(120deg,var(--accent),var(--button));background-size:cover;background-position:center}.public-avatar{width:140px;height:140px;font-size:28px}.public-page.top-cover .public-avatar,.public-page.top-geometric .public-avatar{margin-top:-70px;border:6px solid var(--text);position:relative}.public-page.top-geometric .public-cover{clip-path:polygon(0 0,100% 0,100% 72%,75% 88%,45% 74%,15% 94%,0 78%)}.public-page h1{font-size:32px;margin-bottom:10px}.public-page>p{opacity:.75}.public-page>p:last-of-type{margin-bottom:20px}.public-links a{min-height:62px;margin-bottom:12px}.public-links b{font-size:13px}.tagbio-footer a{color:inherit;text-decoration:none}.public-page footer{font-size:9px;opacity:.65;margin-top:32px}.public-page footer span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#08703f;color:#fff}.mobile-nav{display:none}
@media(max-width:1100px){.work-grid{grid-template-columns:1fr 370px}.editor{padding:28px}.theme-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.auth-shell{display:block}.auth-story{display:none}.auth-panel{align-items:start}.logo.mobile{display:flex;margin-bottom:40px}.sidebar{display:none}.workspace{margin-left:0}.workspace>header{justify-content:space-between;padding:0 16px}.public-address{display:none}.work-grid{display:block}.editor{padding:20px 16px 90px}.preview{padding-bottom:90px}.theme-grid{grid-template-columns:repeat(2,1fr)}.choice-row{grid-template-columns:repeat(2,1fr)}.mobile-nav{display:flex;position:fixed;inset:auto 0 0;height:66px;background:#fff;border-top:1px solid var(--line);justify-content:space-around;z-index:9}.mobile-nav a{color:var(--green);text-decoration:none;display:grid;place-items:center}.mobile-nav small{font-size:8px}.admin-code{grid-template-columns:1fr}.social-editor>div{grid-template-columns:1fr}.public-body{padding:16px}.public-cover{height:180px}}