*{margin:0;padding:0;box-sizing:border-box} :root{--gitea-green:#78b159;--gitea-bg:#1e2028;--gitea-nav:#161b22;--gitea-border:#30363d;--gitea-text:#c9d1d9;--gitea-muted:#8b949e;--gitea-link:#79c0ff} body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--gitea-bg);color:var(--gitea-text);min-height:100vh;display:flex;flex-direction:column} /* NAV */ nav{background:var(--gitea-nav);border-bottom:1px solid var(--gitea-border);height:44px;display:flex;align-items:center;padding:0 16px;gap:4px;position:sticky;top:0;z-index:100} .nav-logo{width:26px;height:26px;margin-right:8px;cursor:pointer} .nav-logo svg{width:26px;height:26px} .nav-link{color:var(--gitea-text);text-decoration:none;font-size:14px;padding:6px 10px;border-radius:6px;transition:background .15s} .nav-link:hover{background:rgba(255,255,255,0.07)} .nav-right{margin-left:auto;display:flex;align-items:center;gap:8px} .nav-btn{color:var(--gitea-text);text-decoration:none;font-size:13px;padding:5px 12px;border-radius:6px;border:1px solid var(--gitea-border);background:transparent;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:5px} .nav-btn:hover{background:rgba(255,255,255,0.07)} /* HERO */ .hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px 40px;text-align:center} .hero-logo{margin-bottom:28px} .hero-logo svg{width:130px;height:130px} .hero-title{font-size:48px;font-weight:800;letter-spacing:2px;color:#fff;margin-bottom:16px;text-transform:uppercase} .hero-subtitle{font-size:26px;font-weight:300;color:var(--gitea-text);margin-bottom:60px} /* FEATURES */ .features{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px;max-width:800px;margin:0 auto} .feature{text-align:center;padding:10px} .feature-icon{font-size:36px;margin-bottom:12px;color:var(--gitea-green)} .feature-icon svg{width:40px;height:40px;stroke:var(--gitea-green);fill:none;stroke-width:1.8} .feature h3{font-size:16px;font-weight:700;margin-bottom:10px;color:#fff} .feature p{font-size:14px;color:var(--gitea-muted);line-height:1.6} .feature a{color:var(--gitea-green);text-decoration:none} .feature a:hover{text-decoration:underline} /* FOOTER */ footer{background:var(--gitea-nav);border-top:1px solid var(--gitea-border);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--gitea-muted)} footer a{color:var(--gitea-green);text-decoration:none} footer a:hover{text-decoration:underline} .footer-right{display:flex;gap:12px} @media(max-width:600px){ .features{grid-template-columns:1fr} .hero-title{font-size:32px} .hero-subtitle{font-size:18px} }