@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Lora:ital,wght@0,600;1,600&display=swap');
:root{--ink:#20362f;--green:#436f5c;--dark:#305344;--cream:#fbf8f1;--peach:#eb9678;--line:#dce0d9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Be Vietnam Pro',sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{height:78px;border-bottom:1px solid #e1e2dc;background:rgba(251,248,241,.95)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font:700 23px Lora,serif;display:flex;align-items:center}.logo span{width:34px;height:34px;margin-right:8px;display:grid;place-items:center;border-radius:50% 50% 50% 12px;background:var(--green);color:#fff}.logo i{color:var(--peach)}nav,.nav-actions{display:flex;align-items:center;gap:30px;font-size:13px}.btn{border:0;border-radius:7px;padding:15px 23px;display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 22px #315b4730}.btn:hover{background:var(--dark);transform:translateY(-1px)}.btn.small{padding:12px 17px;font-size:12px}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.eyebrow,.section-title>span,.form-intro span,.welcome>span{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--green)}h1{font:600 clamp(48px,5.5vw,75px)/1.06 Lora,serif;letter-spacing:-3px;margin:20px 0}h1 em{color:var(--peach)}.hero-copy>p{max-width:530px;color:#6c7b74;line-height:1.8}.hero-actions{display:flex;gap:28px;align-items:center;margin:30px 0 18px}.text-link{font-weight:700;font-size:12px;border-bottom:1px solid #aeb5b1;padding:8px 0}.hero-copy>small{color:#87938d;font-size:9px}.visual{height:500px;position:relative;display:grid;place-items:center}.sun{position:absolute;width:380px;height:380px;border-radius:50%;background:#f2cb88}.profile-card{width:360px;height:405px;padding:25px;background:#fffdf8;border:1px solid #e4e1d9;border-radius:15px;box-shadow:0 25px 55px #36483d2b;position:relative;transform:rotate(-2deg)}.profile-head{display:flex;align-items:center;gap:12px}.profile-head small{display:block;color:#8c9791;font-size:8px;margin-top:4px}.avatar{width:45px;height:45px;border-radius:50%;background:#dbe8df;display:grid;place-items:center;font:700 19px Lora}.lines{margin:25px 0}.lines i{display:block;height:7px;background:#e6e8e2;border-radius:5px;margin:8px 0}.lines i:nth-child(2){width:90%}.lines i:nth-child(3){width:70%}.tags{display:flex;gap:7px}.tags span{font-size:8px;padding:6px 10px;background:#e9f0e9;border-radius:15px}.art{height:170px;background:#cadbd0;border-radius:8px;margin-top:20px;overflow:hidden;position:relative}.art div{width:95px;height:95px;border-radius:50%;background:#f1bb73;position:absolute;right:35px;top:20px}.art b{font-size:90px;color:#78937e;position:absolute;bottom:-30px;left:35px}.url-pill,.float-card{position:absolute;z-index:3;background:#fff;border-radius:20px;padding:12px 18px;box-shadow:0 9px 25px #334d4028;font-size:11px}.url-pill{top:40px;left:25px}.url-pill b{color:#5ba47a}.float-card{bottom:40px;left:4px;color:var(--peach);display:grid;grid-template-columns:25px auto}.float-card small{grid-column:2;color:#8f9994;font-size:7px}.stats{border-block:1px solid var(--line);background:#f6f2e9}.stats .container{height:82px;display:flex;justify-content:center;align-items:center;gap:8px;color:#7c8982;font-size:11px}.stats b{color:var(--ink)}.stats span{margin-left:25px;color:var(--green)}.features{padding:90px 0}.section-title{text-align:center}.section-title>span{color:var(--peach)}.section-title h2,.cta h2{font:600 35px Lora;margin:14px 0 10px}.section-title p{font-size:12px;color:#7b8982}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:50px}.cards article{min-height:235px;padding:30px;border:1px solid var(--line);border-radius:10px;background:#ffffff70;position:relative}.cards i{position:absolute;right:22px;top:18px;color:#cdd3ce;font:italic 21px Lora}.cards strong{width:48px;height:48px;border-radius:50%;background:#e0eae2;color:var(--green);display:grid;place-items:center;font-size:22px}.cards h3{font:600 18px Lora;margin:22px 0 10px}.cards p{font-size:11px;color:#77857e;line-height:1.7}.cta{margin-top:75px;padding:40px 52px;border-radius:14px;background:var(--green);color:white;display:flex;justify-content:space-between;align-items:center}.cta small{color:#f2ad92;letter-spacing:2px}.btn.light{background:#fff;color:var(--green);box-shadow:none}footer{padding:27px 0;border-top:1px solid var(--line);background:#f5f1e8}.footer-row{display:flex;align-items:center;justify-content:space-between}.footer-row p,.footer-row>div{font-size:9px;color:#88938d}.footer-row>div{display:flex;gap:20px}
.form-page{min-height:calc(100vh - 78px);display:grid;grid-template-columns:44% 56%;background:#fff}.form-intro{background:var(--green);color:#fff;padding:70px 8vw;display:flex;align-items:center}.form-intro>div{max-width:480px}.form-intro span{color:#f2ab8e}.form-intro h1{font-size:55px}.form-intro>div>p{color:#ffffffb8;line-height:1.8;font-size:13px}.form-intro ul{list-style:none;padding:0;margin-top:35px}.form-intro li{margin:17px 0;font-size:12px}.form-intro blockquote{border-left:2px solid var(--peach);padding-left:18px;margin:40px 0 0;font:italic 15px Lora}.form-side{padding:55px 30px;display:flex;align-items:center;justify-content:center}.form-box{width:min(480px,100%)}.form-box h2{font:700 33px Lora;margin:0 0 8px}.form-box>p{font-size:11px;color:#7d8a83;margin-bottom:28px}.form-box a{color:var(--green);font-weight:700;border-bottom:1px solid #a9bdb4}.form-box label{display:block;margin:16px 0;font-size:10px;font-weight:700}.form-box input{width:100%;height:47px;margin-top:8px;border:1px solid #d7ded9;border-radius:7px;padding:0 14px;outline:none;font:12px 'Be Vietnam Pro'}.form-box input:focus{border-color:#6f9583;box-shadow:0 0 0 3px #436f5c17}.form-box label small{display:block;margin-top:6px;color:#909b95;font-size:8px;font-weight:400}.domain-input{position:relative}.domain-input input{padding-right:150px}.domain-input span{position:absolute;right:13px;top:22px;color:#78877f;font-size:10px}.full{width:100%;margin-top:8px}.alert{padding:12px 15px;border-radius:7px;font-size:10px;line-height:1.5}.alert p{margin:3px}.alert.error{background:#fff0ec;color:#984f3e;border:1px solid #f3d1c8}.dashboard{min-height:calc(100vh - 150px);padding:75px 0}.welcome h1{font-size:42px;letter-spacing:-2px;margin:12px 0}.welcome p{color:#78857e}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:40px}.site-card,.info-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:30px}.status{color:#4f8b67;font-size:10px;font-weight:700}.site-card h2{font:600 27px Lora;margin:18px 0 5px}.site-card p{font-size:11px;color:#87928d;margin-bottom:25px}.info-card h3{font:600 20px Lora;margin-top:0}.info-card dl{display:grid;grid-template-columns:110px 1fr;font-size:11px}.info-card dt,.info-card dd{padding:12px 0;border-bottom:1px solid #edf0ed;margin:0}.info-card dt{color:#89938e}.info-card dd{font-weight:600}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px;text-align:center}.hero-copy>p{margin:auto}.hero-actions{justify-content:center}.visual{margin-top:30px}.cards{grid-template-columns:1fr}.form-page{grid-template-columns:1fr}.form-intro{display:none}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:560px){.nav-actions>a:not(.btn){display:none}.hero h1{font-size:45px}.hero-actions{flex-direction:column}.visual{transform:scale(.78);margin-inline:-55px}.cta{padding:30px 24px;flex-direction:column;align-items:flex-start;gap:20px}.footer-row{flex-direction:column;gap:17px}.form-side{padding:45px 20px}.dashboard{padding-top:50px}}
/* ===== Dark professional theme ===== */
:root{
  --ink:#e8edf7;--green:#7c6cff;--dark:#5b4de0;--cream:#0b1020;
  --peach:#38d9c4;--line:#26304a;
}
body{background:radial-gradient(circle at 80% -10%,#1b2140 0,#0b1020 42%);color:var(--ink)}
.site-header{background:rgba(11,16,32,.86);border-bottom:1px solid #26304a;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}
.logo span{background:linear-gradient(135deg,#7c6cff,#38d9c4);color:#07101b;box-shadow:0 0 24px #38d9c455}
.logo i,.eyebrow,.section-title>span,.form-intro span,.welcome>span{color:var(--peach)}
nav,.nav-actions{color:#aeb8cc}nav a:hover,.nav-actions>a:not(.btn):hover{color:var(--peach)}
.btn{background:linear-gradient(135deg,#7c6cff,#6255e9);box-shadow:0 10px 26px #6255e933;transition:.2s}
.btn:hover{background:linear-gradient(135deg,#9185ff,#38d9c4);color:#07101b}
h1{color:#f5f7ff}h1 em{color:var(--peach)}
.hero-copy>p,.section-title p,.profile-owner,.not-found p,.welcome p{color:#9aa7bf}
.sun{background:radial-gradient(circle,#38d9c477 0,#7c6cff22 55%,transparent 70%);filter:blur(2px)}
.profile-card{background:#151c31;border-color:#2c3856;box-shadow:0 25px 65px #0008}
.profile-head small,.float-card small,.url-pill{color:#93a0b8}.avatar{background:#263554;color:#dce5ff}
.lines i{background:#2a3551}.tags span{background:#202d48;color:#9fe7df}
.art{background:linear-gradient(135deg,#24375b,#18243e)}.art div{background:#38d9c4}.art b{color:#7c6cff}
.url-pill,.float-card{background:#18233b;border:1px solid #2c3b5e;color:var(--peach);box-shadow:0 12px 30px #0006}
.url-pill b{color:#38d9c4}.stats{background:#0f172b;border-color:var(--line)}.stats b{color:#e8edf7}.stats span{color:var(--peach)}
.cards article,.site-card,.info-card{background:linear-gradient(145deg,#151d33,#11182a);border-color:#2a3654;box-shadow:0 12px 30px #0003}
.cards article:hover,.site-card:hover,.info-card:hover{border-color:#5c6fa8;transform:translateY(-3px);transition:.2s}
.cards strong{background:#202c4b;color:var(--peach)}.cards h3,.section-title h2,.cta h2,.site-card h2,.info-card h3,.form-box h2{color:#f1f4ff}
.cards p,.site-card p,.create-card>p{color:#9aa7bf}
.cta{background:linear-gradient(120deg,#29245d,#174d5a);border:1px solid #47558b}.btn.light{background:#eafcf9;color:#18234a}
footer{background:#080d19;border-color:#202b43}.footer-row p,.footer-row>div{color:#7f8da7}
.form-page{background:#0b1020}.form-intro{background:linear-gradient(145deg,#252052,#10454d)}.form-intro>div>p{color:#dce2f2b8}
.form-side{background:#0b1020}.form-box>p{color:#9aa7bf}.form-box a{color:var(--peach);border-color:#456c77}
.form-box input,.create-card form label input{background:#131c31;color:#eef2ff;border-color:#2d3b5b}.form-box input::placeholder,.create-card input::placeholder{color:#687793}
.form-box input:focus,.create-card form label input:focus{border-color:#38d9c4;box-shadow:0 0 0 3px #38d9c422}
.alert.error{background:#321d2a;color:#ffadbb;border-color:#633144}.alert.success{background:#153530;color:#9be8dc;border-color:#27645e}
.website-row,.info-card dt,.info-card dd{border-color:#25314c}.status{color:#52d6b4}.card-heading>span{color:#92a0bb}.info-card code{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere;color:#52d6b4;background:#0f1729;border:1px solid #25314c;border-radius:6px;padding:6px 8px;font-size:10px}
.profile-placeholder{border-color:#405476;background:#111a2d;color:var(--peach)}.profile-placeholder small{color:#8e9bb2}
.card-heading{display:flex;align-items:center;justify-content:space-between}.card-heading h2{margin:0}.card-heading>span{font-size:10px;color:#7c8b83}.website-list{margin-top:18px}.website-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0ed;padding:17px 0}.website-row h3{font:600 17px Lora;margin:6px 0 3px}.website-row p{margin:0!important}.website-row .btn{flex:none}.alert.success{background:#e9f4eb;color:#397052;border:1px solid #cce3d0;margin:14px 0}.create-card{height:max-content}.create-card>p{font-size:11px;color:#87928d;line-height:1.5}
.create-card form{margin-top:22px}.create-card form label{display:block;margin:17px 0;font-size:10px;font-weight:700;color:var(--ink)}.create-card form label input{display:block;width:100%;height:47px;margin-top:8px;border:1px solid #d7ded9;border-radius:7px;padding:0 14px;outline:none;font:12px 'Be Vietnam Pro';background:#fff}.create-card form label input:focus{border-color:#6f9583;box-shadow:0 0 0 3px #436f5c17}.create-card .domain-input{position:relative}.create-card .domain-input input{padding-right:132px}.create-card .domain-input span{position:absolute;right:13px;top:24px;color:#78877f;font-size:10px;font-weight:400}.create-card .full{height:47px;margin-top:8px}.create-card .alert{margin:16px 0}.create-card .alert p{margin:3px 0}
.profile-page,.not-found{min-height:calc(100vh - 150px);padding:90px 0}.profile-page h1,.not-found h1{font:600 58px Lora;margin:15px 0}.profile-badge{color:var(--peach);font-size:10px;letter-spacing:2px;font-weight:800}.profile-owner,.not-found p{color:#78857e}.profile-placeholder{margin-top:45px;min-height:260px;border:1px dashed #b9c9bf;border-radius:14px;display:grid;place-items:center;align-content:center;color:var(--green);background:#f3f7f1}.profile-placeholder span{font-size:38px;color:var(--peach)}.profile-placeholder p{margin:10px 0 4px}.profile-placeholder small{font-size:10px;color:#87948c}.not-found .btn{margin-top:25px}
/* Dark theme final cascade */
body{background:#0b1020!important;color:#e8edf7}.site-header{background:rgba(11,16,32,.92)!important;border-color:#26304a!important;backdrop-filter:blur(16px)}
.logo span{background:linear-gradient(135deg,#7c6cff,#38d9c4)!important;color:#07101b}.logo i,h1 em,.eyebrow,.section-title>span,.form-intro span,.welcome>span{color:#38d9c4!important}
nav a,.nav-actions>a:not(.btn){color:#aeb8cc}nav a:hover,.nav-actions>a:not(.btn):hover{color:#38d9c4}
.btn{background:linear-gradient(135deg,#7c6cff,#6255e9)!important}.btn:hover{background:linear-gradient(135deg,#9185ff,#38d9c4)!important;color:#07101b}
.profile-card,.cards article,.site-card,.info-card{background:#151d33!important;border-color:#2a3654!important;box-shadow:0 12px 30px #0005}
.profile-card{box-shadow:0 25px 65px #0008}.lines i{background:#2a3551}.tags span{background:#202d48;color:#9fe7df}
.stats{background:#0f172b!important;border-color:#26304a}.cta{background:linear-gradient(120deg,#29245d,#174d5a)!important}
footer{background:#080d19!important;border-color:#202b43}.form-page,.form-side{background:#0b1020!important}.form-intro{background:linear-gradient(145deg,#252052,#10454d)!important}
.form-box input,.create-card form label input{background:#131c31!important;color:#eef2ff;border-color:#2d3b5b}.profile-placeholder{background:#111a2d!important;border-color:#405476}
.create-card form label{color:#cbd5e8!important;margin:0 0 18px!important}
.create-card form label input,.create-card form label select{margin-top:8px}
.create-card form select{
  display:block;width:100%;height:47px;padding:0 42px 0 14px;
  appearance:none;-webkit-appearance:none;
  color:#eef2ff;background:#131c31;
  border:1px solid #2d3b5b;border-radius:9px;outline:0;
  font:500 12px 'Be Vietnam Pro',sans-serif;
  cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#38d9c4 50%),linear-gradient(135deg,#38d9c4 50%,transparent 50%);
  background-position:calc(100% - 18px) 20px,calc(100% - 12px) 20px;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat;
  transition:border-color .2s,box-shadow .2s;
}
.create-card form select:hover{border-color:#596b98}
.create-card form select:focus{border-color:#38d9c4;box-shadow:0 0 0 3px #38d9c422}
.create-card form select option{background:#131c31;color:#eef2ff}
.create-card .full{margin-top:5px!important;height:47px}
.alert.warning{background:#fff7df;color:#8a6116;border:1px solid #edd189;margin:14px 0}