@font-face{font-family:Matt-ff;src:url(/fonts/Matt-ff.woff2) format("woff2"),url(/fonts/Matt-ff.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Matt-ff;src:url(/fonts/Matt-ff-Bold.woff2) format("woff2"),url(/fonts/Matt-ff-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gilam;src:url(/_astro/GilamRegular.BDbo1AAq.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gilam;src:url(/_astro/GilamRegularItalic.C58bAT0Q.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Gilam;src:url(/_astro/GilamSemiBold.DWh9XsfB.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Gilam;src:url(/_astro/GilamSemiBoldItalic.Bo74vxs2.otf) format("opentype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Gilam;src:url(/_astro/GilamBold.DwhLHfEO.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gilam;src:url(/_astro/GilamBoldItalic.9DPKPj_r.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}:root{--color-bg: #080810;--color-surface: #10101e;--color-surface-2: #18182e;--color-surface-3: #22223a;--color-border: #2a2a48;--color-border-soft: #22223a;--color-accent: #7c4dff;--color-accent-dark: #5c30d9;--color-accent-glow: rgba(124, 77, 255, .25);--color-accent-2: #ff2d55;--color-accent-2-glow: rgba(255, 45, 85, .2);--color-text: #e0e0f8;--color-text-muted: #7878a8;--color-text-dim: #4a4a6a;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-body: "Matt-ff", Arial, sans-serif;--font-heading: "Gilam", "Noto Sans", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--section-pad: clamp(4rem, 8vw, 8rem);--container: min(90vw, 1200px);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 4px 20px rgba(0,0,0,.5);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);--shadow-accent: 0 0 30px var(--color-accent-glow);--ease-fast: .15s ease;--ease-normal: .28s ease;--ease-slow: .5s ease;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 1;--z-nav: 100;--z-modal: 200;--z-overlay: 300;--z-toast: 400}.page-light{--color-bg: #ffffff;--color-surface: #f8f8f8;--color-surface-2: #f0f0f0;--color-surface-3: #e8e8e8;--color-border: #e0e0e0;--color-border-soft: #eaeaea;--color-text: #0a0a0a;--color-text-muted: #444444;--color-text-dim: #666666;background-color:var(--color-bg);color:var(--color-text)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100dvh;overflow-x:hidden;max-width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}img,video,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;font-weight:600;color:var(--color-text)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem);box-sizing:border-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;letter-spacing:.025em;text-transform:uppercase;transition:all var(--ease-normal);white-space:nowrap;cursor:pointer;border:none;position:relative;overflow:hidden;isolation:isolate}.btn:after{content:"";position:absolute;inset:0;background:#ffffff14;opacity:0;transition:opacity var(--ease-fast);pointer-events:none}.btn:hover:after{opacity:1}.btn:active{transform:scale(.98)}.btn-primary:before{content:"";position:absolute;top:-20%;left:-120%;width:80%;height:140%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,.06) 38%,rgba(255,255,255,.13) 50%,rgba(255,255,255,.06) 62%,rgba(255,255,255,0) 80%,transparent 100%);transform:skew(-15deg);pointer-events:none;z-index:1}.btn-primary:hover:before{animation:btn-shine .85s cubic-bezier(.4,0,.2,1) forwards}@keyframes btn-shine{0%{left:-120%}to{left:150%}}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 4px 15px var(--color-accent-glow)}.btn-primary:hover{background:var(--color-accent-dark);box-shadow:0 6px 25px var(--color-accent-glow);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover{color:var(--color-text)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-sm{padding:.5rem 1.25rem;font-size:var(--text-xs)}.btn-lg{padding:1rem 2.5rem;font-size:var(--text-base)}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);letter-spacing:.03em;text-transform:uppercase}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--ease-fast),box-shadow var(--ease-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-dim)}.form-error{font-size:var(--text-sm);color:var(--color-error);margin-top:.25rem}.form-success{font-size:var(--text-sm);color:var(--color-success);margin-top:.25rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color var(--ease-normal),box-shadow var(--ease-normal)}.card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-accent)}.badge{display:inline-flex;align-items:center;padding:.2em .75em;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#22c55e26;color:var(--color-success)}.badge-warning{background:#f59e0b26;color:var(--color-warning)}.badge-error{background:#ef444426;color:var(--color-error)}.badge-info{background:#3b82f626;color:var(--color-info)}.badge-muted{background:var(--color-surface-2);color:var(--color-text-muted)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{background:var(--color-surface-2);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs);padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.table td{padding:.875rem 1rem;border-bottom:1px solid var(--color-border-soft);color:var(--color-text)}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--color-surface-2)}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid;margin-bottom:1rem}.alert-error{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.alert-success{background:#22c55e1a;border-color:#22c55e4d;color:#86efac}.alert-warning{background:#f59e0b1a;border-color:#f59e0b4d;color:#fde68a}.alert-info{background:#3b82f61a;border-color:#3b82f64d;color:#93c5fd}.section-label{display:inline-block;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem;background:linear-gradient(135deg,#7c4dff,#9b7dde);-webkit-background-clip:text;background-clip:text;color:transparent}.section-title{font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));font-weight:600;line-height:1.1;margin-bottom:1rem}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:60ch;line-height:1.7}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:2rem 0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}::selection{background:var(--color-accent-glow);color:var(--color-text)}.skip-link{position:absolute;top:-100%;left:1rem;z-index:var(--z-overlay);padding:.75rem 1.5rem;background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:top var(--ease-fast)}.skip-link:focus{top:1rem}.spinner{display:inline-block;width:1.25em;height:1.25em;border:2px solid rgba(255,255,255,.2);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pixel-grid{background-image:linear-gradient(var(--color-border-soft) 1px,transparent 1px),linear-gradient(90deg,var(--color-border-soft) 1px,transparent 1px);background-size:40px 40px}.glow-line{height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);box-shadow:0 0 10px var(--color-accent-glow)}
