body{min-width:320px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--primary: #00d9ff;--secondary: #7b2ff7;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #d0d0d0;--card-bg: rgba(255, 255, 255, .05);--transition: all .3s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{padding:16px 0;position:fixed;top:0;left:0;right:0;background:#1a1a2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(255,255,255,.05)}.nav{display:flex;justify-content:space-between;align-items:center;position:relative}.logo{font-size:1.75rem;font-weight:700;color:var(--primary);text-decoration:none}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--text-primary);text-decoration:none;font-weight:500;font-size:.95rem;transition:var(--transition);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:var(--transition)}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}.hero{display:flex;justify-content:space-between;align-items:center;padding:120px 0 80px;min-height:100vh;gap:60px}.hero-content{flex:1;max-width:600px}.hero h1{font-size:3.75rem;font-weight:700;margin-bottom:8px;line-height:1.2}.highlight{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title{font-size:1.5rem;color:var(--text-secondary);margin-bottom:24px;font-weight:500}.about{font-size:1.125rem;line-height:1.8;color:var(--text-muted);margin-bottom:32px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.btn{padding:14px 32px;border-radius:50px;text-decoration:none;font-weight:600;font-size:1rem;transition:var(--transition);display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--primary),#00b8d9);color:var(--bg-primary);border:none}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00d9ff40}.hero-avatar{flex:0 0 auto}.avatar-circle{width:320px;height:320px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:7rem;font-weight:700;box-shadow:0 25px 80px #00d9ff59;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.section{padding:80px 0}.section-header{text-align:center;margin-bottom:50px}.section h2{font-size:2.5rem;font-weight:700;margin-bottom:16px}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:500px;margin:0 auto}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.about-card{background:var(--card-bg);padding:32px;border-radius:16px;text-align:center;transition:var(--transition);border:1px solid rgba(255,255,255,.05)}.about-card:hover{transform:translateY(-8px);background:#ffffff14;border-color:#00d9ff33}.about-card h3{color:var(--primary);margin-bottom:12px;font-size:1.25rem}.about-card p{font-size:1rem;color:var(--text-primary)}.subtitle{color:var(--text-secondary);font-size:.875rem!important;margin-top:8px}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.skill-tag{background:#00d9ff1a;color:var(--primary);padding:14px 28px;border-radius:50px;font-weight:500;font-size:.95rem;border:1px solid rgba(0,217,255,.2);transition:var(--transition)}.skill-tag:hover{background:var(--primary);color:var(--bg-primary);transform:scale(1.05)}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.contact-card{background:var(--card-bg);padding:28px;border-radius:16px;text-align:center;transition:var(--transition);border:1px solid rgba(255,255,255,.05)}.contact-card:hover{transform:translateY(-5px);border-color:#00d9ff4d}.contact-icon{font-size:2rem;display:block;margin-bottom:12px}.contact-card p{color:var(--text-muted);font-size:.95rem;word-break:break-word}.social-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.social-links a{color:var(--primary);text-decoration:none;font-weight:500;padding:12px 28px;border:1px solid var(--primary);border-radius:50px;transition:var(--transition);font-size:.95rem}.social-links a:hover{background:var(--primary);color:var(--bg-primary);transform:translateY(-3px)}.footer{text-align:center;padding:40px 0;border-top:1px solid rgba(255,255,255,.08);margin-top:40px}.footer p{color:var(--text-secondary);font-size:.9rem}@media(max-width:1024px){.hero{padding:100px 0 60px;gap:40px}.hero h1{font-size:3rem}.avatar-circle{width:260px;height:260px;font-size:5.5rem}.about-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.container{padding:0 20px}.nav{position:static}.nav-links{position:absolute;top:100%;left:0;right:0;background:#1a1a2efa;flex-direction:column;padding:24px;gap:20px;transform:translateY(-150%);transition:var(--transition);border-bottom:1px solid rgba(255,255,255,.1);z-index:999}.nav-links.active{transform:translateY(0)}.mobile-menu-btn{display:block}.hero{flex-direction:column-reverse;text-align:center;padding:100px 0 50px;gap:30px;min-height:auto}.hero-content{max-width:100%}.hero h1{font-size:2.5rem}.title{font-size:1.25rem}.about{font-size:1rem}.hero-buttons{justify-content:center}.btn{padding:12px 26px;font-size:.95rem}.avatar-circle{width:200px;height:200px;font-size:4.5rem}.section{padding:60px 0}.section h2{font-size:2rem}.about-grid,.contact-grid{grid-template-columns:1fr}.about-card,.contact-card{padding:24px}.skills-grid{gap:12px}.skill-tag{padding:10px 20px;font-size:.875rem}.social-links{gap:12px}.social-links a{padding:10px 20px;font-size:.875rem}}@media(max-width:480px){.hero h1{font-size:2rem}.highlight{font-size:1.75rem}.title{font-size:1.1rem}.avatar-circle{width:160px;height:160px;font-size:3.5rem}.section h2{font-size:1.75rem}.footer{padding:30px 0}}