*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a2e;--bg-glass:#1a1a2e99;--text-primary:#e8e8f0;--text-secondary:#9898b0;--text-muted:#6868a0;--accent:#6c63ff;--accent-2:#00d4ff;--accent-3:#ff6b9d;--gradient-1:linear-gradient(135deg, #6c63ff, #00d4ff);--gradient-2:linear-gradient(135deg, #ff6b9d, #ffa347);--gradient-3:linear-gradient(135deg, #00d4ff, #6c63ff, #ff6b9d);--border:#6c63ff26;--border-hover:#6c63ff66;--shadow:0 8px 32px #0000004d;--radius:16px;--radius-sm:10px;--transition:.3s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:var(--transition);background:#0a0a0fcc;padding:1rem 2rem;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav-logo{background:var(--gradient-1);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);transition:var(--transition);font-size:.9rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--gradient-1);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.nav-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 30%,#6c63ff14 0%,#0000 50%),radial-gradient(circle at 70%,#00d4ff0f 0%,#0000 50%),radial-gradient(circle at 50% 80%,#ff6b9d0a 0%,#0000 50%);width:200%;height:200%;animation:15s ease-in-out infinite alternate heroGlow;position:absolute;top:-50%;left:-50%}@keyframes heroGlow{0%{transform:translate(0)rotate(0)}to{transform:translate(20px,-20px)rotate(3deg)}}.hero-content{z-index:1;max-width:800px;position:relative}.hero-badge{background:var(--bg-glass);border:1px solid var(--border);color:var(--accent-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-size:.85rem;animation:.6s ease-out fadeInUp;display:inline-flex}.hero h1{margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1;animation:.6s ease-out .1s both fadeInUp}.hero h1 .gradient-text{background:var(--gradient-3);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.2rem;animation:.6s ease-out .2s both fadeInUp}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;animation:.6s ease-out .3s both fadeInUp;display:flex}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:0 4px 20px #6c63ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6c63ff66}.btn-outline{color:var(--text-primary);border:1px solid var(--border-hover);background:0 0}.btn-outline:hover{background:var(--bg-glass);border-color:var(--accent);transform:translateY(-2px)}.section{max-width:1200px;margin:0 auto;padding:5rem 2rem}.section-header{text-align:center;margin-bottom:3.5rem}.section-header h2{margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.section-header h2 .accent{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-header p{color:var(--text-secondary);font-size:1.05rem}.section-divider{background:var(--gradient-1);border-radius:3px;width:60px;height:3px;margin:1rem auto 0}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.about-visual{position:relative}.about-avatar{background:var(--gradient-1);border-radius:24px;justify-content:center;align-items:center;width:280px;height:280px;margin:0 auto;font-size:6rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #6c63ff33}.about-avatar:after{content:"";background:var(--bg-card);border-radius:22px;justify-content:center;align-items:center;display:flex;position:absolute;inset:3px}.about-avatar img{z-index:1;object-fit:cover;border-radius:22px;width:100%;height:100%;position:relative}.about-text h3{margin-bottom:1rem;font-size:1.5rem}.about-text p{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem}.about-highlights{flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;display:flex}.highlight-item{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;padding:1rem 1.5rem}.highlight-item .number{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.highlight-item .label{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.skill-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);padding:2rem;position:relative;overflow:hidden}.skill-card:before{content:"";background:var(--gradient-1);opacity:0;height:3px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.skill-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow);transform:translateY(-4px)}.skill-card:hover:before{opacity:1}.skill-card-icon{margin-bottom:1rem;font-size:2rem}.skill-card h3{margin-bottom:1rem;font-size:1.1rem;font-weight:700}.skill-tags{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{color:var(--accent-2);transition:var(--transition);background:#6c63ff1a;border:1px solid #6c63ff33;border-radius:50px;padding:.35rem .9rem;font-size:.8rem;font-weight:500}.skill-tag:hover{border-color:var(--accent);background:#6c63ff33}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;display:grid}.project-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);position:relative;overflow:hidden}.project-card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:0 20px 50px #0000004d}.project-banner{justify-content:center;align-items:center;height:180px;font-size:4rem;display:flex;position:relative}.project-banner.gradient-1{background:linear-gradient(135deg,#6c63ff26,#00d4ff1a)}.project-banner.gradient-2{background:linear-gradient(135deg,#ff6b9d26,#ffa3471a)}.project-banner.gradient-3{background:linear-gradient(135deg,#00d4ff26,#6c63ff1a)}.project-banner.gradient-4{background:linear-gradient(135deg,#ffa34726,#6c63ff1a)}.project-banner.gradient-5{background:linear-gradient(135deg,#6c63ff26,#ff6b9d1a)}.project-banner.gradient-6{background:linear-gradient(135deg,#00d4ff26,#ff6b9d1a)}.project-body{padding:1.5rem}.project-body h3{margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.project-body p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.4rem;display:flex}.project-tags span{color:var(--accent-2);background:#00d4ff14;border:1px solid #00d4ff26;border-radius:50px;padding:.25rem .7rem;font-size:.75rem;font-weight:500}.achievements-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;display:grid}.achievement-item{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.achievement-item:hover{border-color:var(--border-hover);transform:translate(4px)}.achievement-icon{background:#6c63ff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.achievement-text h4{margin-bottom:.25rem;font-size:.95rem;font-weight:600}.achievement-text p{color:var(--text-muted);font-size:.83rem}.contact-section{background:var(--bg-secondary);border-top:1px solid var(--border)}.contact-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.contact-info h3{margin-bottom:.5rem;font-size:1.6rem}.contact-info>p{color:var(--text-secondary);margin-bottom:2rem}.contact-links{flex-direction:column;gap:1rem;display:flex}.contact-link{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.contact-link:hover{border-color:var(--border-hover);transform:translate(6px)}.contact-link .icon{background:#6c63ff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.contact-link .details .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.contact-link .details .value{color:var(--text-primary);font-size:.95rem;font-weight:500}.contact-visual{justify-content:center;align-items:center;display:flex}.contact-art{border:1px solid var(--border);background:radial-gradient(circle at 30% 30%,#6c63ff33,#0000 60%),radial-gradient(circle at 70% 70%,#00d4ff26,#0000 60%),radial-gradient(circle,#ff6b9d1a,#0000 60%);border-radius:50%;justify-content:center;align-items:center;width:300px;height:300px;font-size:5rem;animation:6s ease-in-out infinite float;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.footer{background:var(--bg-primary);border-top:1px solid var(--border);text-align:center;padding:2rem}.footer p{color:var(--text-muted);font-size:.85rem}.footer .heart{color:var(--accent-3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (width<=768px){.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0a0ff2;flex-direction:column;gap:1rem;padding:1.5rem 2rem;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{display:flex}.nav-toggle{display:block}.about-grid,.contact-grid{text-align:center;grid-template-columns:1fr}.about-highlights{justify-content:center}.projects-grid{grid-template-columns:1fr}.hero h1{font-size:2.2rem}.contact-visual{display:none}}