@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap";*{box-sizing:border-box}html,body,#root{color:#f8f8ff;background:#050812;min-height:100%;margin:0;font-family:Inter,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}.app{background:radial-gradient(circle at top,#7c3aed40,#0000 32%),radial-gradient(circle at 20% 80%,#22d3ee1f,#0000 30%),linear-gradient(#050812,#07121f 55%,#040611);max-width:430px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden}.stars{opacity:.7;background-image:radial-gradient(circle,#ffffffe6 0 1px,#0000 2px),radial-gradient(circle,#fff6 0 1px,#0000 2px);background-size:56px 56px,91px 91px;animation:34s linear infinite drift;position:absolute;inset:0}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(120px)}}.screen{z-index:2;min-height:100dvh;padding:18px 18px 110px;position:relative}.center{text-align:center}header{grid-template-columns:44px 1fr 44px;align-items:center;height:48px;margin-bottom:14px;display:grid}header h2{text-align:center;margin:0;font-size:18px}header button{color:#fff;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;width:42px;height:42px}.ai-orb{place-items:center;width:230px;height:230px;margin:18px auto 0;display:grid;position:relative}.ring{border:2px solid #8b5cf673;border-radius:50%;position:absolute;box-shadow:0 0 36px #8b5cf673}.ring1{border-top-color:#60a5fa;animation:9s linear infinite spin;inset:18px}.ring2{border-left-color:#22d3ee;animation:7s linear infinite reverse spin;inset:44px}.core{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:30px;place-items:center;width:104px;height:104px;font-size:30px;font-weight:900;display:grid;box-shadow:0 0 45px #8b5cf6cc}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{color:#a5adbf;letter-spacing:.16em;font-size:12px;font-weight:900}h1{margin:8px 0;font-size:32px}.big{background:linear-gradient(135deg,#8b5cf6,#22d3ee);color:#0000;-webkit-background-clip:text;font-size:92px;line-height:.9}.muted{color:#9aa3b8}.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:18px;width:100%;min-height:58px;margin-top:18px;font-size:16px;font-weight:900;box-shadow:0 0 30px #6366f17a}.secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;margin-top:14px;padding:14px 18px;font-weight:800}.grid.two{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.card,.promo,.plan,.optimal,.server,.payment,.method,.message{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#ffffff17,#ffffff06),#121b2bb8;border:1px solid #a8b9ff29;border-radius:26px;box-shadow:0 24px 80px #00000059}.card{min-height:145px;padding:22px 14px}.card span{font-size:34px}.card h2{margin:12px 0 6px;font-size:18px}.card p{color:#9aa3b8;margin:0;font-weight:700}.promo{text-align:center;border-color:#8b5cf68c;padding:24px}.promo-icon{font-size:48px}.promo p,.plan p{color:#9aa3b8}.list{gap:14px;margin-top:16px;display:grid}.plan{padding:20px}.row{justify-content:space-between;gap:12px;display:flex}.badge{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:12px;height:fit-content;padding:8px 10px}.plan h2,.plan p{margin:0 0 6px}.plan h3{margin:16px 0;font-size:34px}.plan ul{gap:8px;padding:0;list-style:none;display:grid}.search{color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:16px;outline:none;width:100%;height:52px;margin-bottom:14px;padding:0 16px}.optimal{grid-template-columns:38px 1fr 32px;align-items:center;margin-bottom:10px;padding:16px;display:grid}.server{grid-template-columns:44px 1fr 62px 24px;align-items:center;padding:14px;display:grid}.server span:first-child{font-size:28px}.server div{display:grid}.server small{color:#9aa3b8}.server em{color:#39d98a;font-size:12px;font-style:normal;font-weight:800}.payment{grid-template-columns:64px 1fr;gap:14px;padding:18px;display:grid}.payment h2{margin:0 0 10px;font-size:32px}.payment b{text-transform:uppercase;background:#ffffff14;border-radius:14px;padding:8px 12px;display:inline-block}.payment.success{border-left:4px solid #39d98a}.payment.cancelled{border-left:4px solid #ff4f5e}.method{grid-template-columns:44px 1fr 20px;align-items:center;min-height:62px;margin-bottom:12px;padding:14px;display:grid}.safe{text-align:center;color:#9aa3b8;position:absolute;bottom:32px;left:18px;right:18px}.bot-face{background:radial-gradient(circle,#3b82f673,#8b5cf629);border-radius:50%;place-items:center;width:150px;height:150px;margin:22px auto;font-size:80px;display:grid;box-shadow:0 0 50px #3b82f680}.message{margin-bottom:16px;padding:18px;line-height:1.45}.question{color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;width:fit-content;max-width:100%;margin:10px 0;padding:12px 16px;display:block}.chat{z-index:20;background:#121b2beb;border:1px solid #ffffff1f;border-radius:18px;gap:10px;width:min(394px,100% - 36px);height:58px;padding:8px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.chat input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;padding-left:10px}.chat button{color:#fff;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:14px;width:42px}nav{z-index:30;width:min(430px,100%);height:86px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#040814eb;border-top:1px solid #ffffff14;border-radius:24px 24px 0 0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav button{color:#8c93a6;background:0 0;place-items:center;gap:3px;font-size:22px;display:grid}nav button span{font-size:11px;font-weight:800}nav button.active{color:#b28cff}@media (width<=360px){.screen{padding-left:14px;padding-right:14px}.ai-orb{width:190px;height:190px}}