:root{--primary: #4252ff;--bg-light: #f8fafc;--bg-dark: #0f172a}@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-slate-50 text-slate-900;}h1{@apply text-5xl font-black tracking-tighter text-slate-900 leading-[1.1];}h2{@apply text-4xl font-extrabold tracking-tight text-slate-900;}h3{@apply text-2xl font-black tracking-tight text-slate-900;}}@layer components{.blueprint-bg{background-image:radial-gradient(#4252ff15 1.5px,transparent 1.5px);background-size:24px 24px;background-attachment:fixed}.glass-panel{@apply bg-white/70 backdrop-blur-xl border border-slate-200/50 shadow-sm;}.tech-label{@apply font-mono text-[9px] font-black uppercase tracking-widest px-2 py-0.5 rounded bg-slate-100 text-slate-500;}.gradient-text{@apply bg-gradient-to-r from-primary to-[#808aff] bg-clip-text text-transparent;}.btn-primary{@apply bg-primary text-white px-8 py-4 rounded-lg text-sm font-bold flex items-center justify-center gap-2 transition-all hover:shadow-xl hover:shadow-primary/30 uppercase tracking-widest;}}.code-overlay{font-family:JetBrains Mono,monospace;color:#4252ff66;pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{@apply bg-slate-100;}::-webkit-scrollbar-thumb{@apply bg-slate-300 rounded-full border-4 border-slate-100;}::-webkit-scrollbar-thumb:hover{@apply bg-slate-400;}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite alternate ease-in-out}.animate-delay-2000{animation-delay:2s}.animate-reverse{animation-direction:alternate-reverse}.tech-tag{@apply px-4 py-1.5 rounded-xl text-[9px] font-black uppercase tracking-widest transition-all;}.card-icon-container{@apply size-14 rounded-2xl flex items-center justify-center text-white shadow-xl transition-all;}.brand-icon-box{@apply size-10 flex items-center justify-center p-2 rounded-xl bg-slate-50 border border-slate-100 shadow-sm transition-all;}.brand-logo-img{@apply size-full object-contain;}
