:root{--bg: #051226;--bg-soft: #0b2447;--card: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .09);--text: #e8f0fa;--muted: #9fb3cc;--accent: #34d06a;--accent-2: #1d8fd1;--gradient: linear-gradient(135deg, #34d06a, #1aa3c9);--gradient-strong: linear-gradient(135deg, #16a34a, #0b6fb0)}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;line-height:1.6;color:var(--text);background:radial-gradient(circle at 15% 10%,rgba(34,197,94,.14),transparent 40%),radial-gradient(circle at 85% 35%,rgba(29,143,209,.18),transparent 40%),var(--bg);background-attachment:fixed}app-hero,app-about,app-skills,app-projects,app-experience,app-contact{display:block}.section{padding:5rem 8%;max-width:1000px;margin:0 auto}.section-title{font-size:2rem;margin:0 0 2rem}.section-title:after{content:"";display:block;width:60px;height:4px;margin-top:.5rem;background:var(--gradient);border-radius:2px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);border-color:#34d06a80;box-shadow:0 0 30px #34d06a26}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}