:root{--bg:#050b1d;--panel:#0b1430;--line:#202d52;--text:#f7f9ff;--muted:#91a0c2;--blue:#1268ff;--purple:#873cff;--gold:#ffc629;--radius:20px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 0,#182374 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.muted,small{color:var(--muted)}.primary,.ghost{border:0;border-radius:12px;padding:14px 20px;font-weight:700;display:inline-flex;justify-content:center;align-items:center}.primary{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;box-shadow:0 10px 30px #5428e855}.ghost{background:#121d3d;color:#fff;border:1px solid var(--line)}.small{padding:10px 15px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px}.brand img{width:45px;height:45px;object-fit:cover;border-radius:12px}.landing{max-width:1240px;margin:auto;padding:0 28px}.landing-nav{height:88px;display:flex;justify-content:space-between;align-items:center}.landing-nav>div{display:flex;gap:12px}.hero{min-height:680px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:800}.hero h1{font-size:clamp(52px,7vw,88px);line-height:.96;letter-spacing:-5px;margin:18px 0}.hero h1 span{background:linear-gradient(90deg,#fff,var(--purple),#168aff);background-clip:text;color:transparent}.hero p{font-size:19px;line-height:1.7;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin:30px 0}.trust{display:flex;gap:22px;color:#bdc8e3;font-size:12px}.phone{width:360px;margin:auto;padding:26px 20px;border:8px solid #283353;border-radius:50px;background:#071027;box-shadow:0 0 80px #5926ff77;transform:rotate(3deg)}.phone-top{display:flex;justify-content:space-between;font-size:22px;font-weight:800}.stories{display:flex;gap:12px;margin:22px 0;overflow:hidden}.stories i{font-style:normal;flex:0 0 58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#111f45;border:2px solid var(--purple);font-weight:800}.mock-compose,.composer{background:#101b3b;border:1px solid var(--line);border-radius:18px;padding:18px;color:var(--muted)}.mock-card,.post{background:linear-gradient(145deg,#101b3a,#09132d);border:1px solid var(--line);border-radius:20px;padding:18px;margin-top:15px}.city{height:160px;border-radius:14px;margin:12px 0;background:linear-gradient(#5721e855,#04112f),url('logo.png') center/cover}.feature-grid,.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:50px 0 100px}.feature-grid article,.community{background:#0c1530;border:1px solid var(--line);padding:28px;border-radius:var(--radius)}.feature-grid i{font-style:normal;font-size:30px}.feature-grid p{color:var(--muted)}.auth,.install{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card,.install-card{width:min(460px,100%);background:#09132bde;border:1px solid var(--line);border-radius:24px;padding:34px}.auth-card .brand{justify-content:center}.auth h1,.install h1{text-align:center}.stack{display:grid;gap:13px}.stack h3{margin-bottom:0}.stack input,.conversation input{width:100%;background:#070f25;border:1px solid var(--line);color:#fff;border-radius:12px;padding:15px;outline:0}.switch{text-align:center;color:var(--muted)}.switch a{color:#8f72ff;font-weight:700}.alert,.success,.notice{border-radius:12px;padding:13px;margin:15px 0;background:#40162a;color:#ffc3cf}.success{background:#123626;color:#b6ffd9}.install-logo{display:block;width:100px;height:100px;object-fit:cover;border-radius:25px;margin:auto}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;padding:28px 18px;background:#070f25dc;border-right:1px solid var(--line);display:flex;flex-direction:column}aside .brand{padding:0 12px 25px}aside nav{display:grid;gap:7px}aside nav a{display:flex;align-items:center;gap:15px;padding:14px;border-radius:13px;color:var(--muted);font-weight:600}aside nav a i{font-style:normal;font-size:23px}aside nav a.active,aside nav a:hover{background:linear-gradient(90deg,#7129e833,#146cff22);color:#fff}.logout{margin-top:auto;padding:14px;color:#ff91a4}.app{min-width:0}.app>header{height:88px;border-bottom:1px solid var(--line);padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#050b1db8;backdrop-filter:blur(12px);position:sticky;top:0;z-index:3}.app header h2{margin:3px 0}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--blue));font-weight:800;border:2px solid #7996ff}.content{width:min(760px,calc(100% - 36px));margin:28px auto}.composer{display:grid;grid-template-columns:auto 1fr;gap:12px}.composer textarea{grid-column:2;background:transparent;border:0;color:#fff;resize:vertical;min-height:70px;outline:0}.composer>div:last-child{grid-column:2;display:flex;justify-content:space-between}.chip,.post-actions button{background:transparent;border:0;color:var(--muted);padding:8px}.post-head{display:flex;gap:10px;align-items:center}.post-head small,.person small{display:block;margin-top:4px}.post>p{line-height:1.65}.post-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:14px;padding-top:8px}.chat-layout{width:min(1040px,calc(100% - 36px));display:grid;grid-template-columns:300px 1fr;height:calc(100vh - 145px);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#081128}.people-list{border-right:1px solid var(--line);padding:15px;overflow:auto}.person{width:100%;display:flex;gap:12px;align-items:center;background:transparent;border:0;color:#fff;padding:12px;border-radius:12px;text-align:left}.person:hover,.person.selected{background:#152143}.conversation{display:grid;grid-template-rows:auto 1fr auto;padding:18px;min-width:0}.conversation #messages{overflow:auto;display:flex;flex-direction:column;gap:8px;padding:8px}.conversation form{display:flex;gap:10px}.bubble{max-width:76%;background:#172344;padding:10px 13px;border-radius:15px}.bubble.me{align-self:flex-end;background:linear-gradient(135deg,#6d32dc,#165fe0)}.bubble small{display:block;font-size:9px;margin-top:4px}.empty{text-align:center;color:var(--muted);padding:50px}.page-title h2{font-size:32px;margin-bottom:8px}.page-title p{color:var(--muted);line-height:1.6}.action-card{display:flex;align-items:center;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:18px}.action-card>span{font-size:32px}.action-card>div{flex:1}.action-card h3,.action-card p{margin:4px}.community span{font-size:35px;color:#8f6cff}.wallet-card{background:linear-gradient(135deg,#4520a7,#075bd7);border-radius:26px;padding:32px;box-shadow:0 20px 60px #321f9866}.wallet-card h1{font-size:42px;margin:15px 0 35px}.wallet-card button{background:#ffffff20;color:#fff;border:1px solid #ffffff30;border-radius:10px;padding:12px}.notice{background:#161f3d;color:#c3ccea;border:1px solid var(--line);line-height:1.5}.profile-card{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:24px;overflow:hidden;padding-bottom:30px}.cover{height:180px;background:linear-gradient(120deg,#1268ff,#782ee8,#ffc629)}.avatar.large{width:100px;height:100px;font-size:34px;margin:-50px auto 12px}.stats{display:flex;justify-content:center;gap:50px;margin-top:28px}.stats small{display:block;font-size:11px;margin-top:5px}.mobile-nav{display:none}#toast{position:fixed;bottom:85px;left:50%;transform:translate(-50%,30px);opacity:0;background:#fff;color:#071129;padding:12px 18px;border-radius:12px;transition:.25s;z-index:20;font-weight:600}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.landing{padding:0 18px}.landing-nav{height:74px}.hero{grid-template-columns:1fr;padding:70px 0}.hero h1{font-size:52px;letter-spacing:-3px}.phone{width:310px}.trust{flex-wrap:wrap}.feature-grid,.people-grid{grid-template-columns:1fr}.shell{display:block}.shell aside{display:none}.app>header{height:72px;padding:0 18px}.content{margin:18px auto 90px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:68px;background:#071027ee;border-top:1px solid var(--line);z-index:10;justify-content:space-around;align-items:center}.mobile-nav a{font-size:25px;color:var(--muted)}.mobile-nav a.active{color:#a17bff}.chat-layout{grid-template-columns:1fr;height:auto}.people-list{border-right:0;max-height:250px}.conversation{min-height:450px}.action-card{align-items:flex-start;flex-wrap:wrap}.action-card button{width:100%}.wallet-card h1{font-size:34px}.landing-nav .ghost{display:none}}