@tailwind base;@tailwind components;@tailwind utilities;@layer utilities{.text-gradient-ember{@apply bg-clip-text text-transparent bg-gradient-to-r from-[#ff3d00] via-[#ff8a1f] to-amber-300;}.border-glow-ember{box-shadow:0 0 25px -4px #ff3d004d,0 0 10px -2px #ff8a1f40}}:root{--portfolio-void: #050101;--portfolio-surface: #0b0402;--portfolio-line: rgba(255, 255, 255, .08);--portfolio-muted: #8b817c;--portfolio-accent: #ff4d00;--portfolio-accent-soft: #ff8a3d}html{scroll-behavior:smooth;background:var(--portfolio-void);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at 78% 0%,rgba(255,77,0,.08),transparent 30rem),var(--portfolio-void)}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--portfolio-accent-soft);outline-offset:4px}.portfolio-noise{position:relative;isolation:isolate}.portfolio-noise:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.portfolio-nav-link{position:relative;transition:color .2s ease}.portfolio-nav-link:after{position:absolute;left:0;right:0;bottom:-7px;height:1.5px;content:"";background:var(--portfolio-accent);transform:scaleX(0);transform-origin:center;transition:transform .22s cubic-bezier(.16,1,.3,1)}.portfolio-nav-link:hover,.portfolio-nav-link[data-active=true]{color:#fff}.portfolio-nav-link[data-active=true]:after,.portfolio-nav-link:hover:after{transform:scaleX(1)}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-subtle-float{animation:subtle-float 5s ease-in-out infinite}@keyframes emberGlow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}.animate-ember-glow{animation:emberGlow 7s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .2s cubic-bezier(.16,1,.3,1) forwards}.section-divider-line{position:relative;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 35%,rgba(255,77,0,.3) 50%,rgba(255,255,255,.12) 65%,transparent)}.perspective-3d{perspective:1200px}.preserve-3d{transform-style:preserve-3d}.hero-stage{perspective:1400px;transform-style:preserve-3d}.project-card-3d{position:relative;transform-style:preserve-3d;transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease}.project-deck{perspective:1500px}.project-card-3d:hover{border-color:#ff8a3d8c;box-shadow:0 28px 60px #00000085,0 0 34px #ff4d001a}.project-preview-3d{transform:translateZ(18px);transition:transform .28s ease,border-color .28s ease}.project-card-3d:hover .project-preview-3d{transform:translateZ(26px);border-color:#ff8a3d66}.scroll-cue{animation:scroll-cue 2s ease-in-out infinite}@keyframes scroll-cue{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(5px);opacity:1}}@keyframes cert-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes cert-float{0%{transform:translateY(-12px) rotate(1deg)}to{transform:translateY(12px) rotate(-1deg)}}.cert-marquee{animation:cert-marquee 110s linear infinite}.cert-marquee-paused{animation-play-state:paused}.cert-float{animation:cert-float 3.5s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
