:root{color-scheme:dark;--green:#44f866;--muted:#c5c9c5;--background:#030804}
*{box-sizing:border-box}
html{min-width:280px;background:var(--background);-webkit-text-size-adjust:100%}
body{margin:0;color:#f7faf7;font-family:Arial,Helvetica,sans-serif;line-height:1.5;background:radial-gradient(ellipse at 50% 15%,#052e0d55,transparent 53%),linear-gradient(90deg,#02070288,#020702db 35%,#020702db 65%,#02070288),url('/assets/matrix.svg') repeat}
.landing{max-width:740px;margin:auto;padding:22px 24px 28px;text-align:center}
.hero{display:flex;flex-direction:column;align-items:center}
.mascot{display:block;width:min(300px,85vw);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 20px #25c44918);margin:0 auto 4px}
h1{font-size:clamp(34px,9.5vw,52px);font-weight:800;line-height:1.08;letter-spacing:-1.4px;margin:0;width:100%;white-space:pre-line;overflow-wrap:anywhere;text-wrap:balance}
.intro{font-size:17px;line-height:1.5;color:var(--muted);margin:20px 0 25px;max-width:540px;white-space:pre-line;overflow-wrap:anywhere}
.telegram-button{width:100%;max-width:560px;min-height:60px;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #5eff7d;border-radius:18px;background:var(--green);color:#041107;font-family:inherit;font-size:19px;font-weight:750;line-height:1.3;text-decoration:none;cursor:pointer;box-shadow:0 0 32px #35ed5440;-webkit-tap-highlight-color:transparent}
.telegram-button svg{width:25px;height:25px;flex:0 0 25px;fill:currentColor}
.telegram-button span{overflow-wrap:anywhere;min-width:0}
.telegram-button:focus-visible{outline:3px solid white;outline-offset:5px}
.telegram-button:active{background:#79ff8f}
.telegram-button:disabled{opacity:.42;cursor:default;box-shadow:none}
.feature-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:24px}
.feature-card{border:1px solid #2ee75a80;border-radius:20px;padding:22px 20px;background:linear-gradient(140deg,#0d170fe8,#090f0bd9)}
.feature-icon{display:block;width:36px;height:36px;margin:0 auto 14px;fill:none;stroke:var(--green);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.feature-card h2{font-size:20px;line-height:1.3;margin:0 0 10px;font-weight:750;white-space:pre-line;overflow-wrap:anywhere}
.feature-card p{font-size:16px;line-height:1.5;color:var(--muted);margin:0;white-space:pre-line;overflow-wrap:anywhere}
footer{margin-top:26px;color:#aeb4ae;font-size:13px;white-space:pre-line;overflow-wrap:anywhere}
@media(min-width:760px){.landing{max-width:1000px;padding:34px 40px}.mascot{width:305px}.intro{font-size:18px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.feature-card{padding:25px 22px}.feature-card h2{font-size:19px}footer{margin-top:34px}}
@media(max-width:350px){.landing{padding:14px 18px 24px}.mascot{width:245px}h1{font-size:34px}.intro{font-size:16px;margin:16px 0 22px}.telegram-button{font-size:17px;padding:14px 16px;min-height:56px}.feature-card{padding:20px 16px}}
@media(hover:hover){.telegram-button:hover{background:#66ff81;box-shadow:0 0 38px #35ed5452}}