:root{--bg:#07111f;--panel:#102036;--line:#2a405e;--text:#f7f9ff;--muted:#a7b6cb;--accent:#695cff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#1b275b 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}header{height:70px;width:min(1160px,calc(100% - 30px));margin:auto;display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:900;text-decoration:none}.logo span{color:#2bd9ef}nav{display:flex;align-items:center;gap:9px}nav a{color:#c4cee0;text-decoration:none;padding:8px}.navbtn,.btn{background:linear-gradient(135deg,#6d5dfc,#168fd0);color:white!important;border:0;border-radius:11px;padding:12px 17px!important;font-weight:800;cursor:pointer;text-decoration:none}.wrap{width:min(1120px,calc(100% - 30px));margin:auto}.hero{text-align:center;padding:80px 0}.hero h1{font-size:clamp(40px,7vw,72px);line-height:1.05;letter-spacing:-3px;margin:12px auto;max-width:850px}.hero p{color:var(--muted);font-size:19px;max-width:700px;margin:0 auto 28px}.accent{color:#44d9f2}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#ffffff0a;border:1px solid var(--line);border-radius:18px;padding:22px}.card h2,.card h3{margin-top:0}.form{max-width:520px;margin:45px auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:27px}label{display:block;font-size:13px;font-weight:750;margin-top:11px}input,textarea,select{width:100%;padding:13px;margin-top:6px;background:#071526;border:1px solid #38506f;border-radius:10px;color:white;font:inherit}textarea{min-height:90px}.btn.wide{display:block;width:100%;margin-top:17px}.note{padding:12px;border-radius:10px;background:#16483e;margin:12px 0}.error{background:#521f2d}.dash{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;padding:30px 0}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.linkrow{display:grid;grid-template-columns:1fr 1.5fr auto;gap:8px;margin:9px 0}.mini{font-size:12px;padding:8px 10px!important}.danger{background:#a3273c}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:#ffffff0a;border:1px solid var(--line);border-radius:13px;padding:14px}.stat b{font-size:25px;display:block}.preview{position:sticky;top:20px}.phone{max-width:390px;margin:auto;border:8px solid #172235;border-radius:35px;overflow:hidden;min-height:650px;background:#111827}.phone iframe{width:100%;height:650px;border:0}.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme{padding:14px;border:2px solid transparent;border-radius:12px}.theme input{width:auto}.midnight{background:linear-gradient(145deg,#0f172a,#172554)}.purple{background:linear-gradient(145deg,#3b0764,#7c3aed)}.pink{background:linear-gradient(145deg,#500724,#db2777)}.clean{background:#f8fafc;color:#111827}.emerald{background:linear-gradient(145deg,#022c22,#047857)}.sunset{background:linear-gradient(145deg,#7c2d12,#f97316)}footer{text-align:center;color:#75849b;padding:35px}@media(max-width:850px){.grid{grid-template-columns:1fr}.dash{grid-template-columns:1fr}.preview{position:static}.linkrow{grid-template-columns:1fr}.themes{grid-template-columns:1fr 1fr}}@media(max-width:520px){nav a:not(.navbtn):first-child{display:none}.hero{padding:45px 0}.stats{grid-template-columns:1fr}.row{flex-direction:column;align-items:stretch}}
:root{--header-h:82px}html{scroll-behavior:smooth}.site-main{min-height:calc(100vh - 360px);padding-top:var(--header-h)}.site-header{position:fixed;z-index:1000;inset:0 0 auto;width:100%;height:var(--header-h);margin:0;background:radial-gradient(circle at 18% -80%,#2bd9ef55,transparent 42%),linear-gradient(110deg,rgba(10,20,51,.97),rgba(20,24,72,.97) 48%,rgba(5,45,65,.97));border-bottom:1px solid #62d9ff35;box-shadow:0 12px 35px #0005;backdrop-filter:blur(18px)}.header-inner{width:min(1160px,calc(100% - 30px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;text-decoration:none}.logo img{display:block;width:230px;height:60px;object-fit:contain;object-position:left center}.site-header nav{display:flex;align-items:center;gap:8px}.site-header nav a{color:#d6e2f5;text-decoration:none;padding:8px 10px;border-radius:9px;transition:.2s}.site-header nav a:hover{color:#fff;background:#ffffff10}.admin-mode{position:fixed;z-index:1100;left:0;right:0;bottom:0;background:#f59e0b;color:#201507;padding:10px 16px;text-align:center;font-weight:800}.admin-mode a{color:#201507;text-decoration:underline;margin-left:8px}.content-page{width:min(900px,calc(100% - 30px));margin:0 auto;padding:58px 0 70px}.page-hero{padding:34px 0 18px}.page-hero .eyebrow{color:#55dff3;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900}.page-hero h1{font-size:clamp(36px,6vw,58px);line-height:1.08;letter-spacing:-2px;margin:8px 0 14px}.page-hero p{font-size:18px;color:var(--muted);max-width:720px}.prose{background:#ffffff0a;border:1px solid var(--line);border-radius:22px;padding:clamp(22px,5vw,42px)}.prose h2{margin-top:30px;color:#fff}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:#c5d0df}.prose a{color:#55dff3}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.contact-box{padding:18px;border-radius:15px;background:#071526;border:1px solid #304966}.site-footer{padding:52px max(15px,calc((100% - 1120px)/2)) 22px;text-align:left;color:#9fb0c7;background:linear-gradient(145deg,#050c16,#0b1930);border-top:1px solid #263c59}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:45px}.footer-grid>div:first-child p{max-width:430px}.footer-logo{display:inline-block}.footer-logo img{width:210px;height:58px;object-fit:contain;object-position:left}.site-footer h3{color:#fff;margin:8px 0 13px}.site-footer a{display:block;color:#aebdd2;text-decoration:none;padding:4px 0}.site-footer a:hover{color:#55dff3}.footer-bottom{border-top:1px solid #213650;margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:15px}.footer-bottom a{display:inline-block}@media(max-width:850px){:root{--header-h:74px}.logo img{width:185px;height:52px}.site-header nav a{display:none}.site-header nav .navbtn,.site-header nav a[href="/dashboard/"],.site-header nav a[href="/login/"]{display:block}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.contact-grid{grid-template-columns:1fr}}@media(max-width:520px){.header-inner{width:calc(100% - 20px)}.logo img{width:155px;height:48px}.site-header nav .navbtn{padding:9px 11px!important;font-size:12px}.site-footer{padding-top:38px}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.content-page{padding-top:35px}}

@media(max-width:520px){.site-header nav a[href="/logout/"]{display:block;padding:7px!important;font-size:12px}}
@media(max-width:600px){.hero,.grid .card,.content-page,.page-hero,.prose,.contact-box{text-align:center}.content-page{margin-left:auto;margin-right:auto}.page-hero p,.hero p,.prose p{margin-left:auto;margin-right:auto}.prose ul,.prose ol{padding-left:0;list-style-position:inside}.prose li{margin:8px 0}.contact-box .btn{display:inline-block}.site-footer,.footer-grid,.footer-grid>div,.footer-bottom{text-align:center}.footer-grid>div:first-child p{margin-left:auto;margin-right:auto}.footer-logo{display:flex;justify-content:center}.footer-logo img{object-position:center}.footer-bottom{align-items:center;justify-content:center}.form>h1,.form>p{text-align:center}}

/* Bio Linkaman V2 */
.v2-badge{display:inline-block;color:#6ee7f9;font-size:12px;font-weight:900;letter-spacing:.15em}.v2-hero{padding:72px 0 48px;overflow:hidden}.v2-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px}.v2-hero h1{font-size:clamp(47px,6.5vw,78px);line-height:.98;letter-spacing:-4px;margin:17px 0 22px}.v2-hero h1 em{display:block;color:#64ddf2;font-style:normal}.v2-hero p{max-width:610px;color:#b6c5d9;font-size:20px}.v2-actions{display:flex;align-items:center;gap:14px;margin:28px 0 18px}.v2-secondary{color:white;text-decoration:none;font-weight:800;padding:11px 15px}.v2-proof{display:flex;gap:10px;flex-wrap:wrap;color:#91a3bb;font-size:13px}.v2-showcase{position:relative;min-height:570px;display:grid;place-items:center}.v2-phone{width:300px;min-height:550px;padding:0 22px 28px;text-align:center;background:linear-gradient(160deg,#412e83,#111b39);border:8px solid #17233a;border-radius:42px;box-shadow:0 35px 90px #0009;overflow:hidden;transform:rotate(3deg)}.mock-cover{height:145px;margin:0 -22px;background:linear-gradient(135deg,#ec4899,#7c3aed 55%,#22d3ee)}.mock-avatar{width:88px;height:88px;margin:-44px auto 10px;border:4px solid white;border-radius:50%;display:grid;place-items:center;background:#171c38;font-size:35px;font-weight:900}.v2-phone p{font-size:13px;margin:auto auto 20px}.v2-phone i{display:block;background:white;color:#172033;font-style:normal;font-weight:800;border-radius:16px;padding:15px;margin:10px 0}.float-card{position:absolute;padding:12px 16px;border:1px solid #ffffff25;border-radius:14px;background:#172947e8;box-shadow:0 15px 40px #0006;font-weight:800}.fc1{left:0;top:100px}.fc2{right:0;bottom:100px}.v2-strip{border-block:1px solid #253a58;background:#ffffff06}.v2-strip .wrap{display:flex;justify-content:space-between;gap:25px;padding:20px 0;color:#6f849f;font-weight:900;font-size:12px;letter-spacing:.08em}.v2-section{padding:85px 0}.section-head{text-align:center;max-width:700px;margin:0 auto 38px}.section-head h2,.v2-steps h2,.v2-cta h2{font-size:clamp(34px,5vw,55px);line-height:1.05;letter-spacing:-2px;margin:12px 0}.section-head p{color:var(--muted)}.template-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.template-shot{aspect-ratio:.64;padding:20px 12px;border-radius:23px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;box-shadow:0 18px 35px #0005;transition:.25s}.template-shot:hover{transform:translateY(-7px)}.template-shot .mini-avatar{width:48px;height:48px;border-radius:50%;background:#fff8}.template-shot i{display:block;width:100%;height:26px;border-radius:9px;background:#fff}.ts0{background:linear-gradient(#172554,#0891b2)}.ts1{background:linear-gradient(#581c87,#db2777)}.ts2{background:#eef2ff;color:#172033}.ts3{background:linear-gradient(#18181b,#c026d3)}.ts4{background:linear-gradient(#7c2d12,#f59e0b)}.ts5{background:linear-gradient(#064e3b,#10b981)}.v2-feature-bg{background:#ffffff05;border-block:1px solid #ffffff0c}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-grid article{padding:25px;border:1px solid #294361;border-radius:21px;background:#0b1b2f}.feature-grid strong{font-size:30px;color:#54dff3}.feature-grid p{color:#9eafc5}.v2-steps{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.v2-steps ol{list-style:none;padding:0;margin:0}.v2-steps li{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #29405e}.v2-steps li>b{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#55dff3;color:#07111f}.v2-steps li span{display:grid;color:#95a8bf}.v2-steps li strong{color:#fff;font-size:18px}.v2-cta{text-align:center;margin-bottom:80px;padding:65px 30px;border-radius:30px;background:radial-gradient(circle at 15% 10%,#22d3ee55,transparent 35%),linear-gradient(120deg,#312e81,#0b4960)}.v2-cta p{color:#c8d5e5}.studio-tabs{position:sticky;top:92px;z-index:10;margin:16px 0;display:flex;gap:8px;padding:8px;border:1px solid #2d4667;border-radius:15px;background:#071526ee;backdrop-filter:blur(12px)}.studio-tabs a{flex:1;text-align:center;color:#dce7f5;text-decoration:none;font-weight:800;padding:9px;border-radius:10px}.studio-tabs a:hover{background:#ffffff12}.stats-v2{grid-template-columns:repeat(4,1fr)}.template-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.template-picker label{padding:9px;border:1px solid #304b6b;border-radius:12px;text-align:center}.template-picker input{width:auto}.swatch{display:block;height:42px;border-radius:8px;margin-bottom:7px;background:linear-gradient(135deg,#6d5dfc,#22d3ee)}.s1,.s7{background:linear-gradient(135deg,#ec4899,#7c3aed)}.s2,.s6,.s9{background:#eaf0f8}.s3,.s11{background:linear-gradient(135deg,#111827,#d946ef)}.s4{background:linear-gradient(135deg,#ef4444,#f59e0b)}.s5{background:linear-gradient(135deg,#064e3b,#34d399)}.s8{background:linear-gradient(135deg,#1d4ed8,#06b6d4)}.s10{background:linear-gradient(135deg,#1e293b,#64748b)}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metric-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #263e5c}
@media(max-width:900px){.v2-hero-grid,.v2-steps{grid-template-columns:1fr}.v2-hero-grid{text-align:center}.v2-hero p{margin-inline:auto}.v2-actions,.v2-proof{justify-content:center}.template-gallery{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:1fr 1fr}.v2-showcase{min-height:530px}.fc1{left:8%}.fc2{right:8%}}
@media(max-width:600px){.v2-hero{padding-top:46px}.v2-hero h1{letter-spacing:-2.5px}.v2-showcase{min-height:500px}.v2-phone{width:270px;min-height:490px}.float-card{font-size:11px}.fc1{left:0}.fc2{right:0}.v2-strip .wrap{justify-content:center;flex-wrap:wrap}.template-gallery{grid-template-columns:repeat(2,1fr)}.feature-grid,.analytics-grid{grid-template-columns:1fr}.v2-section{padding:58px 0}.template-picker{grid-template-columns:1fr 1fr}.stats-v2{grid-template-columns:1fr 1fr}.studio-tabs{top:80px}}

/* Dashboard desktop: panel kiri scroll, preview kanan tetap */
@media(min-width:851px){
  .dashboard-body{overflow:hidden}
  .dashboard-body .site-main{height:100vh;overflow:hidden}
  .dashboard-body .site-footer{display:none}
  .dashboard-v2{height:calc(100vh - var(--header-h));display:flex;flex-direction:column;overflow:hidden}
  .dashboard-v2>.dash{flex:1;min-height:0;overflow:hidden;align-items:stretch;padding:10px 0 0}
  .dashboard-v2>.dash>section{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:10px;padding-bottom:35px;scrollbar-width:thin;scrollbar-color:#3d5c82 transparent}
  .dashboard-v2 .dashboard-stats{margin:0 0 14px}
  .dashboard-v2>.dash>section::-webkit-scrollbar{width:8px}
  .dashboard-v2>.dash>section::-webkit-scrollbar-thumb{background:#3d5c82;border-radius:99px}
  .dashboard-v2>.dash>.preview{position:relative;top:auto;height:100%;min-height:0;overflow:hidden}
  .dashboard-v2>.dash>.preview>.card{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;padding:14px}
  .dashboard-v2>.dash>.preview h2{margin:0 125px 10px 0;font-size:20px;line-height:34px}
  .dashboard-v2>.dash>.preview .phone{flex:1;width:100%;max-width:none;min-height:0;border-width:6px;border-radius:25px}
  .dashboard-v2>.dash>.preview .phone iframe{display:block;height:100%;min-height:0}
  .dashboard-v2>.dash>.preview>.card>.btn{position:absolute;z-index:2;top:14px;right:14px;width:auto;margin:0;padding:8px 11px!important;font-size:11px}
}
@media(max-width:850px){
  .dashboard-body{overflow:hidden}
  .dashboard-body .site-main{height:100vh;overflow:hidden}
  .dashboard-body .site-footer{display:none}
  .dashboard-v2{height:calc(100vh - var(--header-h));display:flex;flex-direction:column;overflow:hidden;padding:10px 0 0!important}
  .dashboard-v2>.row{flex:0 0 auto;min-height:58px}
  .dashboard-v2>.row h1{font-size:24px;line-height:1.1;margin-top:0}
  .dashboard-v2>.row p{display:none}
  .dashboard-v2>.dash{flex:1;min-height:0;display:flex;flex-direction:column;gap:9px;padding:0;overflow:hidden}
  .dashboard-v2>.dash>.preview{order:-1;position:relative;top:auto;flex:0 0 clamp(300px,44vh,430px);height:auto;min-height:0;overflow:hidden}
  .dashboard-v2>.dash>.preview>.card{height:100%;padding:9px 12px;display:flex;flex-direction:column;overflow:hidden}
  .dashboard-v2>.dash>.preview h2{font-size:16px;margin:0 0 5px}
  .dashboard-v2>.dash>.preview .phone{flex:1;width:min(230px,72vw);min-height:0;border-width:4px;border-radius:18px}
  .dashboard-v2>.dash>.preview .phone iframe{height:100%;min-height:0}
  .dashboard-v2>.dash>.preview .btn{display:none}
  .dashboard-v2>.dash>section{order:2;flex:1;min-height:0;height:auto;overflow-y:auto;overscroll-behavior:contain;padding:0 3px 35px;scrollbar-width:thin;scrollbar-color:#3d5c82 transparent}
  .dashboard-v2 .dashboard-stats{grid-template-columns:repeat(3,1fr);margin:0 0 9px}
  .dashboard-v2 .dashboard-stats .stat{padding:7px;text-align:center;font-size:11px}
  .dashboard-v2 .dashboard-stats .stat b{font-size:18px}
}
@media(max-width:520px){
  .dashboard-v2>.row>.btn{flex:0 0 auto;font-size:11px;padding:9px!important}
  .dashboard-v2 .dashboard-stats{grid-template-columns:repeat(3,1fr)}
}

/* Floating mobile preview */
.mobile-preview-trigger,.mobile-preview-modal{display:none}
@media(max-width:850px){
  .dashboard-body{overflow:auto}
  .dashboard-body .site-main{height:auto;overflow:visible}
  .dashboard-body .site-footer{display:block}
  .dashboard-v2{height:auto;display:block;overflow:visible;padding:18px 0 80px!important}
  .dashboard-v2>.row{min-height:58px}
  .dashboard-v2>.row p{display:block}
  .dashboard-v2>.dash{display:block;height:auto;min-height:0;padding:14px 0;overflow:visible}
  .dashboard-v2>.dash>.preview{display:none}
  .dashboard-v2>.dash>section{height:auto;min-height:0;overflow:visible;padding:0}
  .mobile-preview-trigger{display:flex;position:fixed;z-index:1050;left:18px;bottom:18px;align-items:center;gap:9px;padding:12px 17px;border:2px solid #8bc8ed;border-radius:14px;background:#f8fbff;color:#3730a3;box-shadow:0 10px 28px #0206174d;font:800 15px Inter,system-ui,sans-serif;cursor:pointer}
  .mobile-preview-trigger span{font-size:21px;line-height:1}
  .mobile-preview-modal{display:flex;position:fixed;z-index:1300;inset:0;align-items:flex-end;justify-content:center;padding:14px;background:#020617bf;backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
  .mobile-preview-modal.is-open{opacity:1;visibility:visible}
  .mobile-preview-sheet{width:min(430px,100%);height:min(88vh,800px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #385578;border-radius:26px;background:#0b1729;box-shadow:0 28px 80px #000b;transform:translateY(30px);transition:transform .22s}
  .mobile-preview-modal.is-open .mobile-preview-sheet{transform:none}
  .mobile-preview-head{height:55px;flex:0 0 55px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #29425f;color:#fff}
  .mobile-preview-head button{width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#ffffff12;color:#fff;font-size:26px;cursor:pointer}
  .mobile-preview-sheet iframe{flex:1;width:100%;height:100%;border:0;background:#fff}
  .preview-modal-open{overflow:hidden!important}
}