:root{--bg: #ffffff;--bg-soft: #f5f5f7;--bg-card: #f5f5f7;--bg-card-hover: #ededf0;--bg-elevated: #ffffff;--border: rgba(0, 0, 0, .06);--border-hover: rgba(0, 0, 0, .12);--text: #1d1d1f;--text-secondary: #6e6e73;--text-muted: #86868b;--accent: #0071e3;--accent-light: #0077ed;--accent-dim: rgba(0, 113, 227, .04);--accent-mid: rgba(0, 113, 227, .08);--glass: rgba(255, 255, 255, .85);--glass-solid: rgba(255, 255, 255, .97);--hero-grad-start: #1d1d1f;--hero-grad-end: #6e6e73;--shadow: rgba(0, 0, 0, .06);--shadow-lg: rgba(0, 0, 0, .08);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--max-width: 980px;--radius: 20px;--radius-sm: 14px;--transition: .35s cubic-bezier(.25, .1, .25, 1)}html.dark{--bg: #0a0a0c;--bg-soft: #111114;--bg-card: #161619;--bg-card-hover: #1e1e22;--bg-elevated: #18181c;--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--text: #f5f5f6;--text-secondary: #a1a1a6;--text-muted: #6e6e73;--accent: #2997ff;--accent-light: #40a9ff;--accent-dim: rgba(41, 151, 255, .06);--accent-mid: rgba(41, 151, 255, .1);--glass: rgba(18, 18, 22, .85);--glass-solid: rgba(18, 18, 22, .97);--hero-grad-start: #f5f5f6;--hero-grad-end: #86868b;--shadow: rgba(0, 0, 0, .2);--shadow-lg: rgba(0, 0, 0, .3);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden;transition:background .3s ease,color .3s ease}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-to-content{position:absolute;top:-100%;left:16px;z-index:9999;padding:12px 24px;background:var(--text);color:var(--bg);font-weight:600;font-size:13px;border-radius:980px;text-decoration:none;transition:top .2s}.skip-to-content:focus{top:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .8s cubic-bezier(.25,.1,.25,1) both}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:800px 100%;animation:shimmer 1.5s infinite linear}.section{padding:96px 32px;max-width:var(--max-width);margin:0 auto}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--accent);margin-bottom:16px;letter-spacing:.3px}.section-label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.5}.section-title{font-size:clamp(32px,4vw,48px);font-weight:700;color:var(--text);letter-spacing:-1.5px;line-height:1.1;margin-bottom:16px}.section-desc{font-size:17px;color:var(--text-secondary);max-width:540px;line-height:1.6;margin-bottom:44px;font-weight:400}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:28px 30px;transition:all var(--transition);position:relative}.card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 30px var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:980px;font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition);border:none;white-space:nowrap}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover{opacity:.85;transform:scale(1.02);box-shadow:0 4px 16px var(--shadow)}.btn-primary:active{transform:scale(.98);box-shadow:none}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border-hover)}.btn-outline:hover{background:var(--bg-card);border-color:var(--border-hover);transform:scale(1.02)}.btn-outline:active{transform:scale(.98)}.page-transition{animation:fadeIn .3s ease}@media(max-width:768px){.section{padding:64px 24px}.section-title{font-size:28px;letter-spacing:-1px}.section-desc{font-size:15px;margin-bottom:32px}.card{padding:22px 20px}.btn{padding:12px 22px;font-size:14px}}@media(max-width:380px){.section{padding:52px 16px}.section-title{font-size:24px}}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}.hero-orb-1{animation:orbFloat 20s ease-in-out infinite}.hero-orb-2{animation:orbFloat 25s ease-in-out infinite reverse}.card-project:hover{transform:translateY(-4px) scale(1.01)!important;box-shadow:0 12px 40px var(--shadow-lg)!important}.card-project:hover .project-arrow{opacity:1!important;transform:translate(2px,-2px)}.blog-grid-card{display:flex!important;flex-direction:column!important}.blog-grid-card:hover .blog-thumb img{transform:scale(1.05)}.blog-thumb img{transition:transform .5s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}