:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--color-bg: #050505;--color-surface: #121212;--color-surface-hover: #1e1e1e;--color-text: #E4E4E7;--color-text-muted: #71717A;--color-border: #27272A;--color-border-hover: #3F3F46;--color-brand: #C5A028;--color-brand-light: #E5C158;--color-accent-holo: linear-gradient(90deg, #ff0080 0%, #7928ca 20%, #0070f3 40%, #00dfd8 60%, #7928ca 80%, #ff0080 100%);--color-accent-gold: var(--color-brand);--color-accent-cyan: #06B6D4;--color-accent-pink: #EC4899;--color-accent-green: #10B981;--spacing-section: 120px;--max-width: 1024px;--radius-sm: 4px;--radius-md: 8px;--color-glow-blue: rgba(0, 112, 243, .08);--color-glow-purple: rgba(121, 40, 202, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:-100%;left:-100%;width:300%;height:300%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.015;pointer-events:none;z-index:1000;animation:grain 8s steps(10) infinite}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000001a 50.5%),linear-gradient(90deg,#c5a02801,#00dfd801),radial-gradient(circle at 80% 20%,var(--color-glow-blue) 0%,transparent 40%),radial-gradient(circle at 20% 80%,var(--color-glow-purple) 0%,transparent 40%);background-size:100% 4px,4px 100%,100% 100%,100% 100%;pointer-events:none;z-index:-1;opacity:.4}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;color:#fff}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.bento-item{background-color:#12121266;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:32px;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1)}.bento-item:hover{border-color:var(--color-brand);transform:translateY(-4px);background-color:#16161699;box-shadow:0 10px 30px #00000080,0 0 20px #c5a0280d}.bento-item h3{margin-bottom:8px;font-size:1.1rem}.bento-item .text-muted{font-size:.9rem;line-height:1.5}@media(max-width:768px){.bento-grid{display:flex;flex-direction:column}}.mono,.code,small,.text-xs,.status-badge{font-family:var(--font-mono)}a{color:inherit;text-decoration:none;transition:all .2s ease}a:hover{color:var(--color-text)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:var(--spacing-section) 0}.text-muted{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background-color:var(--color-brand);color:#fff;font-weight:500;border-radius:var(--radius-sm);transition:all .2s cubic-bezier(.4,0,.2,1);font-family:var(--font-sans);font-size:.95rem;letter-spacing:.01em;border:1px solid transparent}.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #c5a0284d;filter:brightness(1.1)}.btn-secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-text-muted);background-color:var(--color-surface)}.card{background-color:#12121266;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:32px;transition:all .2s ease}.card:hover{border-color:var(--color-border-hover);background-color:var(--color-surface);transform:translateY(-4px) scale(1.01);box-shadow:0 12px 24px #0006}.status-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-family:var(--font-mono);background-color:#10b9811a;color:var(--color-accent-green);border:1px solid rgba(16,185,129,.2)}.status-pill.dev{background-color:#c5a0281a;color:var(--color-brand);border:1px solid rgba(197,160,40,.2)}.text-holo{background:var(--color-accent-holo);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:holoShimmer 4s linear infinite}@keyframes holoShimmer{0%{background-position:0% center}to{background-position:-200% center}}@keyframes holoShake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,-1px)}80%{transform:translate(3px,1px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.reveal{opacity:0;animation:slideUpFade 1s cubic-bezier(.16,1,.3,1) forwards}.reveal-scale{opacity:0;animation:scaleIn 1s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}nav a.active{color:var(--color-text)!important;position:relative}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}nav a.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--color-accent-holo);background-size:200% auto;border-radius:2px;animation:holoShimmer 3s linear infinite}