:root,[data-theme=light]{--bg-primary: #131314;--bg-secondary: #ffffff;--bg-tertiary: #e9eef6;--bg-card: rgba(255, 255, 255, .72);--bg-card-plasma: linear-gradient(135deg, rgba(255, 255, 255, .8) 0%, rgba(238, 245, 255, .65) 50%, rgba(248, 238, 255, .7) 100%);--bg-card-hover: rgba(255, 255, 255, .92);--bg-glass: rgba(19, 19, 20, .82);--border-subtle: rgba(0, 0, 0, .08);--border-focus: rgba(26, 115, 232, .45);--border-glow: rgba(155, 114, 203, .25);--text-primary: #1f1f1f;--text-secondary: #444746;--text-muted: #747775;--text-inverse: #ffffff;--accent-blue: #1a73e8;--accent-indigo: #4285f4;--accent-purple: #7c3aed;--accent-gemini: #9b72cb;--accent-rose: #d96570;--accent-cyan: #0284c7;--accent-emerald: #0f9d58;--gradient-brand: linear-gradient(135deg, #1a73e8 0%, #8ab4f8 25%, #9b72cb 65%, #d96570 100%);--gradient-gemini: linear-gradient(90deg, #1a73e8 0%, #9b72cb 50%, #d96570 100%);--gradient-glow: radial-gradient(ellipse at 50% 0%, rgba(66, 133, 244, .22), rgba(155, 114, 203, .16) 40%, transparent 70%);--gradient-card: linear-gradient(180deg, rgba(255, 255, 255, .95) 0%, rgba(240, 244, 249, .8) 100%);--gradient-halo: linear-gradient(135deg, #1a73e8, #9b72cb, #d96570, #1a73e8);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 20px -2px rgba(26, 115, 232, .08), 0 2px 6px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 36px -4px rgba(26, 115, 232, .12), 0 4px 12px -2px rgba(0, 0, 0, .04);--shadow-glow: 0 0 35px -5px rgba(155, 114, 203, .25);--max-width: 1140px;--nav-height: 72px;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 24px;--radius-full: 9999px;--font-sans: "Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .18s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .3s cubic-bezier(.16, 1, .3, 1);--badge-bg: rgba(26, 115, 232, .08);--badge-border: rgba(26, 115, 232, .2);--badge-text: #1a73e8}[data-theme=dark]{--bg-primary: #f0f4f9;--bg-secondary: #1e1f20;--bg-tertiary: #282a2c;--bg-card: rgba(16, 18, 24, .6);--bg-card-plasma: linear-gradient(135deg, rgba(18, 22, 34, .72) 0%, rgba(26, 20, 48, .55) 50%, rgba(35, 16, 42, .62) 100%);--bg-card-hover: rgba(28, 32, 44, .85);--bg-glass: rgba(240, 244, 249, .82);--border-subtle: rgba(255, 255, 255, .1);--border-focus: rgba(138, 180, 248, .45);--border-glow: rgba(197, 138, 249, .3);--text-primary: #e3e3e3;--text-secondary: #c4c7c5;--text-muted: #8e918f;--text-inverse: #131314;--accent-blue: #8ab4f8;--accent-indigo: #8ab4f8;--accent-purple: #c58af9;--accent-gemini: #c58af9;--accent-rose: #f28b82;--accent-cyan: #78d9ec;--accent-emerald: #81c995;--gradient-brand: linear-gradient(135deg, #4285f4 0%, #8ab4f8 25%, #c58af9 65%, #f28b82 100%);--gradient-gemini: linear-gradient(90deg, #8ab4f8 0%, #c58af9 50%, #f28b82 100%);--gradient-glow: radial-gradient(ellipse at 50% 0%, rgba(66, 133, 244, .12), rgba(155, 114, 203, .07) 35%, transparent 70%);--gradient-card: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .02) 100%);--gradient-halo: linear-gradient(135deg, #4285f4, #c58af9, #f28b82, #4285f4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px -4px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 36px -6px rgba(0, 0, 0, .6);--shadow-glow: 0 0 35px -5px rgba(138, 180, 248, .25);--badge-bg: rgba(138, 180, 248, .12);--badge-border: rgba(138, 180, 248, .25);--badge-text: #8ab4f8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 24px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:1.65;background-image:var(--gradient-glow);background-repeat:no-repeat;background-size:100% 900px;overflow-x:hidden;transition:background-color var(--transition-smooth),color var(--transition-smooth)}#main-content,footer{position:relative;z-index:1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#cdd5df;border-radius:5px;border:2px solid var(--bg-primary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3c4043}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.25;letter-spacing:-.02em}a{color:inherit;text-decoration:none}p{color:var(--text-secondary)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:3.25rem 0;position:relative}.section-header{text-align:center;max-width:640px;margin:0 auto 1.85rem}.section-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--badge-text);background:var(--badge-bg);border:1px solid var(--badge-border);padding:.25rem .8rem;border-radius:var(--radius-full);margin-bottom:.65rem}.section-title{font-size:clamp(1.65rem,3vw,2.2rem);font-weight:800;margin-bottom:.5rem;line-height:1.25}.section-subtitle{font-size:.92rem;color:var(--text-secondary);line-height:1.55}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.glass-card{background:var(--bg-card-plasma, var(--bg-card));backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-md);box-shadow:0 8px 32px #0000001a,inset 0 1px 2px #ffffff59;transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#4285f414,#9b72cb1a 35%,#d9657012 65%,#00f0ff14);background-size:200% 200%;animation:plasmaGlow 10s ease infinite alternate;pointer-events:none;z-index:0}[data-theme=dark] .glass-card{border-color:#ffffff1f;box-shadow:0 8px 32px #00000073,inset 0 1px 1px #ffffff24}[data-theme=dark] .glass-card:before{background:linear-gradient(125deg,#00f0ff1c,#7c3aed24 38%,#ff008017 70%,#00ff8817);background-size:200% 200%}.glass-card:hover{transform:translateY(-4px);border-color:var(--accent-blue);box-shadow:0 12px 36px #1a73e838,0 0 25px #9b72cb4d,inset 0 1px 2px #ffffff73}@keyframes plasmaGlow{0%{background-position:0% 40%}50%{background-position:100% 60%}to{background-position:0% 40%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;font-family:var(--font-sans);font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 18px #1a73e84d}.btn-primary:hover{box-shadow:0 6px 24px #9b72cb73;transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-focus);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-outline:hover{border-color:var(--accent-blue);background:var(--badge-bg);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;font-family:var(--font-mono);font-size:.75rem;font-weight:500;border-radius:var(--radius-full);background:var(--badge-bg);color:var(--badge-text);border:1px solid var(--badge-border);transition:all var(--transition-fast)}.badge:hover{border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-1px)}.toast-notice{position:fixed;bottom:2rem;right:2rem;background:var(--bg-secondary);border:1px solid var(--accent-indigo);color:var(--text-primary);padding:.85rem 1.4rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg),0 0 25px #6366f14d;display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;z-index:9999;transform:translateY(150%);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s ease;pointer-events:none}.toast-notice.show{transform:translateY(0);opacity:1}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.grid-2,.grid-3{grid-template-columns:1fr}.section{padding:3.75rem 0}}.tech-matrix-container[data-astro-cid-rpqvwfu6]{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden;user-select:none;transition:opacity .5s ease}.tech-canvas[data-astro-cid-rpqvwfu6]{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.tech-matrix-vignette[data-astro-cid-rpqvwfu6]{position:absolute;inset:0;pointer-events:none;transition:background .5s ease}[data-astro-cid-rpqvwfu6][data-theme=light] .tech-matrix-container[data-astro-cid-rpqvwfu6]{opacity:.95}[data-astro-cid-rpqvwfu6][data-theme=light] .tech-matrix-vignette[data-astro-cid-rpqvwfu6]{background:radial-gradient(circle at 50% 40%,transparent 50%,rgba(10,12,16,.6) 100%)}[data-astro-cid-rpqvwfu6][data-theme=dark] .tech-matrix-container[data-astro-cid-rpqvwfu6]{opacity:.92}[data-astro-cid-rpqvwfu6][data-theme=dark] .tech-matrix-vignette[data-astro-cid-rpqvwfu6]{background:radial-gradient(circle at 50% 40%,transparent 45%,rgba(240,244,249,.4) 100%)}
