:root{--primary:#105e9e;--primary-rgb:16, 94, 158;--accent:#00a8b5;--accent-rgb:0, 168, 181;--text-primary:#f4f8fc;--text-main:#dde5f0;--text-secondary:#b2bfce;--text-muted:#9eadc0;--text-subtle:#4d5a6b;--text-dark:#1f2937;--bg-darker:#060813;--bg-dark:#0b0e22;--bg-light-glass:#ffffff08;--border-glass:#ffffff14;--border-glass-hover:#ffffff21;--font-headings:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;--lh-display:1.07;--lh-heading:1.2;--lh-subhead:1.35;--lh-body:1.78;--lh-relaxed:1.85;--lh-tight:1.28;--ls-display:-.035em;--ls-heading:-.022em;--ls-snug:-.012em;--ls-normal:0em;--ls-wide:.04em;--ls-wider:.08em;--ls-widest:.12em;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-glow:0 4px 24px #00a8b514;--shadow-glow-blue:0 4px 24px #105e9e1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;max-width:100%;overflow-x:hidden}body{background-color:var(--bg-darker);color:var(--text-main);font-family:var(--font-body);font-size:16px;line-height:var(--lh-body);font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "cv02" 1, "cv03" 1, "cv04" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-image:radial-gradient(#00a8b505 1px,#0000 1px);background-size:32px 32px;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--text-primary);font-feature-settings:"kern" 1, "liga" 1;text-wrap:balance}h1{font-weight:900;line-height:var(--lh-display);letter-spacing:var(--ls-display)}h2{font-weight:800;line-height:var(--lh-heading);letter-spacing:var(--ls-heading)}h3{font-weight:700;line-height:var(--lh-subhead);letter-spacing:var(--ls-snug)}h4{font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--ls-snug)}h5{font-weight:600;line-height:var(--lh-tight);letter-spacing:var(--ls-snug)}h6{font-weight:600;line-height:var(--lh-tight);letter-spacing:var(--ls-wide)}p{line-height:var(--lh-body);color:var(--text-main)}strong,b{color:var(--text-primary);font-weight:600}em,i{color:var(--text-primary);font-style:italic}code{font-family:var(--font-mono);color:var(--accent);background:#00a8b514;border:1px solid #00a8b52e;border-radius:4px;padding:.15em .4em;font-size:.875em}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:#60c8d4}.overline{font-family:var(--font-body);color:var(--accent);text-transform:uppercase;letter-spacing:var(--ls-widest);margin-bottom:.75rem;font-size:.75rem;font-weight:700;line-height:1;display:block}.overline-muted{color:var(--text-muted)}.lead{color:var(--text-secondary);font-size:clamp(1rem,1.6vw,1.0625rem);line-height:var(--lh-body);font-weight:400}.card-body{color:var(--text-secondary);font-size:.875rem;line-height:var(--lh-body);font-weight:400}.caption{color:var(--text-muted);font-size:.75rem;line-height:var(--lh-tight);letter-spacing:var(--ls-wide);font-weight:500}.mono{font-family:var(--font-mono);font-size:.875em}.text-balance{text-wrap:balance}.prose-width{max-width:68ch}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-accent{color:var(--accent)}.text-muted-icon{color:var(--text-muted)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes gradient-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.gradient-text-blue-teal{background:linear-gradient(135deg,#2079c7 0%,#00a8b5 45%,#60c8d4 80%,#a8e6ed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-teal-white{background:linear-gradient(135deg,#00a8b5 0%,#fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-blue-white{background:linear-gradient(135deg,#105e9e 0%,#fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-bg{filter:blur(56px);pointer-events:none;z-index:0;background:radial-gradient(circle,#00a8b50e 0%,#105e9e05 55%,#0000 100%);border-radius:50%;width:42vw;height:42vw;position:absolute}.glow-top-right{top:-10vw;right:-5vw}.glow-bottom-left{bottom:-10vw;left:-5vw}.glow-mid-right{top:50%;right:-5vw}.glass-panel{-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-glass);background:#0b0e2280;border-radius:16px}.glass-panel-hover:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-glow-blue);transform:translateY(-4px)}.glass-navbar{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);background:#060813bf}.bento-grid{grid-template-columns:repeat(12,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(6,1fr)}}@media (width<=768px){.bento-grid{flex-direction:column;gap:16px;display:flex}}.section-container{z-index:1;max-width:1200px;margin:0 auto;padding:88px 24px;position:relative;overflow:hidden}.flex-center{justify-content:center;align-items:center;display:flex}input,select,textarea{font-family:var(--font-body);font-size:16px!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;font-family:var(--font-headings);letter-spacing:.01em;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:9999px;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex;box-shadow:0 2px 10px #00a8b51f}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00a8b538}.btn-secondary{color:var(--text-main);border:1px solid var(--border-glass);font-family:var(--font-headings);letter-spacing:.01em;cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:9999px;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--border-glass-hover);background:#ffffff0d;transform:translateY(-2px)}.tech-tag{color:var(--accent);letter-spacing:.01em;background:#00a8b514;border:1px solid #00a8b533;border-radius:9999px;margin-bottom:6px;margin-right:6px;padding:4px 12px;font-size:.8125rem;font-weight:500;line-height:1.5;display:inline-block}.tech-blueprint-bg:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background-image:linear-gradient(#00a8b50a 1px,#0000 1px),linear-gradient(90deg,#00a8b50a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}@media (width<=1024px){.section-container{padding:72px 20px}}@media (width<=768px){.section-container{padding:60px 18px}body{letter-spacing:.005em;font-size:15px}}@media (width<=600px){.section-container{padding:48px 16px}.section-container h2{letter-spacing:-.018em!important;font-size:clamp(1.65rem,7.5vw,2.15rem)!important;line-height:1.18!important}.section-container h3{font-size:clamp(1.1rem,5vw,1.4rem)!important;line-height:1.28!important}.section-container h4{font-size:clamp(.95rem,4vw,1.1rem)!important}.lead{font-size:.9375rem}}@media (width<=400px){.section-container{padding:40px 14px}body{font-size:14.5px}.section-container h2{font-size:clamp(1.5rem,8vw,1.85rem)!important}}@media (width<=480px){.glass-panel{border-radius:12px}}@media (prefers-reduced-motion:reduce){.gradient-text-blue-teal{animation:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){.glass-panel{-webkit-backdrop-filter:blur(6px)}.glass-navbar{-webkit-backdrop-filter:blur(10px)}.glow-bg{filter:blur(36px);opacity:.5}}button,a,[role=button],label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (hover:none) and (pointer:coarse){.glass-panel-hover:hover{box-shadow:none!important;transform:none!important}}