:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background-color:#0a0a0a;color:#fff;overflow-x:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.rich-body{color:#cdd6df;font-size:1.125rem;line-height:1.85;letter-spacing:.2px;white-space:pre-line}@media (max-width: 640px){.rich-body{font-size:1.0625rem;line-height:1.8}}*{margin:0;padding:0;box-sizing:border-box}.app{background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;min-height:100vh;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;scroll-behavior:smooth;scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00d4ff,#090979);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#090979,#00d4ff)}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(45deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 4px 15px #8b5cf659}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680}.btn-secondary{background:transparent;color:#8b5cf6;border:2px solid #8b5cf6}.btn-secondary:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px)}.section{max-width:1200px;margin:0 auto;padding:100px 20px;scroll-margin-top:24px;scroll-margin-bottom:120px}.card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00d4ff1a;border-color:#00d4ff4d}.section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;text-align:center;margin-bottom:60px;background:linear-gradient(45deg,#fff,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.section{padding:60px 15px}.section-title{margin-bottom:40px}}@media (max-width: 640px){.app{scroll-padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}.mobile-footer{display:none}@media (max-width: 640px){.mobile-footer{margin-top:24px;display:flex;justify-content:center;gap:16px;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.mobile-footer-link{display:inline-flex;align-items:center;gap:8px;color:#e5e7eb;text-decoration:none;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);padding:8px 12px;border-radius:10px;transition:background .2s ease,border-color .2s ease}.mobile-footer-link:hover{background:#ffffff14;border-color:#fff3}}.dock-wrapper{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:0;right:0;display:flex;justify-content:center;z-index:1000;pointer-events:none}.dock{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:20px;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);padding:10px 12px;box-shadow:0 10px 40px #00000059;pointer-events:auto}.dock-menu{display:flex;align-items:flex-end;gap:8px;list-style:none;margin:0;padding:0 6px}.dock-separator{width:1px;height:46px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.25),transparent)}.dock-item{position:relative;transition:transform .2s ease,margin .2s ease}.dock-item:hover{margin:0 6px;z-index:2}.dock-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#e5e7eb;text-decoration:none;background:transparent;border:1px solid transparent;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.dock-item:hover .dock-icon{transform:scale(1.35);color:#fff;background:#ffffff1a;border-color:transparent;box-shadow:0 10px 30px #00000059}.tooltip{position:absolute;bottom:58px;left:50%;transform:translate(-50%);padding:6px 10px;font-size:12px;background:#000000b3;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.dock-item:hover .tooltip{opacity:1;transform:translate(-50%) translateY(-2px)}body,.app{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}@media (max-width: 640px){.dock{padding:8px 10px}.dock-icon{width:42px;height:42px}.dock-separator{height:40px}}@media (max-width: 480px){.dock{gap:8px;padding:6px 8px;border-radius:16px}.dock-menu{gap:6px;padding:0 4px}.dock-icon{width:36px;height:36px}.dock-item:hover{margin:0 4px}.dock-item:hover .dock-icon{transform:scale(1.25)}.dock-separator{height:34px}.tooltip{bottom:50px;font-size:11px;padding:5px 8px}body,.app{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}@media (max-width: 360px){.dock{gap:6px;padding:6px}.dock-menu{gap:4px;padding:0 2px}.dock-icon{width:32px;height:32px}.dock-item:hover{margin:0 3px}.dock-item:hover .dock-icon{transform:scale(1.2)}.dock-separator{height:30px}.tooltip{bottom:46px;font-size:10.5px}body,.app{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}@media (max-width: 640px){.dock-wrapper{display:none}body,.app{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}.hero{padding-top:120px}.hero-inner{display:grid;grid-template-columns:480px 1fr;gap:48px;align-items:center}.hero-image-wrap{position:relative;width:100%;max-width:520px;aspect-ratio:1 / 1}.hero-image{width:100%;height:100%;object-fit:cover;border-radius:28px;border:2px solid rgba(255,255,255,.12);box-shadow:0 30px 80px #00d4ff26}.hero-glow{position:absolute;inset:0;border-radius:28px;background:radial-gradient(120px 120px at 20% 20%,rgba(89,0,255,.25),transparent),radial-gradient(140px 140px at 80% 80%,rgba(182,0,243,.25),transparent);filter:blur(20px);pointer-events:none}.hero-content{text-align:left}.hero-title{font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.05;font-weight:900;letter-spacing:-.02em}.hero-role{margin-top:10px;font-size:clamp(1.2rem,3.5vw,1.6rem);color:#9aa7b1;font-weight:600}.hero-sub{margin-top:16px;font-size:1.05rem;color:#c9d1d9;max-width:60ch}.hero-cta{margin-top:28px;display:flex;gap:14px}.hero .btn-primary:hover{color:#000}@media (max-width: 1024px){.hero-inner{grid-template-columns:1fr}.hero-image-wrap{max-width:460px;margin:0 auto}}@media (max-width: 640px){.hero{padding-top:100px}.hero-cta{flex-direction:column;align-items:flex-start}.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-role{font-size:1.1rem}.hero-sub{font-size:1rem}}@media (max-width: 360px){.hero{padding-top:88px}.hero-title{font-size:clamp(1.8rem,8.5vw,2.6rem)}.hero-role{font-size:1rem}.hero-sub{font-size:.95rem}.hero-cta{gap:10px;margin-top:22px}}.about .about-body{color:#cdd6df;font-size:1.125rem;line-height:1.85;letter-spacing:.2px;white-space:pre-line}.about .card{padding:28px}.about-content{padding:16px 0;border-top:1px solid rgba(255,255,255,.08)}.about .section-title{position:relative}.about .section-title:after{content:"";display:block;width:80px;height:2px;margin:12px auto 0;background:linear-gradient(90deg,transparent,#8b5cf6,transparent);opacity:.7;border-radius:2px}@media (max-width: 640px){.about .about-body{font-size:1.0625rem;line-height:1.8}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.skills-content{padding:16px 0;border-top:1px solid rgba(255,255,255,.08)}.skills .section-title{position:relative}.skills .section-title:after{content:"";display:block;width:80px;height:2px;margin:12px auto 0;background:linear-gradient(90deg,transparent,#8b5cf6,transparent);opacity:.7;border-radius:2px}.skill-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;border:1px solid rgba(255,255,255,.1);padding:18px;display:flex;align-items:center;gap:14px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.skill-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #8b5cf61f;border-color:#8b5cf659}.skill-icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--accent, #8b5cf6)}.skill-label{display:flex;flex-direction:column}.skill-name{font-weight:700}.skill-sub{font-size:12px;color:#a7b0b8}@media (max-width: 640px){.skill-card{padding:16px;gap:12px}.skill-icon{width:48px;height:48px;border-radius:10px}}@media (max-width: 360px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.skill-card{padding:14px;gap:10px}.skill-icon{width:42px;height:42px;border-radius:10px}.skill-name{font-size:.98rem}.skill-sub{font-size:11px}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.project-card{padding:18px}@media (max-width: 420px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.project-card{padding:16px}}.experience .exp-body{color:#cdd6df;font-size:1.125rem;line-height:1.85;letter-spacing:.2px;white-space:pre-line}.experience .card{padding:28px}.experience-content{padding:16px 0;border-top:1px solid rgba(255,255,255,.08)}.experience .section-title{position:relative}.experience .section-title:after{content:"";display:block;width:80px;height:2px;margin:12px auto 0;background:linear-gradient(90deg,transparent,#8b5cf6,transparent);opacity:.7;border-radius:2px}@media (max-width: 640px){.experience .exp-body{font-size:1.0625rem;line-height:1.8}}.contact-form{padding:24px;display:grid;gap:16px;max-width:720px;margin:0 auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px}.field label{font-weight:600;color:#e5e7eb}.field input,.field textarea{padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field input::placeholder,.field textarea::placeholder{color:#9aa7b1}.field input:focus,.field textarea:focus{border-color:#8b5cf68c;box-shadow:0 0 0 4px #8b5cf626;background:#ffffff0f}.field-error{color:#fca5a5;font-size:.9rem}.field-meta{display:flex;justify-content:flex-end}.muted{color:#9aa7b1;font-size:.9rem}.form-actions{display:flex;justify-content:flex-end}.form-success{background:#22c55e1f;border:1px solid rgba(34,197,94,.35);color:#bbf7d0;padding:10px 14px;border-radius:10px}.form-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fecaca;padding:10px 14px;border-radius:10px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}