:root{--primary-green:#00ff3f;--primary-purple:#6f73d2;--gradient:linear-gradient(135deg,#00ff3f,#6f73d2);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffe6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#app{text-align:center;width:100%;max-width:1200px;margin:0 auto;padding:2rem}header{margin-bottom:4rem}.logo{width:120px;height:120px;margin-bottom:1.5rem;transition:transform .3s}.logo:hover{transform:scale(1.05)}h1{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:700}.subtitle{color:#ffffffb3;font-size:1.25rem;font-weight:300}.sites-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:800px;margin:0 auto;display:grid}.site-card{color:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid #ffffff26;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.site-card:before{content:"";background:var(--gradient);opacity:0;z-index:-1;transition:opacity .4s;position:absolute;inset:0}.site-card:hover{background:linear-gradient(145deg,#ffffff1f,#ffffff0d);border-color:#00ff3f66;transform:translateY(-6px);box-shadow:0 12px 40px #00ff3f40}.site-card:hover:before{opacity:.15}.site-card:hover .site-url{color:#ffffffe6}.site-card h2{color:#fffffff2;margin-bottom:.75rem;font-size:1.75rem;font-weight:600}.site-url{color:#fff9;letter-spacing:.02em;font-family:Courier New,monospace;font-size:.95rem;font-weight:400}footer{margin-top:3rem;padding-top:0}.footer-text{color:#ffffff80;font-size:.9rem;line-height:1.8}.footer-text p{margin:.25rem 0}.footer-link{color:#ffffffd9;border-bottom:1px solid #ffffff4d;font-weight:600;text-decoration:none;transition:all .3s}.footer-link:hover{color:var(--primary-green);border-bottom-color:var(--primary-green)}.copyright{opacity:.8}@media (max-width:768px){#app{padding:1.5rem}header{margin-bottom:3rem}.logo{width:100px;height:100px}h1{font-size:2rem}.subtitle{font-size:1rem}.sites-grid{grid-template-columns:1fr;gap:1.5rem}.site-card{padding:2.5rem 1.5rem}.site-card h2{font-size:1.5rem}}@media (prefers-color-scheme:light){:root{color:#000000de;background-color:#fff}.subtitle{color:#0009}.site-card{background:linear-gradient(145deg,#0000000a,#00000003);border-color:#0000001f}.site-card:hover{background:linear-gradient(145deg,#0000000f,#00000005);border-color:#6f73d266;box-shadow:0 12px 40px #6f73d233}.site-card h2{color:#000000e6}.site-url{color:#00000080}.site-card:hover .site-url{color:#000c}.github-link{color:#0009;background:#0000000a;border-color:#0000001a}.github-link:hover{color:#000000e6;background:#00000014;border-color:#00000026}.footer-text{color:#00000080}.footer-link{color:#000c;border-bottom-color:#00000040}.footer-link:hover{color:var(--primary-purple);border-bottom-color:var(--primary-purple)}}