:root{--bg:#05050b;--panel:rgba(15,15,28,.72);--line:rgba(255,255,255,.11);--txt:#f7f7fb;--mut:#a7a7bd;--c1:#16d9ff;--c2:#ff2bd6;--c3:#ffb000}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at var(--mx,30%) var(--my,20%),rgba(255,43,214,.18),transparent 25rem),linear-gradient(135deg,#030306,#090916 55%,#020205);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial;color:var(--txt);min-height:100vh}a{color:inherit;text-decoration:none}.glass{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 20px 70px rgba(0,0,0,.45);border-radius:28px}.bg-orb{position:fixed;width:35vw;height:35vw;border-radius:50%;filter:blur(80px);opacity:.24;pointer-events:none}.one{background:#00d9ff;left:-10vw;top:5vh}.two{background:#ff2bd6;right:-12vw;bottom:0}.sidebar{position:fixed;left:18px;top:18px;bottom:18px;width:250px;padding:18px;border-radius:30px;background:rgba(10,10,20,.78);border:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;gap:12px;align-items:center;font-weight:900;font-size:22px}.brand img{width:46px;height:46px;border-radius:14px;object-fit:cover}.sidebar nav{display:grid;gap:8px;margin-top:34px}.sidebar nav a{padding:14px 16px;border-radius:17px;color:var(--mut)}.sidebar nav a:hover{background:linear-gradient(90deg,rgba(22,217,255,.18),rgba(255,43,214,.15));color:white}.main{margin-left:290px;padding:18px 30px 50px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.topbar small{display:block;color:var(--mut)}.btn{border:0;border-radius:16px;padding:13px 18px;background:linear-gradient(135deg,var(--c1),var(--c2),var(--c3));color:white;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.ghost{background:rgba(255,255,255,.08);border:1px solid var(--line)}.btn.alt{background:linear-gradient(135deg,#7538ff,#ff2bd6)}.btn.full{width:100%}.landing{padding:40px;min-height:100vh;display:grid;place-items:center}.hero-card{max-width:980px;padding:48px;text-align:center}.hero-logo{width:210px;border-radius:44px}.hero-card h1{font-size:clamp(42px,7vw,86px);line-height:.95;margin:20px 0;background:linear-gradient(135deg,#fff,#16d9ff,#ff2bd6,#ffb000);-webkit-background-clip:text;color:transparent}.hero-card p{font-size:22px;color:var(--mut)}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:980px;margin:24px auto}.feature-grid div,.metric,.panel{padding:24px}.auth-wrap{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(440px,92vw);padding:34px}.auth-card img{width:120px;border-radius:28px;display:block;margin:auto}.auth-card h1{text-align:center}label{display:grid;gap:8px;margin:14px 0;color:#e9e9f6;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--txt);border-radius:16px;padding:13px 14px;outline:none}textarea{resize:vertical}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric span{color:var(--mut)}.metric b{display:block;font-size:46px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.conn-card{padding:16px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.05);display:flex;gap:14px;align-items:center}.app-icon{width:64px;height:64px;flex:0 0 64px;border-radius:20px;background:linear-gradient(135deg,var(--c1),var(--c2),var(--c3));display:grid;place-items:center;overflow:hidden;box-shadow:0 0 30px color-mix(in srgb,var(--c2),transparent 55%)}.app-icon img{width:100%;height:100%;object-fit:cover}.app-icon.mini{width:42px;height:42px;flex-basis:42px;border-radius:14px}.conn-card p,.caption,small{color:var(--mut)}.form-xl{padding:26px;max-width:1100px}.form-head{display:flex;align-items:center;justify-content:space-between}.sticky-actions{position:sticky;bottom:15px;display:flex;gap:10px;justify-content:flex-end;padding:14px;border-radius:20px;background:rgba(0,0,0,.35);backdrop-filter:blur(12px)}.photo-grid,.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:16px}.photo-grid img,.post-mini img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px}.date-row,.photo-row,#photosBox{display:grid;grid-template-columns:1fr 1.5fr 2fr;gap:10px;margin:10px 0}.preview-layout{display:grid;grid-template-columns:1fr 420px;gap:24px}.phone-preview{border-radius:42px;background:#07070c;border:1px solid var(--line);padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.social-tabs{display:flex;gap:8px;margin-bottom:12px}.social-tabs button{flex:1;border:0;border-radius:14px;padding:10px;background:rgba(255,255,255,.08);color:white}.social-tabs .active{background:linear-gradient(135deg,var(--c1),var(--c2))}.post-card{background:white;color:#111;border-radius:26px;overflow:hidden}.post-head{display:flex;gap:10px;align-items:center;padding:12px}.post-img{width:100%;aspect-ratio:1/1;object-fit:cover}.post-card .caption{color:#222;padding:0 14px 16px}.post-mini{padding:14px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.05)}.flash{padding:13px 16px;border-radius:16px;margin:10px 0;background:rgba(43,255,154,.13);border:1px solid rgba(43,255,154,.3)}.flash.bad{background:rgba(255,70,90,.15);border-color:rgba(255,70,90,.35)}@media(max-width:900px){.sidebar{position:static;width:auto;margin:12px}.main{margin-left:0;padding:12px}.grid2,.dashboard-grid,.preview-layout,.feature-grid{grid-template-columns:1fr}.date-row,#photosBox{grid-template-columns:1fr}.hero-card{padding:26px}.topbar{height:auto;gap:10px;align-items:flex-start;flex-direction:column}}