:root{--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-card: #ffffff;--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--text-muted: #8888a8;--accent: #ff6b35;--accent-hover: #e85a25;--accent-glow: rgba(255, 107, 53, .3);--gradient-start: #ff6b35;--gradient-mid: #f7c948;--gradient-end: #fff1c1;--border: rgba(0, 0, 0, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 30px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .1);--nav-bg: rgba(250, 250, 250, .85);--toggle-bg: #e0e0e0;--toggle-knob: #ffffff;--tag-bg: rgba(255, 107, 53, .1);--tag-text: #ff6b35}[data-theme=dark]{--bg-primary: #0a0a1a;--bg-secondary: #12122a;--bg-card: #1a1a3e;--text-primary: #e8e8f0;--text-secondary: #a8a8c8;--text-muted: #6868a8;--accent: #ff6b35;--accent-hover: #ff8555;--accent-glow: rgba(255, 107, 53, .4);--gradient-start: #ff6b35;--gradient-mid: #f7c948;--gradient-end: #fff1c1;--border: rgba(255, 255, 255, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 30px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .5);--nav-bg: rgba(10, 10, 26, .9);--toggle-bg: #2a2a4a;--toggle-knob: #ff6b35;--tag-bg: rgba(255, 107, 53, .15);--tag-text: #ff8555}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.7;transition:background .4s ease,color .4s ease;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}.bg-grid{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;animation:gridShift 20s linear infinite}@keyframes gridShift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.15;z-index:-1;animation:orbFloat 15s ease-in-out infinite alternate;pointer-events:none}.orb-1{width:400px;height:400px;background:var(--gradient-start);top:10%;left:-5%;animation-duration:18s}.orb-2{width:300px;height:300px;background:var(--gradient-mid);top:60%;right:-5%;animation-duration:22s;animation-delay:-5s}.orb-3{width:250px;height:250px;background:var(--gradient-end);bottom:10%;left:30%;animation-duration:16s;animation-delay:-10s}@keyframes orbFloat{0%{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}to{transform:translate(30px,-40px) scale(1.05)}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-left{opacity:0;transform:translate(-40px);transition:opacity .8s ease,transform .8s ease}.slide-left.visible{opacity:1;transform:translate(0)}.slide-right{opacity:0;transform:translate(40px);transition:opacity .8s ease,transform .8s ease}.slide-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transform:scale(.9);transition:opacity .6s ease,transform .6s ease}.scale-in.visible{opacity:1;transform:scale(1)}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.section{padding:6rem 0}.section-title{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-mid));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:3rem}.gradient-text{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-mid),var(--gradient-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--gradient-start),var(--accent-hover));color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow);color:#fff}.btn-outline{background:transparent;color:var(--accent);border:2px solid var(--accent)}.btn-outline:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .4s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,transparent,var(--accent-glow),transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;transition:opacity .4s ease;pointer-events:none}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.card:hover:before{opacity:1}.tag{display:inline-block;padding:.3rem .8rem;background:var(--tag-bg);color:var(--tag-text);border-radius:20px;font-size:.8rem;font-weight:500}@media(max-width:768px){.section{padding:4rem 0}.section-title{font-size:1.8rem}}