@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--bg-color: #0b1120;--surface-color: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .05);--glass-border-hover: rgba(255, 255, 255, .15);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-cyan: #00ffff;--accent-purple: #9d00ff;--gradient-text: linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}a{text-decoration:none;color:inherit}ul{list-style:none}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.glass-panel{background:var(--surface-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;transition:var(--transition)}.glass-panel:hover{transform:translateY(-5px);border-color:var(--glass-border-hover);box-shadow:0 10px 40px -10px #00ffff1a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}section{padding:100px 5%;display:flex;flex-direction:column;justify-content:center;min-height:80vh;max-width:1400px;margin:0 auto;width:100%}.section-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-align:center;color:var(--text-primary)}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:1.1rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}nav{position:fixed;top:0;width:100%;padding:20px 10%;display:flex;justify-content:space-between;align-items:center;z-index:100;background:#0b1120b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border)}.nav-logo{font-family:Poppins,sans-serif;font-weight:700;font-size:1.5rem;color:var(--text-primary);display:flex;align-items:center}.nav-links{display:flex;gap:2.5rem;justify-content:center;flex:1}.nav-links li a{font-weight:500;font-size:.95rem;color:var(--text-secondary);transition:var(--transition);position:relative;padding:8px 16px;border-radius:8px}.nav-links li a:hover{color:var(--bg-color);background:var(--gradient-text);box-shadow:0 4px 15px #0ff6;font-weight:600}.hero{min-height:100vh;align-items:center;padding-top:15vh}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:4rem;width:100%}.hero-text{flex:1}.hero-text h1{font-size:5.5rem;line-height:1.1;margin-bottom:15px;font-weight:800}.hero-text h2{font-size:2.5rem;font-weight:600;margin-bottom:25px}.hero-text p{font-size:1.1rem;color:var(--text-secondary);max-width:550px;margin-bottom:40px;line-height:1.8}.hero-buttons{display:flex;gap:20px;margin-bottom:3rem}.btn{display:inline-block;padding:12px 28px;background:transparent;color:var(--text-primary);border:1px solid var(--glass-border);border-radius:8px;font-weight:500;transition:var(--transition);cursor:pointer;background-color:#ffffff08}.btn:hover{background-color:#ffffff14;transform:translateY(-2px)}.btn-primary{background:var(--accent-cyan);color:var(--bg-color);border:none;font-weight:600}.btn-primary:hover{background:#00d4ff;transform:translateY(-2px);box-shadow:0 5px 15px #00ffff4d}.opportunity-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;border:1px solid rgba(0,255,255,.3);background:#00ffff0d;color:var(--accent-cyan);font-size:.9rem;margin-bottom:2rem}.dot{width:8px;height:8px;background-color:var(--accent-cyan);border-radius:50%;box-shadow:0 0 10px var(--accent-cyan);animation:pulse 2s infinite}.floating-badge{position:absolute;background:var(--surface-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:12px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000080;animation:float 5s ease-in-out infinite;z-index:10}.badge-top-right{top:10%;right:-5%;animation-delay:1s}.badge-value{font-size:1.5rem;font-weight:700;color:var(--accent-cyan)}.badge-label{font-size:.8rem;color:var(--text-secondary)}.tech-stack{display:flex;gap:15px;flex-wrap:wrap}.tech-tag{padding:8px 16px;background:var(--surface-color);border:1px solid var(--glass-border);border-radius:8px;font-size:.9rem;color:var(--text-secondary)}.profile-container{position:relative;width:450px;height:450px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.profile-img{width:380px;height:380px;border-radius:50%;object-fit:cover;z-index:2}.profile-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--accent-cyan),transparent,var(--accent-purple));background-size:400% 400%;border-radius:50%;z-index:1;filter:blur(8px);animation:glow-spin 8s linear infinite}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.project-card{display:flex;flex-direction:column}.project-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--text-primary);font-weight:600}.project-card p{color:var(--text-secondary);font-size:.95rem;margin-bottom:25px;flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.project-tag{background:#ffffff0d;padding:4px 12px;border-radius:6px;font-size:.8rem;color:var(--text-secondary)}.project-links{display:flex;gap:15px}.project-links .btn{flex:1;text-align:center;padding:10px}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.info-item{display:flex;align-items:center;gap:15px;margin-bottom:1.5rem;padding:15px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:12px}.info-icon{font-size:2rem;background:#00ffff1a;padding:15px;border-radius:50%;color:var(--accent-cyan)}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-primary);font-weight:500;font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:15px;background:#0b112080;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 10px #00ffff1a}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes glow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #00ffffb3}70%{transform:scale(1);box-shadow:0 0 0 6px #0ff0}to{transform:scale(.95);box-shadow:0 0 #0ff0}}@media (max-width: 1024px){.hero-text h1{font-size:4rem}.profile-container{width:350px;height:350px}.profile-img{width:300px;height:300px}}@media (max-width: 768px){.hero-content{flex-direction:column-reverse;text-align:center}.hero-text p{margin:0 auto 30px}.hero-buttons,.tech-stack{justify-content:center}.opportunity-badge{margin:0 auto 2rem}.badge-top-right{right:0}}