:root{--bg-color: #030303;--bg-gradient: radial-gradient(circle at 50% 30%, #1a1012 0%, #030303 75%);--text-color: #f5f5f7;--text-dim: #8e8e93;--accent-color: #ff3b30;--accent-glow: rgba(255, 59, 48, .45);--glass-bg: rgba(18, 15, 16, .65);--glass-border: rgba(255, 255, 255, .06);--glass-glow: rgba(255, 59, 48, .01);--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-header: "Syne", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:transparent;color:var(--text-color);font-family:var(--font-main);overflow-x:hidden;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0009,inset 0 0 32px 0 var(--glass-glow);transition:transform .3s cubic-bezier(.25,.8,.25,1),border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.glass-panel:hover{border-color:#ff3b3059;box-shadow:0 16px 40px #ff3b3026,inset 0 0 32px #ffffff05;background-color:#1a1415bf}.text-gradient{background:linear-gradient(135deg,#fff 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;background-color:var(--bg-color);background-image:var(--bg-gradient)}.btn-primary{transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #ff3b3066!important;background-color:#ff3b3059!important;border-color:#ff3b3099!important}.nav-link{transition:opacity .2s ease,color .2s ease,transform .2s ease!important}.nav-link:hover{opacity:1!important;color:var(--accent-color)!important;transform:translateY(-1px)}.project-link{transition:all .2s cubic-bezier(.25,.8,.25,1)!important}.project-link:hover{color:#fff!important;transform:translate(6px)}.profile-image:hover{transform:scale(1.05) rotate(1deg)}