body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#a855f726 1px,#0000 1px);background-size:30px 30px;width:100%;height:100%;position:fixed;top:0;left:0}.glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #1f26875e}.gradient-text{background:linear-gradient(135deg,#00f5ff 0%,#a855f7 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-effect{box-shadow:0 0 30px #a855f74d,0 0 60px #a855f71a}section{z-index:1;padding:80px 24px;position:relative}.container{max-width:1200px;margin:0 auto}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex}.profile-img{object-fit:cover;object-position:center 20%;border:4px solid #a855f74d;border-radius:50%;width:192px;height:192px;margin:0 auto 32px;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}h1{margin-bottom:16px;font-size:4rem;font-weight:700}.subtitle{color:#00f5ff;margin-bottom:24px;font-size:1.875rem;font-weight:600}.contact-info{color:#d1d5db;flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:32px;display:flex}.contact-item{align-items:center;gap:8px;transition:color .3s;display:flex}.contact-item:hover{color:#00f5ff}.intro{color:#d1d5db;max-width:768px;margin:0 auto;font-size:1.125rem;line-height:1.75}.section-title{text-align:center;margin-bottom:48px;font-size:3rem;font-weight:700}.skills{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.skill-badge{background:linear-gradient(90deg,#00f5ff33,#a855f733);border:1px solid #00f5ff4d;border-radius:9999px;padding:12px 16px;font-size:.875rem;font-weight:500;transition:all .3s}.skill-badge:hover{transform:scale(1.1);box-shadow:0 4px 12px #00f5ff80}.timeline{padding-left:64px;position:relative}.timeline:before{content:"";background:linear-gradient(#a855f7 0%,#00f5ff 100%);width:2px;position:absolute;top:0;bottom:0;left:24px}.timeline-item{margin-bottom:48px;position:relative}.timeline-icon{background:linear-gradient(to bottom right,#a855f7,#ec4899);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;left:-52px;box-shadow:0 0 30px #a855f74d}.timeline-card{padding:24px;transition:transform .3s}.timeline-card:hover{transform:scale(1.05)}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;margin-bottom:12px;display:flex}.timeline-title{color:#fff;font-size:1.5rem;font-weight:700}.timeline-subtitle{color:#00f5ff;font-weight:600}.timeline-year{color:#a855f7;background:#a855f733;border-radius:9999px;padding:4px 16px;font-size:.875rem;font-weight:500}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.card{padding:32px;transition:transform .3s}.card:hover{transform:scale(1.05)}.card-icon{background:linear-gradient(to bottom right,#a855f7,#ec4899);border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.card-title{color:#fff;margin-bottom:8px;font-size:1.5rem;font-weight:700}.card-subtitle{color:#00f5ff;margin-bottom:8px;font-weight:600}ul{margin-top:12px;list-style:none}li{color:#d1d5db;align-items:start;gap:8px;margin-bottom:12px;display:flex}.checkmark{color:#00f5ff;flex-shrink:0;margin-top:4px}.cta{text-align:center;padding:48px}.cta-title{margin-bottom:24px;font-size:2.25rem;font-weight:700}.cta-text{color:#d1d5db;margin-bottom:32px;font-size:1.125rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{color:#fff;border-radius:9999px;padding:16px 32px;font-weight:600;text-decoration:none;transition:transform .3s;display:inline-block}.btn:hover{transform:scale(1.1)}.btn-primary{background:linear-gradient(90deg,#a855f7,#ec4899);box-shadow:0 0 30px #a855f74d}.btn-secondary{background:linear-gradient(90deg,#00f5ff,#3b82f6);box-shadow:0 0 30px #00f5ff4d}@media (max-width:768px){h1{font-size:2.5rem}.section-title{font-size:2rem}.timeline{padding-left:48px}}.fade-in{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}