*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portfolio{min-height:100vh;background:#000;color:#fff;overflow-x:hidden;position:relative}.background{position:fixed;inset:0;z-index:0;pointer-events:none}.gradient-bg{position:absolute;inset:0;background:linear-gradient(to bottom right,#581c8733,#9d174d33,#1e3a8a33)}.mouse-follower{position:absolute;width:384px;height:384px;background:#a855f74d;border-radius:50%;filter:blur(80px);transition:all .3s ease-out}.blob{position:absolute;border-radius:50%;filter:blur(80px);animation:pulse 3s ease-in-out infinite}.blob-1{top:80px;right:80px;width:288px;height:288px;background:#ec489933}.blob-2{bottom:80px;left:80px;width:384px;height:384px;background:#3b82f633;animation-delay:1s}.particles{position:fixed;inset:0;z-index:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:float linear infinite}.hero{position:relative;z-index:10;padding:50px 16px 25px;max-width:1280px;margin:0 auto}.hero-content{text-align:center}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:700;background:linear-gradient(to right,#f472b6,#a855f7,#f472b6);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;animation:gradient 3s ease infinite}.hero-line{height:4px;background:linear-gradient(to right,transparent,#ec4899,transparent);background-size:1000px 100%;animation:shimmer 3s infinite;margin:0 auto 24px;max-width:600px}.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px}.badge{padding:12px 24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:9999px;font-size:1rem;transition:transform .3s;border:1px solid}.badge:hover{transform:scale(1.1)}.badge-purple{background:#a855f733;border-color:#a855f74d}.badge-pink{background:#ec489933;border-color:#ec48994d}.badge-blue{background:#3b82f633;border-color:#3b82f64d}.hero-subtitle{font-size:1.25rem;color:#9ca3af;max-width:672px;margin:0 auto}.nav-container{position:sticky;top:0;width:100%;z-index:50;padding:24px 16px 16px;background:linear-gradient(to bottom,#000,rgba(0,0,0,.8),transparent)}.nav-bar{max-width:1280px;margin:0 auto;background:#581c8766;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:9999px;border:1px solid rgba(168,85,247,.4);box-shadow:0 25px 50px -12px #a855f733;display:flex;justify-content:space-between;align-items:center;height:80px;padding:0 32px}.nav-logo{display:flex;align-items:center;gap:12px}.logo-icon{font-size:1.75rem;transition:transform .3s}.nav-logo:hover .logo-icon{transform:rotate(12deg)}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:.05em;background:linear-gradient(to right,#f472b6,#a855f7,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-menu{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nav-btn{padding:12px 24px;border-radius:9999px;transition:all .3s;font-weight:500;border:none;cursor:pointer;background:transparent;color:#d1d5db;font-size:1rem}.nav-btn:hover{color:#fff;background:#ffffff1a}.nav-btn.active,.connect-btn{background:linear-gradient(to right,#ec4899,#a855f7);color:#fff;box-shadow:0 10px 15px -3px #ec489980}.connect-btn:hover{transform:scale(1.05)}.contact-btn{background:linear-gradient(to right,#ec4899,#a855f7);color:#fff;box-shadow:0 10px 15px -3px #ec489980}.contact-btn:hover{transform:scale(1.05)}.resume-btn,.external-btn{display:flex;align-items:center;gap:4px}.main-content{position:relative;z-index:10;padding:48px 16px;max-width:1280px;margin:0 auto}.section{margin-bottom:48px}.fade-in{animation:fadeIn .8s ease-out}.section-header{text-align:center;margin-bottom:48px}.section-title{font-size:clamp(2.5rem,6vw,3.75rem);font-weight:700;background:linear-gradient(to right,#f472b6,#a855f7,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}.section-subtitle{color:#9ca3af;font-size:1.125rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.card{position:relative;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;padding:32px;border:1px solid;transition:all .5s}.card:hover{transform:scale(1.05);box-shadow:0 25px 50px -12px}.card-purple{background:linear-gradient(to bottom right,#581c8766,#9d174d66);border-color:#a855f74d}.card-purple:hover{border-color:#a855f799;box-shadow:0 25px 50px -12px #a855f74d}.card-blue{background:linear-gradient(to bottom right,#1e3a8a66,#581c8766);border-color:#3b82f64d}.card-blue:hover{border-color:#3b82f699;box-shadow:0 25px 50px -12px #3b82f64d}.card-pink{background:linear-gradient(to bottom right,#9d174d66,#581c8766);border-color:#ec48994d}.card-pink:hover{border-color:#ec489999;box-shadow:0 25px 50px -12px #ec48994d}.card-rose{background:linear-gradient(to bottom right,#be123c66,#9d174d66);border-color:#f43f5e4d}.card-rose:hover{border-color:#f43f5e99;box-shadow:0 25px 50px -12px #f43f5e4d}.card-emoji{position:absolute;top:16px;right:16px;font-size:2.5rem;animation:bounce 2s ease-in-out infinite}.card-title{font-size:1.875rem;font-weight:700;background:linear-gradient(to right,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}.card-text{color:#d1d5db;line-height:1.75}.highlight{color:#f472b6;font-weight:600}.highlight-orange{color:#fb923c;font-weight:600}.project-card{position:relative;background:linear-gradient(to bottom right,#0f172ae6,#581c8780);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;padding:40px;border:1px solid rgba(168,85,247,.3);margin-bottom:48px;transition:all .5s}.project-card:hover{transform:scale(1.02);border-color:#a855f799}.project-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.project-icon{font-size:3rem}.project-title{font-size:1.875rem;font-weight:700;background:linear-gradient(to right,#60a5fa,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.project-description{color:#d1d5db;font-size:1.125rem;line-height:1.75;margin-bottom:24px}.tech-section{margin-bottom:24px}.tech-title{font-size:.875rem;font-weight:600;color:#a855f7;margin-bottom:12px;display:flex;align-items:center}.tech-tags{display:flex;flex-wrap:wrap;gap:12px}.tech-tag{padding:8px 16px;background:#a855f733;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;font-size:.875rem;color:#d8b4fe;border:1px solid rgba(168,85,247,.4);transition:all .3s;cursor:default}.tech-tag:hover{background:#a855f74d;transform:scale(1.1)}.features-section{background:#0000004d;border-radius:16px;padding:24px;margin-bottom:24px}.features-title{font-size:.875rem;font-weight:600;color:#f472b6;margin-bottom:12px}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.feature-item{display:flex;align-items:center;gap:8px;color:#d1d5db}.feature-arrow{color:#f472b6}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:24px}.insight-box{border-radius:16px;padding:24px;border:1px solid}.insight-green{background:linear-gradient(to bottom right,#22c55e1a,#10b9811a);border-color:#22c55e33}.insight-yellow{background:linear-gradient(to bottom right,#eab3081a,#f973161a);border-color:#eab30833}.insight-title{font-size:.875rem;font-weight:600;margin-bottom:8px;display:flex;align-items:center}.insight-green .insight-title{color:#4ade80}.insight-yellow .insight-title{color:#facc15}.insight-box p{color:#d1d5db}.project-link-section{margin-top:24px;padding-top:24px;border-top:1px solid #374151}.project-link-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(to right,#ec4899,#a855f7);border-radius:9999px;color:#fff;font-weight:500;text-decoration:none;box-shadow:0 10px 15px -3px #ec489980;transition:transform .3s}.project-link-btn:hover{transform:scale(1.05)}.skills-section{margin-bottom:48px}.skills-category-title{font-size:1.875rem;font-weight:700;text-align:center;background:linear-gradient(to right,#f472b6,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:32px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.skill-card{position:relative;background:linear-gradient(to bottom right,#0f172ae6,#581c8780);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;padding:24px;border:1px solid rgba(168,85,247,.3);transition:all .5s;height:100%}.skill-card:hover{transform:scale(1.05);border-color:#a855f799}.skill-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.skill-icon{font-size:1.875rem}.skill-category{font-size:1.125rem;font-weight:600;background:linear-gradient(to right,#ec4899,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:6px 12px;background:#ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;font-size:.875rem;color:#d1d5db;border:1px solid rgba(255,255,255,.1);transition:all .3s;cursor:default}.skill-tag:hover{background:#ffffff1a;transform:scale(1.05)}.soft-skills-section{position:relative;background:linear-gradient(to bottom right,#0f172ae6,#9d174d80);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;padding:40px;border:1px solid rgba(236,72,153,.3)}.soft-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.soft-skill-card{position:relative;padding:32px 24px;background:linear-gradient(to right,#3b82f6,#06b6d4);border-radius:16px;color:#fff;font-weight:500;box-shadow:0 25px 50px -12px #3b82f680;text-align:center;transition:all .3s;cursor:default}.soft-skill-card:hover{transform:scale(1.1)}.soft-skill-card:nth-child(1){background:linear-gradient(to right,#3b82f6,#06b6d4)}.soft-skill-card:nth-child(2){background:linear-gradient(to right,#facc15,#fb923c)}.soft-skill-card:nth-child(3){background:linear-gradient(to right,#4ade80,#10b981)}.soft-skill-icon{font-size:2.5rem;margin-bottom:12px}.soft-skill-text{font-size:1rem}.contact-container{max-width:900px;margin:0 auto}.contact-intro{text-align:center;background:linear-gradient(to bottom right,#581c8766,#9d174d66);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;padding:40px;border:1px solid rgba(168,85,247,.3);margin-bottom:40px}.contact-emoji{font-size:4rem;margin-bottom:16px;animation:bounce 2s ease-in-out infinite}.contact-heading{font-size:2rem;font-weight:700;background:linear-gradient(to right,#f472b6,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}.contact-text{color:#d1d5db;font-size:1.125rem;line-height:1.75;max-width:700px;margin:0 auto}.social-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}.social-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:linear-gradient(to bottom right,#0f172ae6,#581c8780);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:20px;border:1px solid rgba(168,85,247,.3);text-decoration:none;color:#fff;transition:all .3s;overflow:hidden}.social-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#ec4899,#a855f7);opacity:0;transition:opacity .3s;z-index:0}.social-card:hover:before{opacity:.1}.social-card:hover{transform:translateY(-8px) scale(1.05);border-color:#ec489999;box-shadow:0 20px 40px -12px #ec489966}.social-icon{position:relative;z-index:1;font-size:3.5rem;margin-bottom:16px;transition:transform .3s}.social-card:hover .social-icon{transform:scale(1.2) rotate(5deg)}.social-name{position:relative;z-index:1;font-size:1.25rem;font-weight:600;margin-bottom:8px}.social-arrow{position:relative;z-index:1;font-size:1.5rem;opacity:0;transform:translate(-10px);transition:all .3s}.social-card:hover .social-arrow{opacity:1;transform:translate(0)}.contact-footer{text-align:center;background:linear-gradient(to bottom right,#1e3a8a66,#581c8766);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:20px;padding:32px;border:1px solid rgba(59,130,246,.3)}.contact-footer-text{color:#d1d5db;font-size:1.125rem;margin:0}.no-underline{text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.hero{padding:60px 16px 24px}.hero-title{font-size:2.5rem}.hero-badges{flex-direction:column;align-items:center}.nav-bar{flex-direction:column;height:auto;padding:16px;gap:16px}.nav-menu{width:100%;justify-content:center}.nav-btn{padding:10px 16px;font-size:.875rem}.cards-grid{grid-template-columns:1fr}.project-card{padding:24px}.project-header{flex-direction:column;align-items:flex-start}.insights-grid,.skills-grid,.soft-skills-grid,.social-links-grid{grid-template-columns:1fr}.contact-intro{padding:24px}}@media (max-width: 480px){.hero-title{font-size:2rem}.badge{padding:8px 16px;font-size:.875rem}.nav-menu{flex-direction:column;width:100%}.nav-btn{width:100%;text-align:center}.section-title,.project-icon{font-size:2rem}.project-title{font-size:1.5rem}}