:root{--hue-gold: 44;--hue-dark: 220;--bg-light: hsl(var(--hue-gold), 30%, 96%);--text-light: hsl(var(--hue-dark), 20%, 15%);--accent-light: hsl(var(--hue-gold), 80%, 45%);--surface-light: hsl(0, 0%, 100%);--border-light: hsl(var(--hue-gold), 20%, 85%);--bg-dark: hsl(240, 6%, 6%);--text-dark: hsl(var(--hue-gold), 30%, 94%);--accent-dark: hsl(var(--hue-gold), 70%, 60%);--surface-dark: hsl(240, 6%, 11%);--border-dark: hsl(240, 6%, 20%);--font-display: "Big Shoulders Stencil Display", sans-serif;--font-body: "Outfit", sans-serif;--header-height: 80px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-glow: 0 0 30px rgba(var(--hue-gold), 80%, 60%, .15);--ease-elastic: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}.app-root{--bg: var(--bg-dark);--text: var(--text-dark);--accent: var(--accent-dark);--surface: var(--surface-dark);--border: var(--border-dark);--glass-bg: rgba(20, 20, 25, .7);--glass-border: rgba(255, 255, 255, .08);background-color:var(--bg);color:var(--text);font-family:var(--font-body);transition:background-color .5s ease,color .5s ease;min-height:100vh}.app-root.light{--bg: var(--bg-light);--text: var(--text-light);--accent: var(--accent-light);--surface: var(--surface-light);--border: var(--border-light);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .05)}html,body{margin:0;padding:0;overflow-x:clip;overflow-clip-margin:1rem;font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}h1,h2,h3,h4{font-family:var(--font-display);margin:0;line-height:1.1;text-transform:uppercase;letter-spacing:1px}p{line-height:1.6;opacity:.9}a{text-decoration:none;color:inherit;transition:opacity .2s}.main-layout{display:grid;grid-template-columns:minmax(1rem,1fr) minmax(auto,1200px) minmax(1rem,1fr);width:100%}.main-content{grid-column:2;display:flex;flex-direction:column;gap:120px;padding-top:120px;padding-bottom:120px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000001a}.card-3d{transition:transform .4s var(--ease-elastic),box-shadow .4s ease;transform-style:preserve-3d;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem}.card-3d:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:var(--accent)}.fade-in-up{animation:fadeInUp .8s var(--ease-smooth) forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.fixed-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;justify-content:space-between;align-items:center;padding:0 5vw;z-index:1000;background:transparent;border-bottom:none}.logo-text{font-family:var(--font-display);font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--text));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.abt{display:grid;grid-template-columns:1fr;gap:2rem;text-align:center}@media (min-width: 768px){.abt{grid-template-columns:1fr 1fr;text-align:left;align-items:center}}.about-icons{display:flex;gap:1.5rem;font-size:1.5rem;justify-content:center;margin-bottom:1rem}@media (min-width: 768px){.about-icons{justify-content:flex-start}}.about-icons a:hover{color:var(--accent);transform:scale(1.2) rotate(5deg)}.skillsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem}.skillCard{background:var(--surface);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border);text-align:center;transition:all .3s ease}.skillCard:hover{border-color:var(--accent);transform:translateY(-5px)}.projctSec{width:100%}.px-carousel{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;perspective:1000px}.floating-ai-chat-new{position:fixed;bottom:2rem;right:2rem;z-index:2000;width:90vw;max-width:380px;font-family:JetBrains Mono,monospace}@keyframes pulse-ring{0%{box-shadow:0 0 rgba(var(--hue-gold),70%,50%,.4)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}
