*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}:root{color-scheme:dark;--bg: #050509;--bg-elevated: #0f1117;--border: #20232e;--text: #e5e7eb;--muted: #9ca3af;--accent: #38bdf8}body{background:radial-gradient(circle at top,#111827,#020617 55%);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{border-bottom:1px solid var(--border);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;background:#030712f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.site-logo{font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.nav{display:flex;gap:1.5rem;font-size:.9rem;-webkit-user-select:none;user-select:none}.nav-link{color:var(--muted);position:relative;padding-bottom:.15rem;transition:color .15s ease}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent);transition:width .15s ease}.nav-link:hover{color:var(--text)}.nav-link:hover:after{width:100%}.nav-link--active{color:var(--text)}.nav-link--active:after{width:100%}.main{flex:1;max-width:960px;width:100%;margin:0 auto;padding:3rem 1.5rem 2.5rem}.footer{border-top:1px solid var(--border);padding:1rem 1.5rem;font-size:.75rem;color:var(--muted);text-align:center;-webkit-user-select:none;user-select:none}.page{display:flex;flex-direction:column;gap:1rem;-webkit-user-select:none;user-select:none}.page-title{font-size:2.25rem;font-weight:700}.page-lead{font-size:1.05rem;color:var(--muted);max-width:40rem}.card-link{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit}.card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.03);background:linear-gradient(180deg,#ffffff05,#ffffff03);box-shadow:0 6px 18px #02061780;transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.card:hover,.card:focus-within{transform:translateY(-6px);box-shadow:0 18px 40px #38bdf814;outline:none}.card-logo{width:64px;height:64px;border-radius:10px;object-fit:contain;flex-shrink:0;background:#ffffff05;display:block;box-shadow:0 6px 18px #02061773}.card-content{display:flex;flex-direction:column;min-width:0}.card-title{font-size:1.125rem;font-weight:600;margin:0 0 6px;color:var(--text)}.card-body{margin:0;color:var(--muted);font-size:.95rem;line-height:1.35;max-width:60ch}@media (max-width: 520px){.card{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.9rem 1rem}.card-logo{width:72px;height:72px}}.form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.input,.textarea{width:100%;border-radius:.5rem;border:1px solid var(--border);padding:.6rem .8rem;background-color:#0f172ae6;color:var(--text);font:inherit}.input::placeholder,.textarea::placeholder{color:#6b7280}.textarea{min-height:7rem;resize:vertical}.button{border-radius:999px;border:none;padding:.65rem 1.4rem;background:var(--accent);color:#020617;font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.button:hover{transform:translateY(-1px);box-shadow:0 12px 25px #38bdf845}.button:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.status{font-size:.9rem}.status-success{color:#4ade80}.status-error{color:#f97373}.page-home{position:relative;overflow:hidden}.page-home>*{position:relative;z-index:1}.hero-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.hero-bg:before{content:"";position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:60vmin;height:60vmin;max-width:1200px;max-height:1200px;background-image:url(/assets/img/arctyx-logo.png);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.06;filter:saturate(0) brightness(1.05);pointer-events:none;display:block}@media (max-width: 640px){.hero-bg:before{width:80vmin;height:80vmin;opacity:.05}}