@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--nav-bg:#f2f2f0;--hero-bg:#0a1628;--content-bg:#f0f7fa;--card-bg:#fff;--card-bg-alt:#e6f4f8;--accent-cyan:#06b6d4;--accent-cyan-bright:#22d3ee;--accent-cyan-dim:#0891b2;--accent-blue:#3b82f6;--accent-blue-bright:#60a5fa;--accent-orange:#f97316;--accent-orange-bright:#fb923c;--accent-green:#06b6d4;--accent-green-bright:#22d3ee;--text-primary:#0f0f0f;--text-secondary:#4b5563;--text-muted:#9ca3af;--border:#daedf2;--border-hover:#b0d8e4;--border-grey:#e2e2de;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--content-bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--content-bg)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::selection{background:var(--accent-cyan);color:#fff}.dot-grid{background-image:radial-gradient(circle,#06b6d415 1px,#0000 1px);background-size:26px 26px}.card-lift{transition:transform .2s,box-shadow .2s,border-color .2s}.card-lift:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 8px 28px #06b6d41f}.btn-cta{background:var(--accent-cyan);color:#0a1628;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.65rem 1.6rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.btn-cta:hover{background:var(--accent-cyan-bright);transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--border-hover);color:var(--text-primary);background:var(--card-bg);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.62rem 2rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.btn-outline:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-ghost{color:#94a3b8;font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #1e3a5f;border-radius:8px;align-items:center;gap:.4rem;padding:.52rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.input{border:1.5px solid var(--border);color:var(--text-primary);font-family:var(--font-body);background:#f0f9fb;border-radius:8px;outline:none;width:100%;padding:.6rem .9rem;font-size:.875rem;transition:border-color .2s}.input:focus{border-color:var(--accent-cyan)}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:100px}.label{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.4rem;font-size:.7rem;font-weight:500;display:block}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-cyan);font-size:.68rem;font-weight:500}.display-heading{font-family:var(--font-display);letter-spacing:-.01em;font-weight:800;line-height:1.08}.search-input{background:var(--card-bg);border:1.5px solid var(--border);color:var(--text-primary);font-family:var(--font-body);border-radius:8px;outline:none;width:100%;padding:.52rem 1rem .52rem 2.3rem;font-size:.875rem;transition:border-color .2s}.search-input:focus{border-color:var(--accent-cyan)}.search-input::placeholder{color:var(--text-muted)}.form-section{border:1px solid var(--border);background:var(--card-bg);border-radius:12px;margin-bottom:1.25rem;padding:1.5rem}.form-section-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-cyan);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.6rem;font-size:.68rem;font-weight:500}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-field{flex-direction:column;gap:.35rem;display:flex}.form-field.full{grid-column:1/-1}.tag-pill{font-family:var(--font-mono);cursor:pointer;border:1px solid;border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .6rem;font-size:.62rem;font-weight:500;transition:opacity .15s;display:inline-flex}.tag-pill:hover{opacity:.75}.hero-layout{grid-template-columns:48% 52%;min-height:360px;display:grid;position:relative}.hero-text{z-index:2;flex-direction:column;justify-content:center;padding:3.5rem 2rem 3.5rem 0;display:flex;position:relative}.hero-image-panel{z-index:1;width:52%;display:block;position:absolute;top:0;bottom:0;right:0}.hero-image-panel img{object-fit:contain!important;object-position:center right!important}.hero-image-fade{background:linear-gradient(to right, var(--hero-bg) 20%, transparent 100%);z-index:2;pointer-events:none;width:160px;position:absolute;top:0;bottom:0;left:0}.toolbar{background:var(--card-bg);border-top:1px solid var(--border-grey);border-bottom:1px solid var(--border);padding:.85rem 1.5rem}.nav-links{align-items:center;gap:1.25rem;display:flex}.nav-github{border:1.5px solid var(--border-grey);font-size:.78rem;font-family:var(--font-body);color:var(--text-primary);white-space:nowrap;background:var(--card-bg);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .9rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.nav-github:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}@media (max-width:768px){.hero-layout{grid-template-columns:1fr}.hero-text{padding:3rem 0}.hero-image-panel{display:none}.form-grid{grid-template-columns:1fr}}@media (max-width:480px){.form-section{padding:1rem}.btn-cta,.btn-outline,.btn-ghost{padding:.58rem 1.1rem;font-size:.82rem}.hero-ctas{flex-direction:column;align-items:flex-start}}.mobile-nav,.hamburger-btn{display:none}@media (max-width:768px){.mobile-nav{display:block}.desktop-nav{display:none}.hamburger-btn{display:flex}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
