@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{--bg:#08080f;--panel:#12121f;--line:#292940;--text:#f5f3ff;--muted:#aaa8c0;--purple:#8b5cf6;--blue:#3b82f6;--grad:linear-gradient(135deg,var(--purple),var(--blue))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,sans-serif}a{color:inherit;text-decoration:none}.top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff12;position:sticky;top:0;background:#08080fe8;backdrop-filter:blur(18px);z-index:4}.brand{display:flex;align-items:center;gap:10px}.brand>span{display:grid;place-items:center;width:38px;height:38px;background:var(--grad);border-radius:11px;font-weight:800}.brand em{font-style:normal;color:#a78bfa}.top nav{display:flex;gap:20px;align-items:center}.button,.auth button,.dashboard main header button,dialog footer button{background:var(--grad);color:#fff;border:0;border-radius:10px;padding:11px 17px;font-weight:700}.landing{overflow:hidden}.hero{min-height:680px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 20px;background:radial-gradient(circle at 50% 40%,#8b5cf62b,transparent 38%)}.eyebrow{color:#a78bfa;font-size:10px;letter-spacing:2px;font-weight:700}.hero h1{font-size:clamp(48px,8vw,96px);line-height:.98;margin:18px 0}.hero h1 i{font-style:normal;background:var(--grad);background-clip:text;color:transparent}.hero p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.7}.hero>div{display:flex;gap:12px;margin-top:25px}.big{padding:15px 22px}.ghost{border:1px solid var(--line);border-radius:10px;padding:11px 17px}.templates{padding:100px 5vw}.section-head{text-align:center;margin-bottom:45px}.section-head h2{font-size:40px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1250px;margin:auto}.template-card{border:1px solid #ffffff12;border-radius:18px;overflow:hidden;background:var(--panel);transition:.2s}.template-card:hover{transform:translateY(-5px);border-color:#ffffff2a}.template-preview{height:240px;padding:35px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 20%,#10101c),#0c0c16);display:flex;flex-direction:column;justify-content:center}.template-preview strong{font-size:24px;max-width:280px}.template-preview small{color:var(--muted);margin:10px 0}.template-preview i{height:8px;width:80px;border-radius:5px;background:var(--accent)}.template-card>div:last-child{padding:20px}.template-card h3{margin:8px 0 15px}.template-card span,.template-card a{font-size:10px;color:#a78bfa}.site-footer{text-align:center;padding:35px;color:var(--muted);border-top:1px solid #ffffff12}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#8b5cf625,transparent 35%),var(--bg)}.auth main{width:min(460px,calc(100% - 28px));background:var(--panel);border:1px solid #ffffff15;border-radius:24px;padding:38px}.auth .brand{margin-bottom:35px}.auth h1{font-size:36px;margin:10px 0}.auth p,.auth small{color:var(--muted)}.auth form{display:grid;gap:15px;margin:25px 0}.auth label{display:grid;gap:7px;font-size:11px}.auth input{padding:13px;border-radius:10px;border:1px solid var(--line);background:#0c0c16;color:#fff}.error{color:#fb7185;background:#fb718512;padding:11px;border-radius:8px}.dashboard{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.dashboard>aside{height:100vh;position:sticky;top:0;padding:24px 18px;background:#0d0d19;border-right:1px solid #ffffff12;display:flex;flex-direction:column}.dashboard aside nav{display:grid;gap:6px;margin-top:30px}.dashboard aside nav a{padding:11px;border-radius:9px;color:var(--muted)}.dashboard aside nav .active{background:#8b5cf61c;color:#c4b5fd}.user{margin-top:auto;display:flex;align-items:center;gap:10px}.user i{width:36px;height:36px;border-radius:10px;background:var(--grad);display:grid;place-items:center;font-style:normal}.user b,.user small{display:block}.user small{font-size:9px;color:var(--muted)}.dashboard main{padding:40px}.dashboard main>header{display:flex;justify-content:space-between;align-items:center}.dashboard h1{font-size:36px;margin:8px 0}.dashboard header p{color:var(--muted)}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.site-grid article{background:var(--panel);border:1px solid #ffffff12;border-radius:16px;overflow:hidden}.site-shot{height:170px;background:linear-gradient(135deg,#8b5cf633,#3b82f622);display:grid;place-items:center}.site-shot span{font-size:50px;font-weight:800}.site-grid article>div:last-child{padding:18px}.site-grid h3{margin:10px 0}.site-grid small{color:var(--muted)}.site-grid footer{display:flex;gap:10px;margin-top:18px}.site-grid footer a{padding:9px 12px;border:1px solid var(--line);border-radius:8px}.status{font-size:9px;text-transform:uppercase;padding:4px 7px;border-radius:12px}.status.published{background:#10b98122;color:#6ee7b7}.status.draft{background:#f59e0b22;color:#fcd34d}.empty{grid-column:1/-1;text-align:center;padding:80px;border:1px dashed var(--line);border-radius:16px}.empty p{color:var(--muted)}.empty button{background:var(--grad);border:0;color:#fff;padding:12px 18px;border-radius:9px}dialog{border:1px solid var(--line);border-radius:16px;background:var(--panel);color:#fff;width:min(480px,calc(100% - 24px));padding:25px}dialog::backdrop{background:#000b}dialog form{display:grid;gap:15px}dialog header,dialog footer{display:flex;justify-content:space-between;align-items:center}dialog header button{background:none;border:0;color:#fff;font-size:22px}dialog label{display:grid;gap:7px}dialog input,dialog select{padding:12px;background:#090910;border:1px solid var(--line);border-radius:9px;color:#fff}
@media(max-width:900px){.template-grid,.site-grid{grid-template-columns:1fr 1fr}.dashboard{grid-template-columns:1fr}.dashboard>aside{height:auto;position:static;flex-direction:row;align-items:center}.dashboard aside nav{display:flex;margin:0 0 0 auto}.user{display:none}}
@media(max-width:600px){.top{padding:0 15px}.top nav a:first-child{display:none}.hero{min-height:580px}.hero>div{flex-direction:column}.template-grid,.site-grid{grid-template-columns:1fr}.templates{padding:70px 15px}.dashboard main{padding:25px 15px}.dashboard main>header{align-items:flex-start}.dashboard>aside nav a:not(.active){display:none}.dashboard h1{font-size:29px}}
.selected-template{margin:18px 0;padding:12px 14px;border:1px solid #ddd8ff;background:#f6f4ff;border-radius:12px;color:#5147a8}
.template-preview{height:230px!important;padding:0!important;overflow:hidden;background:#f5f7fb!important;color:#172033;display:flex;flex-direction:column}
.shot-bar{height:28px;padding:0 12px;display:flex;align-items:center;gap:8px;background:white;border-bottom:1px solid #e8eaf0}.shot-bar b{color:var(--accent);font-size:10px}.shot-bar span{width:44px;height:4px;background:#c8ccd6;border-radius:4px}.shot-bar i{margin-left:auto;width:25px;height:9px;background:var(--accent);border-radius:5px}
.shot-hero{flex:1;padding:23px 22px 17px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 14%,white),white)}.shot-hero small{font-size:7px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:800}.shot-hero strong{font-size:18px;line-height:1.1;max-width:235px;margin:7px 0}.shot-hero em{font-style:normal;font-size:8px;line-height:1.4;color:#667085;max-width:220px}.shot-hero button{font-size:7px;border:0;border-radius:4px;background:var(--accent);color:white;padding:6px 10px;margin-top:10px}.shot-content{height:50px;display:flex;gap:7px;padding:9px 15px;background:#fff}.shot-content i{flex:1;border-radius:5px;background:color-mix(in srgb,var(--accent) 13%,#f3f5);border-top:3px solid var(--accent)}
.template-portfolio .shot-hero{background:#171521;color:white}.template-ecommerce .shot-content i{border-radius:50%}.template-blog .shot-hero{font-family:Georgia,serif;background:#fffaf0}.template-restaurant .shot-hero{background:linear-gradient(130deg,#321917,#8e2f24);color:white}.template-fitness .shot-hero{background:linear-gradient(130deg,#071e18,#155d48);color:white}.template-education .shot-hero{background:#eef5ff}.template-realestate .shot-hero{background:linear-gradient(130deg,#192128,#52606a);color:white}.template-agency .shot-hero{background:linear-gradient(135deg,#10111a,#342c67);color:white}.template-personal .shot-hero{background:#fff0f4}
.template-business .shot-hero{background:linear-gradient(90deg,#f7f3ed 44%,transparent),url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=900&q=82') center/cover}.template-portfolio .shot-hero{background:linear-gradient(90deg,#15121ded 44%,transparent),url('https://images.unsplash.com/photo-1558655146-d09347e92766?auto=format&fit=crop&w=900&q=82') center/cover}.template-ecommerce .shot-hero{background:linear-gradient(90deg,#f4fbf8 44%,transparent),url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=900&q=82') center/cover}.template-blog .shot-hero{background:linear-gradient(90deg,#fffaf0 45%,transparent),url('https://images.unsplash.com/photo-1456324504439-367cee3b3c32?auto=format&fit=crop&w=900&q=82') center/cover}.template-restaurant .shot-hero{background:linear-gradient(90deg,#24110fed 44%,transparent),url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=900&q=82') center/cover}.template-fitness .shot-hero{background:linear-gradient(90deg,#061b16ed 44%,transparent),url('https://images.unsplash.com/photo-1534438327276-14e5300c3a48?auto=format&fit=crop&w=900&q=82') center/cover}.template-education .shot-hero{background:linear-gradient(90deg,#eef5ff 44%,transparent),url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?auto=format&fit=crop&w=900&q=82') center/cover}.template-realestate .shot-hero{background:linear-gradient(90deg,#162027ed 44%,transparent),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=900&q=82') center/cover}.template-agency .shot-hero{background:linear-gradient(90deg,#11111bed 44%,transparent),url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=900&q=82') center/cover}.template-personal .shot-hero{background:linear-gradient(90deg,#fff0f4 44%,transparent),url('https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=900&q=82') center/cover}
.site-grid footer button.delete-site{margin-left:auto;padding:9px 12px;border:1px solid #ef444455;border-radius:8px;background:transparent;color:#fb7185;cursor:pointer}.site-grid footer .edit-link{background:#8b5cf6;color:white;border-color:#8b5cf6}