@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;800;900&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8faff;color:#1a1a2e;font-family:Inter,Poppins,Roboto,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.scroll-reveal{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal.from-left{transform:translateX(-60px) translateY(0)}.scroll-reveal.from-left.revealed{transform:translateX(0) translateY(0)}.scroll-reveal.from-right{transform:translateX(60px) translateY(0)}.scroll-reveal.from-right.revealed{transform:translateX(0) translateY(0)}.scroll-reveal.scale-up{transform:scale(.85)}.scroll-reveal.scale-up.revealed{transform:scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}.section-title{font-family:Poppins,sans-serif;font-size:clamp(30px,4vw,42px);font-weight:800;margin-bottom:12px;position:relative;text-align:center}.section-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text}.section-subtitle{color:#64748b;font-size:clamp(14px,2vw,17px);margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.Header{align-items:center;background:#0000;box-sizing:border-box;display:flex;height:68px;justify-content:space-between;left:0;padding:0 clamp(20px,4vw,48px);position:fixed;right:0;top:0;transition:background .4s ease,box-shadow .4s ease,-webkit-backdrop-filter .4s ease;transition:background .4s ease,box-shadow .4s ease,backdrop-filter .4s ease;transition:background .4s ease,box-shadow .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease;width:100%;z-index:1000}.Header.scrolled{backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);background:#0a162873;box-shadow:0 4px 30px #0000001f}.Header .brand h2{color:#fff;font-family:Poppins,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.5px;margin:0}.brand-accent{color:#7c3aed}.Header .nav-link{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;left:50%;padding:5px 6px;position:absolute;transform:translateX(-50%)}.Header .nav-link ul{align-items:center;display:flex;gap:4px;list-style:none;margin:0;padding:0}.Header .nav-link ul li{list-style:none}.Header .nav-link a{border-radius:999px;color:#ffffffb3;display:inline-block;font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:8px 18px;position:relative;text-decoration:none;transition:color .25s ease,background .25s ease;white-space:nowrap}.Header .nav-link a:hover{background:#7c3aed40;color:#fff}.Header .nav-link a:after{background:#06b6d4;border-radius:50%;bottom:2px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%) scale(0);transition:transform .25s cubic-bezier(.22,1,.36,1);width:4px}.Header .nav-link a:hover:after{transform:translateX(-50%) scale(1)}.menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:8px;width:40px;z-index:10}.menu-toggle span{background:#fff;border-radius:2px;display:block;height:2px;transform-origin:center;transition:transform .3s ease,opacity .3s ease;width:100%}.menu-toggle.active span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:900px){.Header{padding:0 16px}.menu-toggle{display:flex}.Header .nav-link{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a1628d9;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 12px 40px #0000004d;display:none;left:16px;padding:12px 16px 16px;position:absolute;right:16px;top:72px;transform:none}.Header .nav-link.open{display:block}.Header .nav-link ul{align-items:stretch;flex-direction:column;gap:4px}.Header .nav-link a{border-radius:14px;color:#fffc;display:block;font-size:15px;padding:12px 16px}.Header .nav-link a:hover{background:#7c3aed33;color:#fff}.Header .nav-link a:after{display:none}}.footer{background:linear-gradient(135deg,#0a1628,#0f2847);color:#fff;padding:36px 16px 0}.footer-container{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:1.2fr 1fr auto;margin:0 auto;max-width:1100px;padding-bottom:24px}.footer-brand h3{font-family:Poppins,sans-serif;font-size:22px;font-weight:800;margin:0}.footer-accent{color:#7c3aed}.footer-brand p{color:#ffffffb3;font-size:14px;margin:8px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-links a{color:#fffc;font-size:14px;font-weight:600;position:relative;text-decoration:none;transition:color .2s ease}.footer-links a:after{background:linear-gradient(90deg,#7c3aed,#06b6d4);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-links a:hover{color:#fff}.footer-links a:hover:after{width:100%}.footer-social{display:flex;gap:12px;justify-content:flex-end}.footer-social a{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;color:#fff;display:flex;height:38px;justify-content:center;text-decoration:none;transition:background .2s ease,transform .2s ease,border-color .2s ease;width:38px}.footer-social a:hover{background:#7c3aed33;border-color:#7c3aed;transform:translateY(-3px)}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin:0 auto;max-width:1100px;padding:18px 0}.footer-copy{color:#fff9;font-size:13px;margin:0}.back-to-top{align-items:center;background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s ease,transform .2s ease,border-color .2s ease;width:40px}.back-to-top:hover{background:linear-gradient(135deg,#7c3aed,#06b6d4);border-color:#0000;transform:translateY(-3px)}.back-to-top i{font-size:16px}@media (max-width:768px){.footer-container{grid-template-columns:1fr;text-align:center}.footer-links,.footer-social{justify-content:center}.footer-bottom{flex-direction:column;gap:14px;text-align:center}}.Contact{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e8eeff 50%,#f8faff);display:flex;flex-direction:column;justify-content:center;margin:0;min-height:100vh;padding:clamp(80px,10vw,120px) 16px 60px}.Contact>h1{color:#0a1628;font-family:Poppins,sans-serif;font-size:clamp(30px,4.2vw,42px);font-weight:800;margin-bottom:8px;text-align:center}.Contact>h1 i{color:#7c3aed}.contact-subtitle{color:#64748b;font-size:clamp(14px,2vw,17px);margin-bottom:36px;text-align:center}.contact-container{align-items:stretch;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 40px #0f142414;display:flex;overflow:hidden;padding:0;width:min(100%,1100px)}.contact-info-side{align-items:center;background:linear-gradient(135deg,#0a1628,#0f2847);display:flex;flex:0 0 380px;padding:clamp(28px,4vw,48px)}.contact-info-card{display:flex;flex-direction:column;gap:28px}.info-item{align-items:flex-start;display:flex;gap:16px}.info-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:14px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.info-icon i{color:#fff;font-size:18px}.info-item h4{color:#fff9;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.info-item p{color:#fff;font-size:15px;font-weight:600;margin:0}.contact-form-side{flex:1 1;padding:clamp(28px,4vw,48px)}.contact-form-side form{display:flex;flex-direction:column;gap:16px}.input-group{align-items:center;display:flex;gap:12px}.input-group .icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:12px;color:#fff;display:inline-flex;flex:0 0 44px;height:44px;justify-content:center;width:44px}.input-group input,.input-group textarea{background:#f8faff;border:2px solid #e2e8f0;border-radius:12px;flex:1 1 auto;font-family:Inter,sans-serif;font-size:15px;outline:none;padding:14px 16px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease}.input-group textarea{min-height:120px}.input-group input:focus,.input-group textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a}.submit-btn{align-items:center;align-self:flex-end;background:linear-gradient(135deg,#7c3aed,#06b6d4);border:none;border-radius:12px;box-shadow:0 8px 25px #7c3aed4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:15px;font-weight:700;gap:8px;margin-top:8px;padding:14px 28px;transition:transform .2s ease,box-shadow .2s ease}.submit-btn:hover{box-shadow:0 12px 35px #7c3aed66;transform:translateY(-3px)}@media (max-width:860px){.contact-container{flex-direction:column}.contact-info-side{flex:0 0 auto}.contact-info-card{flex-direction:row;flex-wrap:wrap;gap:20px}.submit-btn{align-self:center}}@media (max-width:520px){.Contact{padding-left:12px;padding-right:12px}.contact-container{border-radius:16px}.contact-info-card{flex-direction:column}.input-group .icon{flex-basis:40px;height:40px;width:40px}.input-group input,.input-group textarea{font-size:14px;padding:12px}}.Home-hero{background:linear-gradient(135deg,#0a1628,#0f2847 40%,#0a2f5e);min-height:100vh;overflow:hidden;padding-top:78px;position:relative}.Home-hero:before{background-image:radial-gradient(circle at 20% 50%,#7c3aed1f 0,#0000 50%),radial-gradient(circle at 80% 20%,#06b6d41a 0,#0000 50%)}.Home-hero:after,.Home-hero:before{content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.Home-hero:after{animation:heroFloat 28s linear infinite;background-image:url(/static/media/network-bg.a9fd3ad218bd9ec1c4a5.svg);background-position:100% 0;background-repeat:no-repeat;background-size:min(1100px,95vw) auto;opacity:.12}@keyframes heroFloat{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-10px,-16px,0) scale(1.01)}to{transform:translateZ(0) scale(1)}}@media (prefers-reduced-motion:reduce){.Home-hero:after{animation:none;transform:none}}.Home-content{align-items:center;display:flex;gap:clamp(24px,5vw,72px);justify-content:space-between;margin:0 auto;max-width:1200px;min-height:calc(100vh - 78px);padding:clamp(20px,5vw,60px) clamp(16px,5vw,40px) clamp(26px,7vw,64px);position:relative;z-index:1}.Home-left-side{flex:1 1 540px}.greeting-tag{color:#06b6d4;font-family:Fira Code,Courier New,monospace;font-size:14px;letter-spacing:1px;margin-bottom:10px;opacity:.9}.Home-left-side h1{color:#fff;font-family:Poppins,sans-serif;font-size:clamp(30px,4.2vw,52px);font-weight:800;line-height:1.15;margin:6px 0}.Home-left-side .name-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text}.Home-left-side .lead{color:#ffffffbf;font-family:Inter,sans-serif;font-size:clamp(18px,2.3vw,24px);font-weight:600;margin-top:6px}.Home-left-side .rotating-title{color:#06b6d4;font-weight:700}.cursor-blink{animation:blink .8s step-end infinite;color:#7c3aed;display:inline-block;font-weight:300;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-description{color:#fff9;font-size:clamp(14px,1.6vw,16px);line-height:1.7;margin-top:18px;max-width:520px}.Home-credentails{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.btn-primary{background:linear-gradient(135deg,#7c3aed,#06b6d4);border:none;border-radius:12px;box-shadow:0 8px 25px #7c3aed59;cursor:pointer;padding:13px 28px;transition:transform .2s ease,box-shadow .2s ease}.btn-primary a{align-items:center;color:#fff;display:inline-flex;font-family:Inter,sans-serif;font-size:15px;font-weight:700;gap:8px;text-decoration:none}.btn-primary:hover{box-shadow:0 12px 35px #7c3aed73;transform:translateY(-3px)}.btn-outline{background:#0000;border:2px solid #ffffff40;border-radius:12px;cursor:pointer;padding:13px 28px;transition:border-color .2s ease,transform .2s ease,background .2s ease}.btn-outline a{align-items:center;color:#fff;display:inline-flex;font-family:Inter,sans-serif;font-size:15px;font-weight:600;gap:8px;text-decoration:none}.btn-outline:hover{background:#06b6d414;border-color:#06b6d4;transform:translateY(-3px)}.Home-icon{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.Home-icon a{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;display:inline-flex;height:44px;justify-content:center;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease;width:44px}.Home-icon a:hover{background:#7c3aed26;border-color:#7c3aed;transform:translateY(-3px)}.Home-icon i{color:#06b6d4;font-size:18px;line-height:1}.Home-right-side{align-items:center;display:flex;flex:0 1 420px;justify-content:center}.profile-image-wrapper{display:inline-block;position:relative}.profile-image-wrapper:before{animation:glowRotate 4s linear infinite;background:linear-gradient(135deg,#7c3aed,#06b6d4,#7c3aed);background-size:200% 200%;border-radius:50%;content:"";inset:-6px;position:absolute;z-index:0}@keyframes glowRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.Home-profile-image{aspect-ratio:1/1;border:4px solid #0a1628;border-radius:50%;box-shadow:0 20px 60px #0006;min-width:200px;object-fit:cover;position:relative;width:min(36vw,380px);z-index:1}@media (max-width:1024px){.Home-content{gap:20px}.Home-profile-image{width:min(42vw,340px)}}@media (max-width:860px){.Home-content{flex-direction:column-reverse;justify-content:center;min-height:auto;padding-top:28px;text-align:center}.Home-left-side{flex:1 1 auto}.Home-credentails,.Home-icon{justify-content:center}.hero-description{margin-left:auto;margin-right:auto}.Home-profile-image{min-width:180px;width:min(60vw,300px)}}@media (max-width:480px){.Home-hero{padding-top:68px}.Home-content{padding-bottom:28px;padding-left:14px;padding-right:14px}.Home-icon a{height:40px;width:40px}.Home-icon i{font-size:16px}}.About-section{background:#f8faff;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:clamp(80px,10vw,120px) 16px 60px;width:100%}.About-section,.About-title{align-items:center;display:flex}.About-title{gap:12px;margin-bottom:8px}.About-title h1{color:#0a1628;font-family:Poppins,sans-serif;font-size:clamp(30px,4vw,42px);font-weight:800}.About-title i{color:#7c3aed;font-size:clamp(24px,3vw,30px)}.About-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text}.about-content{align-items:center;display:flex;gap:clamp(30px,5vw,60px);margin-top:36px;max-width:1100px;width:100%}.about-image-side{flex:0 0 auto}.about-image-wrapper{display:inline-block;position:relative}.about-image-wrapper:before{background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:20px;content:"";inset:-5px;position:absolute;z-index:0}.about-image-wrapper img{border:4px solid #f8faff;border-radius:16px;height:clamp(200px,28vw,300px);object-fit:cover;position:relative;width:clamp(200px,28vw,300px);z-index:1}.about-text-side{flex:1 1}.about-text-side h2{color:#0a1628;font-family:Poppins,sans-serif;font-size:clamp(26px,3.3vw,34px);font-weight:800;margin-bottom:6px}.about-text-side .name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text}.about-role{color:#64748b;font-family:Inter,sans-serif;font-size:clamp(16px,2vw,19px);font-weight:600;margin-bottom:18px}.about-bio{color:#475569;font-size:clamp(14px,1.6vw,16px);line-height:1.75;margin-bottom:14px;max-width:620px}.faculty{color:#7c3aed;font-weight:700}.about-contact{display:flex;flex-direction:column;gap:12px;margin-top:20px}.contact-item{gap:12px}.contact-item,.contact-item i{align-items:center;display:flex}.contact-item i{background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:10px;color:#fff;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.contact-label{color:#94a3b8;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.email-address{color:#0a1628;cursor:pointer;font-weight:600;transition:color .2s ease}.email-address:hover{color:#7c3aed}.address{color:#0a1628;font-weight:600}.copied-message{animation:fadeInOut 1.4s ease forwards;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:20px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:3px 10px;vertical-align:middle}@keyframes fadeInOut{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0}}.about-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:48px;max-width:900px;width:100%}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0f14240f;padding:24px 16px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 12px 30px #7c3aed1f;transform:translateY(-6px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:clamp(28px,3.5vw,36px);font-weight:800;margin-bottom:4px}.stat-label{color:#64748b;font-size:14px;font-weight:600}@media (max-width:860px){.about-content{flex-direction:column;text-align:center}.about-bio{margin-left:auto;margin-right:auto}.about-contact{align-items:center}.about-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.About-section{padding-top:78px}.about-stats{gap:14px;grid-template-columns:1fr 1fr}.stat-card{padding:18px 12px}}.skills-container{margin:0 auto;padding:clamp(80px,10vw,120px) 16px 60px;text-align:center;width:min(100%,1200px)}.skills-container h2{color:#0a1628;font-family:Poppins,sans-serif;font-size:clamp(30px,4vw,42px);font-weight:800;margin-bottom:8px}.skills-subtitle{color:#64748b;font-size:clamp(14px,2vw,17px);margin-bottom:36px}.skills-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:stretch;width:100%}.skill-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0f14240f;overflow:hidden;padding:24px 20px 20px;position:relative;text-align:left;transition:transform .3s ease,box-shadow .3s ease;width:100%}.skill-card:before{background:linear-gradient(90deg,#7c3aed,#06b6d4);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.skill-card:hover:before{transform:scaleX(1)}.skill-card:hover{box-shadow:0 12px 35px #7c3aed1f;transform:translateY(-6px)}.skill-icon{display:block;font-size:44px;margin-bottom:14px}.skill-card h3{color:#0a1628;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;margin:0 0 8px}.skill-card p{color:#64748b;font-size:13px;line-height:1.6;margin:0 0 14px}.skill-bar{background:#f1f5f9;border-radius:999px;height:8px;overflow:hidden}.skill-level{border-radius:999px;height:100%;transform-origin:left center;transition:width 1.2s cubic-bezier(.22,1,.36,1) .3s;width:0}.skill-card.revealed .skill-level{width:var(--skill-width)}.skill-percent{color:#94a3b8;display:block;font-size:12px;font-weight:700;margin-top:6px;text-align:right}.skill-level.js{background:linear-gradient(90deg,#f0db4f,#f7c948)}.skill-level.react{background:linear-gradient(90deg,#61dafb,#21a1f1)}.skill-level.html{background:linear-gradient(90deg,#e44d26,#f16529)}.skill-level.css{background:linear-gradient(90deg,#264de4,#2965f1)}.skill-level.git{background:linear-gradient(90deg,#f05032,#f76b2f)}.skill-level.github{background:linear-gradient(90deg,#333,#6e5494)}.skill-level.php{background:linear-gradient(90deg,#777bb3,#8892bf)}.skill-level.python{background:linear-gradient(90deg,#306998,#ffd343)}.skill-level.mysql{background:linear-gradient(90deg,#00758f,#00a0d1)}.skill-level.kali{background:linear-gradient(90deg,#557c94,#2d6cdf)}@media (max-width:1150px){.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.skills-container{padding-top:72px}.skills-grid{grid-template-columns:1fr}}.Project-page{background:linear-gradient(135deg,#0a1628,#0f2847 40%,#0a2f5e);min-height:80vh;padding:clamp(80px,10vw,120px) 16px 60px;width:100%}.Project-page>h1{color:#fff;font-family:Poppins,sans-serif;font-size:clamp(30px,4vw,42px);font-weight:800;margin:0;text-align:center}.highlight-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text}.project-subtitle{color:#fff9;font-size:clamp(14px,2vw,17px);margin:8px 0 36px;text-align:center}.Project-Container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px;width:100%}.Project-Item{width:100%}.Project-Card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;overflow:hidden;position:relative;transition:transform .35s ease,border-color .35s ease;width:100%}.Project-Card:hover{border-color:#7c3aed66;transform:translateY(-8px)}.project-card-glow{background:radial-gradient(ellipse at 50% 0,#7c3aed26 0,#0000 70%);border-radius:20px;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.Project-Card:hover .project-card-glow{opacity:1}.Project-Card-Inner{padding:clamp(24px,3vw,36px);position:relative;z-index:1}.project-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed4d,#06b6d44d);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:clamp(40px,5vw,56px);font-weight:900;line-height:1;margin-bottom:12px}.Project-Card h2{color:#fff;font-family:Poppins,sans-serif;font-size:clamp(20px,2.5vw,26px);font-weight:700;margin:0 0 12px}.Project-Card p{color:#ffffffa6;font-size:clamp(13px,1.5vw,15px);line-height:1.7;margin:0 0 18px}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#7c3aed26;border:1px solid #7c3aed40;border-radius:20px;color:#a78bfa;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:5px 14px;transition:background .2s ease,color .2s ease}.Project-Card:hover .tag{background:#7c3aed40;color:#c4b5fd}@media (max-width:768px){.Project-Container{grid-template-columns:1fr;max-width:520px}}
/*# sourceMappingURL=main.8a42b3bf.css.map*/