:root{--bg:#101012;--panel:#17171c;--line:#2b2b35;--text:#f5f5f7;--muted:#85858f;--accent:#7776ee;--accent2:#9b86ff;font-family:Arial,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#30314d,transparent 45%),radial-gradient(ellipse at 90% 55%,#241b38,transparent 35%),var(--bg)}header{position:sticky;top:16px;z-index:5;width:max-content;max-width:calc(100% - 28px);margin:16px auto 0;padding:8px 10px 8px 18px;display:flex;align-items:center;gap:20px;border:1px solid #ffffff15;border-radius:999px;background:#ffffff0b;backdrop-filter:blur(22px)}.logo{color:#fff;text-decoration:none;font-weight:700}.logo span,small,b,em{color:var(--accent2)}nav{display:flex;gap:5px;border-left:1px solid #ffffff12;padding-left:12px}nav a{color:var(--muted);text-decoration:none;font-size:13px;padding:8px 12px;border-radius:999px}button,.button{border:0;border-radius:999px;background:var(--accent);color:#fff;padding:13px 22px;font-weight:600;cursor:pointer;text-decoration:none;box-shadow:0 8px 25px #7776ee44}.hero{min-height:690px;width:min(1000px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:center;text-align:center}.hero>div:first-child{max-width:820px}.hero h1{font-size:clamp(50px,8vw,92px);line-height:1.02;letter-spacing:-.07em;margin:22px 0}.hero h1 em{font-style:normal;color:#f5f5f7}.hero p{max-width:600px;margin:auto;color:var(--muted);font-size:17px;line-height:1.65}.hero .button{display:inline-block;margin-top:32px}.mark{display:none}.features,.pricing{width:min(1000px,calc(100% - 32px));margin:0 auto 100px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.features article,.plans article,.panel{background:#ffffff05;border:1px solid #ffffff0d;border-radius:18px;padding:24px}.features h2{font-size:19px}.features p,.plans p,#userInfo,.box p{color:var(--muted);line-height:1.6}.pricing{padding-top:30px}.section-head{text-align:center;margin-bottom:28px}.section-head h2{font-size:42px}.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:760px;margin:auto}.plans article{position:relative}.plans .hot{border-color:#7776ee66}.plans i{position:absolute;right:20px;top:20px;color:var(--accent2);font-size:10px}.plans h3{font-size:38px}.planBtn{margin-top:18px;width:100%}.panel{width:min(800px,calc(100% - 32px));margin:70px auto;min-height:360px}.panel h2{font-size:34px}.panel input,.panel select{display:block;width:100%;padding:15px;margin:10px 0;background:#ffffff06;color:#fff;border:1px solid #ffffff15;border-radius:10px;font:inherit}.panel>button:not(.link){margin-top:8px}.panel p{color:#ff9baf;min-height:20px}.link{background:none;color:var(--accent2);box-shadow:none;padding:10px 0}.head{display:flex;justify-content:space-between}.box{border:1px solid #ffffff12;border-radius:14px;padding:20px;margin-top:18px}.adminGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}#accounts{color:var(--muted)}footer{width:min(1000px,calc(100% - 32px));margin:auto;padding:24px 0;border-top:1px solid #ffffff12;color:var(--muted)}@media(max-width:700px){header{width:calc(100% - 28px)}nav a{display:none}.hero h1{font-size:52px}.features,.plans,.adminGrid{grid-template-columns:1fr}}
.view{display:none}.page-enter{animation:pageIn .55s cubic-bezier(.2,.8,.2,1) both}.features article,.plans article{animation:cardIn .7s cubic-bezier(.2,.8,.2,1) both}.features article:nth-child(2),.plans article:nth-child(2){animation-delay:.08s}.features article:nth-child(3){animation-delay:.16s}.features article:hover,.plans article:hover{transform:translateY(-5px);border-color:#7776ee66;transition:.3s;box-shadow:0 18px 50px #0005}.button,button{transition:transform .25s,box-shadow .25s}.button:hover,button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #7776ee66}@keyframes pageIn{from{opacity:0;transform:translateY(16px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes cardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.download{display:inline-block;margin-top:12px;color:var(--accent2);text-decoration:none;font-size:13px}.download:hover{text-decoration:underline}.hero>div:first-child{margin-left:auto;margin-right:auto}.hero{padding-left:20px;padding-right:20px}.features,.pricing{margin-left:auto;margin-right:auto}.features article{text-align:center}.features article p{max-width:260px;margin-left:auto;margin-right:auto}.plans{margin-left:auto;margin-right:auto}.panel{margin-left:auto;margin-right:auto}.adminGrid{align-items:start}