@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&family=JetBrains+Mono:wght@500&display=swap";:root{--blue: #FF5A1F;--blue-dim: rgba(255,90,31,.1);--blue-dim2: rgba(255,90,31,.06);--signal: #4F46E5;--signal-dim: rgba(79,70,229,.1);--ink: #0A0A0A;--white: #FFFFFF;--green: #00A876;--green-dim: rgba(0,168,118,.1);--red: #FF4A4A;--red-dim: rgba(255,74,74,.1);--gray-50: #F5F5F3;--gray-100: #EEECEA;--gray-200: #DDDBD8;--gray-300: #C2C0BC;--gray-500: #8A8880;--gray-700: #4A4845;--gray-900: #1E1C1A;--radius-sm: 8px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 2px 2px 0 var(--ink);--shadow: 4px 4px 0 var(--ink);--shadow-lg: 6px 6px 0 var(--ink);--font-display: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6;min-height:100vh}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}h1,h2,h3{font-family:var(--font-display)}h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.05}h2{font-size:clamp(1.4rem,3vw,2.1rem);font-weight:700;letter-spacing:-.02em;line-height:1.15}h3{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}p{color:var(--gray-700)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 22px;border-radius:var(--radius);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;border:2px solid var(--ink);transition:transform .12s,box-shadow .12s;white-space:nowrap;box-shadow:var(--shadow-sm)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.btn-primary:active{transform:translate(2px,2px);box-shadow:none}.btn-ghost{background:#fff;color:var(--ink)}.btn-ghost:hover{background:var(--gray-50);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:7px 14px;font-size:.82rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.input{width:100%;padding:11px 14px;border:1.5px solid var(--gray-200);border-radius:var(--radius);font-family:inherit;font-size:.9rem;background:#fff;color:var(--ink);transition:border-color .15s}.input:focus{outline:none;border-color:var(--blue)}.input::placeholder{color:var(--gray-300)}.input-error{border-color:var(--red)}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:.82rem;font-weight:500;color:var(--gray-700)}.input-hint{font-size:.78rem;color:var(--gray-500)}.input-err{font-size:.78rem;color:var(--red)}.card{background:#fff;border:2px solid var(--ink);border-radius:var(--radius-lg);padding:24px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:500;font-family:var(--font-mono)}.badge-blue{background:var(--blue-dim);color:#b8391c}.badge-green{background:var(--green-dim);color:#00654e}.badge-red{background:var(--red-dim);color:#c92a2a}.badge-gray{background:var(--gray-100);color:var(--gray-500)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.divider{border:none;border-top:1px solid var(--gray-100)}.alert{padding:12px 16px;border-radius:var(--radius);font-size:.85rem;display:flex;align-items:flex-start;gap:10px}.alert-error{background:var(--red-dim);color:#c92a2a;border:1px solid rgba(255,74,74,.2)}.alert-success{background:var(--green-dim);color:#00654e;border:1px solid rgba(0,168,118,.2)}.spinner{width:20px;height:20px;border:2px solid var(--gray-100);border-top-color:var(--blue);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}
