*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:radial-gradient(circle at top,rgba(59,130,246,.08),transparent 45%),var(--background);color:var(--text-primary);line-height:1.7;overflow-x:hidden;transition:background .3s ease,color .3s ease}:root{--background: #09090b;--surface: #111827;--surface-hover: #1f2937;--border: #27272a;--text-primary: #fafafa;--text-secondary: #a1a1aa;--accent: #3b82f6;--accent-hover: #2563eb;--header-bg: rgba(9, 9, 11, .75);--header-border: rgba(255, 255, 255, .05);--hero-title-start: #ffffff;--hero-title-end: #dbeafe;--container: 1200px}[data-theme=light]{--background: #f8fafc;--surface: #ffffff;--surface-hover: #f1f5f9;--border: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--accent: #2563eb;--accent-hover: #1d4ed8;--header-bg: rgba(248, 250, 252, .82);--header-border: rgba(15, 23, 42, .08);--hero-title-start: #0f172a;--hero-title-end: #2563eb}main{width:100%}.section{max-width:var(--container);margin:0 auto;padding:120px 24px}.section h2{font-size:2.4rem;margin-bottom:24px;font-weight:700}.section p{color:var(--text-secondary);max-width:800px}.header{position:fixed;top:0;width:100%;z-index:1000;backdrop-filter:blur(18px);background:var(--header-bg);border-bottom:1px solid var(--header-border)}.navbar{max-width:var(--container);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 24px}.logo{font-weight:700;font-size:1.1rem}.nav-links{display:flex;gap:28px;list-style:none}.nav-links a{text-decoration:none;color:var(--text-secondary);transition:.3s ease}.nav-links a:hover{color:var(--text-primary)}.hero{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 60px}.hero-content{max-width:900px;text-align:center}.hero-badge{display:inline-block;margin-bottom:24px;padding:8px 16px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--text-secondary);font-size:.9rem}.hero h1{font-size:clamp(2.8rem,6vw,4.8rem);background:linear-gradient(180deg,var(--hero-title-start) 0%,var(--hero-title-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;max-width:1000px;line-height:1.1;margin:0 auto 28px;font-weight:800;letter-spacing:-2px}.hero p{color:var(--text-secondary);font-size:1.2rem;max-width:700px;margin:auto}.hero-actions{margin-top:40px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn-primary,.btn-secondary{text-decoration:none;padding:14px 26px;border-radius:12px;transition:.3s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn-secondary{border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff0d}.metrics{max-width:var(--container);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:0 24px 120px}.metric-card{background:var(--surface);border:1px solid var(--border);padding:32px;border-radius:20px;text-align:center}.metric-card h3{font-size:2rem;margin-bottom:12px}.metric-card p{color:var(--text-secondary)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:40px}.card,.project-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px;transition:all .3s ease}.card:hover,.project-card:hover{transform:translateY(-6px);border-color:#3b82f659;background:var(--surface-hover)}.card h3,.project-card h3{margin-bottom:12px}.card p,.project-card p{color:var(--text-secondary)}.tech-stack{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}.tech-stack span{padding:10px 18px;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary)}.timeline{margin-top:40px;border-left:2px solid var(--border);padding-left:32px}.timeline-item{position:relative;margin-bottom:50px}.timeline-item:before{content:"";position:absolute;left:-41px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--accent)}.timeline-item h3{margin-bottom:10px}.timeline-item p{color:var(--text-secondary)}.contact-links{display:flex;gap:20px;margin-top:30px;flex-wrap:wrap}.contact-links a{text-decoration:none;color:var(--accent);transition:.3s ease}.contact-links a:hover{color:var(--text-primary)}.footer{border-top:1px solid var(--border);text-align:center;padding:50px 24px;color:var(--text-secondary)}.footer p:first-child{margin-bottom:10px}#backToTop{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border:none;border-radius:50%;background:#3b82f6;color:#fff;font-size:20px;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}#backToTop:hover{transform:translateY(-3px)}#backToTop.show{opacity:1;visibility:visible}.nav-links a.active{color:var(--text-primary)}.nav-links a.active:after{content:"";display:block;margin-top:6px;width:100%;height:2px;background:#3b82f6}.controls{display:flex;align-items:center;gap:16px}#theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text-primary);cursor:pointer;font-size:1.05rem;line-height:1;transition:.3s ease}#theme-toggle:hover{background:var(--surface-hover);transform:rotate(18deg)}.language-switcher{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 72%,transparent)}.language-switcher a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:32px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:1.05rem;line-height:1;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}.language-switcher a:hover,.language-switcher a.active{background:var(--accent);color:#fff}.language-switcher a.active{transform:scale(1.03)}@media(max-width:960px){.metrics{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.hero h1{font-size:3rem}.section{padding:90px 24px}}@media(max-width:640px){.metrics{grid-template-columns:1fr}.hero{text-align:center}.hero h1{font-size:2.4rem}.hero p{font-size:1rem}.section h2{font-size:2rem}.navbar{padding:14px 16px}.controls{gap:12px}#theme-toggle{width:36px;height:36px;font-size:1rem}.language-switcher a{min-width:32px;min-height:30px;font-size:1rem}}.menu-toggle{display:none;background:transparent;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}.card:hover,.project-card:hover{transform:translateY(-6px) scale(1.02)}@media(max-width:960px){.navbar{position:relative}.menu-toggle{display:block}.nav-links.open{display:flex!important;position:absolute;top:calc(100% + 1px);left:24px;right:24px;flex-direction:column;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 40px #00000038}}