:root{--text:#b3c7b3;--text-h:white;--bg:#02170d;--accent:#2ffe2f;--accent-obs:#008d00;--bg-gradient:linear-gradient(135deg, #123d2b 0%, #082719 45%, #02170d 100%);--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;padding:0}body{min-width:320px;min-height:100vh;font-family:var(--sans);background:var(--bg-gradient);color:var(--text);background-attachment:fixed}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3{font-family:var(--heading);color:var(--text-h);margin:0}code{font-family:var(--mono)}main{flex-direction:column;flex:1;width:100%;min-height:0;padding:24px;display:flex}.custom-button{cursor:pointer;--button-gradient:linear-gradient(180deg, #00d100 0%, #00d100 45%, #008d00 100%);border:2px solid #0000;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.custom-button--filled{background:var(--button-gradient);color:#fff;border-color:var(--accent-obs)}.custom-button--filled:hover{background:#0f0;border-color:#0f0}.custom-button--outline{color:#fff;border-color:var(--accent);background-color:#0000}.custom-button--outline:hover{background-color:#69c99a1f;border-color:#0f0}.custom-button--pill{border-radius:999px}.custom-button--circle{border-radius:50%;width:48px;height:48px;padding:0}.custom-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.custom-button:disabled{opacity:.5;cursor:not-allowed}.custom-button:not(:disabled):active{transform:scale(.97)}.home{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;width:100%;max-width:1400px;min-height:80vh;margin:0 auto;padding:40px 50px;display:grid}.home-content{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.home-content h1{letter-spacing:-2px;font-size:clamp(3rem,6vw,5.5rem);font-weight:800;line-height:1.1}.home-content h1 span{color:#2ffe2f}.home-titles{flex-direction:column;gap:6px;display:flex}.home-titles h2{color:#fff;font-size:clamp(1.2rem,2vw,1.7rem);font-weight:600}.home-titles h3{color:#2ffe2f;font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:500}.home-description{max-width:550px;color:var(--text);font-size:1.05rem;line-height:1.8}.home-image{justify-content:center;align-items:center;display:flex}.home-image img{aspect-ratio:1;object-fit:cover;width:100%;max-width:450px;filter:drop-shadow(0 0 8px var(--accent));border:none;border-radius:50%;display:block}@media (width<=900px){.home{text-align:center;grid-template-columns:1fr;gap:40px;padding:40px 24px}.home-content{align-items:center}.home-image img{max-width:300px}}@media (width<=480px){.home{padding:30px 20px}.home-image img{max-width:240px}}.navbar{background:0 0;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:15px 30px;display:flex}.navbar-logo{object-fit:contain;flex-shrink:0;width:42px;height:42px}.navbar-links{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:12px;margin:0;display:flex}.navbar-links a{color:#fff;background:0 0;border-radius:0;padding:10px 20px;font-weight:700;text-decoration:none;transition:color .2s}.navbar-links a:hover{color:var(--accent);background:0 0}.navbar-links a.active{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:8px;background:0 0;text-decoration-thickness:2px}@media (width<=900px){.navbar{flex-direction:column;align-items:flex-start;gap:20px}.navbar-links{flex-wrap:wrap;justify-content:center;gap:12px;width:100%}}