:root{--g:#5fd068;--g2:#3fd68a;--bg:#000;--tx:#fff;--card:rgba(20,40,22,.55);--bd:rgba(95,208,104,.25)}
@media (prefers-color-scheme:dark){:root{--bg:#000}}
*{box-sizing:border-box;margin:0}
html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--tx);font-family:'Montserrat','Segoe UI',system-ui,sans-serif}
#stage{position:absolute;left:50%;top:50%;width:1456px;height:819px;transform-origin:center;overflow:hidden;background:radial-gradient(ellipse at 90% 30%,rgba(160,140,20,.35),transparent 30%),radial-gradient(ellipse at 0% 75%,rgba(40,170,80,.55),transparent 28%),radial-gradient(ellipse at 100% 60%,rgba(40,170,100,.4),transparent 25%),#000}
nav{position:absolute;left:81px;right:81px;top:0;height:110px;border:1px solid var(--bd);border-top:0;border-radius:0 0 40px 40px;background:rgba(20,40,22,.35);display:flex;align-items:center;padding:0 48px;z-index:5}
.brand{display:flex;align-items:center;gap:10px;font-size:19px;color:#ddd;margin-right:auto}
.logo{width:30px;height:30px;border:6px solid var(--g);border-radius:50%;border-bottom-left-radius:2px}
nav button.l{background:none;border:0;color:#ddd;font:inherit;font-size:19px;margin-left:44px;cursor:pointer;padding:8px 4px;transition:.2s}
nav button.l:hover{color:var(--g)}nav button.l.on{font-weight:700;color:#fff}
nav button.c{margin-left:50px;background:var(--g);border:0;border-radius:30px;font:inherit;font-size:19px;padding:9px 41px;cursor:pointer;color:#000;transition:.2s}
nav button.c:hover{filter:brightness(1.12);transform:translateY(-1px)}nav button.c.on{font-weight:700}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(30px);transition:opacity .45s,transform .45s,visibility .45s}
.slide.on{opacity:1;visibility:visible;transform:none}
.abs{position:absolute}
.big{font-weight:300;font-size:104px;line-height:1;background:linear-gradient(180deg,var(--g2),#8bd95a);-webkit-background-clip:text;background-clip:text;color:transparent}
.bold{font-weight:800;color:#fff;-webkit-text-fill-color:#fff}
.lbl{color:var(--g);font-weight:700}
.card{border:1px solid var(--bd);background:var(--card);border-radius:44px}
.pill{background:var(--g);color:#fff;border-radius:28px;text-align:center;display:flex;align-items:center;justify-content:center;padding:10px 18px;font-size:19px}
.arrows{position:absolute;left:0;right:0;bottom:48px;display:flex;justify-content:center;gap:28px;z-index:5}
.arrows button{background:none;border:0;cursor:pointer;padding:0;transition:.2s}
.arrows button:hover{transform:scale(1.12)}.arrows button:disabled{opacity:.3;cursor:default;transform:none}
.arrows svg{width:84px;height:62px;fill:#7fc98a;stroke:#2a5a30;stroke-width:3;stroke-linejoin:round}
.dots{position:absolute;left:0;right:0;bottom:24px;display:flex;justify-content:center;gap:10px;z-index:5}
.dots i{width:9px;height:9px;border-radius:50%;background:#3a5a3d;cursor:pointer}.dots i.on{background:var(--g)}
.ph{border:6px solid var(--g);border-radius:50%;object-fit:cover}
.row{display:flex;gap:10px;align-items:baseline;font-size:20px}
.ms{height:52px;border:1px solid var(--bd);background:rgba(30,60,32,.4);border-radius:14px;display:flex;align-items:center;padding:0 24px;font-size:19px;transition:.2s;cursor:default}
.ms:hover{border-color:var(--g);transform:translateX(6px)}
.dot{width:38px;height:38px;border-radius:50%;background:#fff;border:6px solid var(--g)}
.ct{display:flex;align-items:center;gap:18px;font-size:19px;color:#fff;text-decoration:none;transition:.2s}
.ct:hover{color:var(--g)}
.ct b{width:48px;height:48px;flex:none;border-radius:50%;background:#8bc34a;display:flex;align-items:center;justify-content:center;color:#000;font-size:22px}
#rot{display:none;position:fixed;inset:0;background:#000;color:#fff;z-index:9;align-items:center;justify-content:center;text-align:center;padding:30px;font-size:20px}
@media (orientation:portrait){#rot{display:flex}}