:root{--font-mono:"Roboto Mono", monospace}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;background:#000;font-size:18px;line-height:32px}html,body,#app{height:100%}body{color:#fff;margin:0;font-family:system-ui;font-size:18px;line-height:32px}@media (max-width:1024px){body{font-size:15px;line-height:24px}}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;font-weight:700;line-height:70px}@media (max-width:1024px){h1{margin:24px 0;font-size:42px;line-height:42px}}@media (max-width:768px){h1{font-size:38px;line-height:38px}}@media (max-width:400px){h1{font-size:32px;line-height:32px}}p{margin:24px 0}@media (max-width:1024px){p{margin:calc(var(--base) * .75) 0}}a{color:currentColor}a:focus{opacity:.8;outline:none}a:active{opacity:.7;outline:none}svg{vertical-align:middle}.home{flex-direction:column;justify-content:space-between;align-items:center;max-width:1024px;height:100vh;margin:0 auto;padding:45px;display:flex;overflow:hidden}@media (max-width:400px){.home{padding:24px}}.home .content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.home .content h1{text-align:center}.home .links{align-items:center;gap:12px;display:flex}.home .links a{border-radius:4px;padding:.25rem .5rem;text-decoration:none}.home .links .admin{color:#000;background:#fff;border:1px solid #000}.home .links .docs{color:#fff;background:#000;border:1px solid #fff}.home .footer{align-items:center;gap:8px;display:flex}@media (max-width:1024px){.home .footer{flex-direction:column;gap:6px}}.home .footer p{margin:0}.home .footer .codeLink{background:#3c3c3c;border-radius:4px;padding:0 .5rem;text-decoration:none}.contact-page{color:#f5f5f5;background:#000;flex-direction:column;max-width:640px;min-height:100vh;margin:0 auto;padding:40px 24px;display:flex}.contact-header{margin-bottom:60px}.back-link{color:#888;font-size:14px;font-family:var(--font-mono);align-items:center;gap:8px;text-decoration:none;transition:color .15s;display:inline-flex}.back-link:hover{color:#fff}.contact-content{flex-grow:1}.contact-intro{margin-bottom:40px}.contact-intro h1{letter-spacing:-.02em;color:#fff;margin:0 0 16px;font-size:36px;font-weight:600;line-height:1.2}.contact-intro p{color:#888;margin:0;font-size:16px;line-height:1.6}.contact-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#888;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:500;font-family:var(--font-mono)}.form-group input,.form-group textarea{color:#fff;background:#0d0d0d;border:1px solid #222;border-radius:6px;width:100%;padding:12px 16px;font-family:system-ui,-apple-system,sans-serif;font-size:15px;transition:border-color .15s,background-color .15s}:is(.form-group input,.form-group textarea)::placeholder{color:#444}:is(.form-group input,.form-group textarea):focus{background:#111;border-color:#555;outline:none}.form-group textarea{resize:vertical;min-height:140px}.honeypot-wrapper{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.primary-button{color:#000;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:6px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:500;transition:background-color .15s,border-color .15s,transform .1s;display:inline-flex}.primary-button:hover{background:#e5e5e5;border-color:#e5e5e5}.primary-button:active{transform:scale(.98)}.primary-button:disabled{color:#555;cursor:not-allowed;background:#222;border-color:#222}.secondary-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #222;border-radius:6px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.secondary-button:hover{background:#111;border-color:#444}.input-error{border-color:#522!important}.input-error:focus{border-color:#833!important}.error-text{color:#f55;margin-top:2px;font-size:12px}.error-container{color:#f55;background:#1a0a0a;border:1px solid #4a1515;border-radius:6px;align-items:flex-start;gap:8px;padding:12px 16px;font-size:14px;line-height:1.4;display:flex}.error-container svg{flex-shrink:0;margin-top:2px}.success-container{text-align:center;background:#0d0d0d;border:1px solid #1a1a1a;border-radius:8px;flex-direction:column;align-items:center;margin-top:20px;padding:40px 24px;display:flex}.success-container .success-icon{color:#4ade80;background:#0a2010;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.success-container h3{color:#fff;margin:0 0 8px;font-size:20px;font-weight:600}.success-container p{color:#888;max-width:400px;margin:0 0 24px;font-size:15px;line-height:1.6}.spinner-wrapper{align-items:center;gap:8px;display:flex}.spinner{border:2px solid #555;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.contact-footer{text-align:center;border-top:1px solid #111;margin-top:60px;padding-top:24px}.contact-footer p{color:#444;font-size:12px;font-family:var(--font-mono);margin:0}
