.nav-bar{margin-bottom:0}.about-hero{margin-top:0}.about-hero{min-height:100vh;background:linear-gradient(135deg,#0c0c0ccc,#1a1a1ae6,#0c0c0ccc);position:relative;overflow:hidden;padding:80px 0 60px}.about-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%,rgba(64,224,208,.1) 2px,transparent 2px),radial-gradient(circle at 80% 20%,rgba(147,51,234,.1) 1px,transparent 1px),radial-gradient(circle at 40% 70%,rgba(59,130,246,.1) 1.5px,transparent 1.5px),radial-gradient(circle at 90% 90%,rgba(236,72,153,.1) 2px,transparent 2px);background-size:100px 100px,150px 150px,120px 120px,80px 80px;animation:networkFloat 20s ease-in-out infinite;z-index:1}.about-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.about-profile{display:flex;align-items:center;gap:40px;margin-bottom:80px;text-align:left}.profile-image-large{width:120px;height:120px;background-image:url(./aidev2-DbJbybhs.png);background-size:cover;background-position:center;border-radius:50%;box-shadow:0 8px 32px #0000004d;border:3px solid rgba(255,255,255,.1)}.profile-info h1{font-size:48px;font-weight:700;color:#fff;margin:0 0 10px;background:linear-gradient(135deg,#60a5fa,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:18px;color:#fffc;margin:0}.about-content{display:grid;gap:60px}.about-section h2{font-size:32px;font-weight:600;color:#fff;margin-bottom:20px;position:relative}.about-section h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:2px}.about-section p{font-size:18px;line-height:1.8;color:#ffffffe6;max-width:800px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.skill-item{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;text-align:center;transition:transform .3s ease,background .3s ease}.skill-item:hover{transform:translateY(-5px);background:#ffffff14}.skill-icon{font-size:40px;margin-bottom:20px}.skill-item h3{font-size:20px;font-weight:600;color:#fff;margin-bottom:15px}.skill-item p{font-size:16px;color:#fffc;margin:0}blockquote{font-size:24px;font-style:italic;line-height:1.6;color:#fff;text-align:center;margin:40px 0;padding:40px;background:#ffffff0d;border-left:4px solid #60a5fa;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-links{display:flex;gap:20px;margin-top:30px}.contact-btn{display:inline-block;padding:15px 30px;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent}.contact-btn:not(.secondary){background:linear-gradient(135deg,#60a5fa,#a78bfa);color:#fff}.contact-btn:not(.secondary):hover{transform:translateY(-2px);box-shadow:0 8px 25px #60a5fa4d}.contact-btn.secondary{color:#fff;border-color:#ffffff4d;background:transparent}.contact-btn.secondary:hover{background:#ffffff1a;border-color:#ffffff80}@media (max-width: 768px){.about-hero{padding:60px 30px 40px}.about-profile{flex-direction:column;text-align:center;gap:30px}.profile-info h1{font-size:36px}.about-section h2{font-size:28px}.contact-links{flex-direction:column;align-items:center}}
