@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap);html{overflow-x:hidden;overflow-y:scroll;scroll-behavior:auto;scroll-padding-top:100px}*{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;letter-spacing:.3px;min-height:100vh}code{font-family:Space Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#0b0b10;--panel:#0f0b18;--muted:#bdb6d6;--accent:#9b59ff;--accent-2:#6a0dad;--card:#111018}#root,body,html{min-height:100vh}.App{font-family:Poppins,Inter,system-ui,Arial,Helvetica,sans-serif}body{background:#0b0b10;background:var(--bg);color:#bdb6d6;color:var(--muted);margin:0}.App h1,.App h2,.App h3,.brand{font-family:Poppins,Sora,Inter,system-ui;font-weight:700;letter-spacing:-.01em}.App h1{color:#fff}.container{margin:0 auto;max-width:1000px;padding:0 1rem}.site-footer{background:#0000;border-top:1px solid #ffffff0a;color:#bdb6d6;color:var(--muted);font-family:Poppins,Inter,system-ui;padding:1.5rem 0;text-align:center}.site-footer .container{align-items:center;display:flex;gap:1rem;justify-content:space-between}.site-footer small{color:#ffffff73}.footer-content{gap:2rem;justify-content:space-between;width:100%}.footer-content,.social-links{align-items:center;display:flex}.social-links{gap:1rem}.social-link{align-items:center;background:#9b59ff14;border:1px solid #9b59ff1a;border-radius:8px;color:#9b59ff;color:var(--accent);display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:#9b59ff;background:var(--accent);box-shadow:0 5px 15px #9b59ff4d;color:#000;transform:translateY(-2px)}.social-link svg{height:18px;width:18px}main{background:#0000;padding-top:56px}html{scroll-behavior:smooth}section{opacity:0;position:relative;scroll-margin-top:88px;transform:translateY(10px);transition:all .7s cubic-bezier(.2,.9,.3,1)}section.in-view{opacity:1;transform:translateY(0)}.projects .card{opacity:0;transform:translateY(8px);transition:transform .6s cubic-bezier(.2,.9,.3,1),opacity .6s}.projects.in-view .card{opacity:1;transform:none}.site-nav{left:50%;max-width:90vw;position:fixed;top:1.5rem;transform:translateX(-50%);width:auto;z-index:50}.nav-inner{align-items:center;animation:floatNav 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#0a0614d9;border:1px solid #9b59ff26;border-radius:50px;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #9b59ff1a,0 0 40px #9b59ff1a;display:flex;gap:1rem;overflow:visible;padding:.6rem .85rem}@keyframes floatNav{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.brand{padding:0 .5rem}.brand,.brand-inner{align-items:center;display:flex}.brand-inner{border-radius:20px;cursor:default;gap:.2rem;overflow:hidden;padding:.3rem .6rem;position:relative}.brand-bg{background:#0000;border:none;border-radius:inherit;inset:0;position:absolute}.brand-text{position:relative;z-index:1}.glitch-text{animation:textShine 4s linear infinite;color:#fff;font-family:Poppins,system-ui;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;position:relative}.glitch-text:after,.glitch-text:before{-webkit-text-fill-color:#0000;animation:glitchTop 2s ease-in-out infinite alternate-reverse;background:linear-gradient(90deg,#fff,#9b59ff);background-clip:text;-webkit-background-clip:text;-webkit-clip-path:polygon(0 0,100% 0,100% 45%,0 45%);clip-path:polygon(0 0,100% 0,100% 45%,0 45%);content:attr(data-text);height:100%;left:0;position:absolute;top:0;transform:translateX(0);width:100%}.glitch-text:after{animation:glitchBottom 2.4s ease-in-out infinite alternate-reverse;-webkit-clip-path:polygon(0 45%,100% 45%,100% 100%,0 100%);clip-path:polygon(0 45%,100% 45%,100% 100%,0 100%)}.brand-accent{align-items:center;display:flex;position:relative;z-index:1}.float-text{animation:float 3s ease-in-out infinite;color:var(--accent);font-family:Poppins,system-ui;font-size:.8rem;font-weight:700;position:relative}.glow{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,var(--accent),#0000 70%);filter:blur(8px);height:100%;opacity:.2;position:absolute;width:100%}@keyframes textShine{0%,to{opacity:.95}50%{opacity:1}}@keyframes glitchTop{0%{transform:translateX(-2px)}50%{transform:translateX(2px)}to{transform:translateX(-2px)}}@keyframes glitchBottom{0%{transform:translateX(2px)}50%{transform:translateX(-2px)}to{transform:translateX(2px)}}.brand-inner:hover .glitch-text:before{animation:glitchTop .4s steps(2) infinite}.brand-inner:hover .glitch-text:after{animation:glitchBottom .5s steps(2) infinite}.brand-inner:hover .brand-bg{background:linear-gradient(135deg,#9b59ff2e,#6a0dad1f)}.brand-inner:hover .glow{animation:pulse 1.5s ease-in-out infinite}.site-nav nav a{border-radius:30px;color:#ffffffb3;display:inline-block;font-family:Poppins,Inter,system-ui;font-size:.92rem;font-weight:600;margin:0;padding:.55rem 1.1rem;text-align:center;text-decoration:none;transform:translateZ(0);transition:color .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1),text-shadow .3s ease;will-change:transform}.site-nav nav a:hover{color:#fff;text-shadow:0 0 12px #9b59ff80,0 2px 6px #0003;transform:translateZ(0) scale(1.05) translateY(-1px)}.site-nav nav a.active{font-weight:700;text-shadow:0 0 10px #9b59ff80}@keyframes activeGlow{0%,to{text-shadow:0 0 20px #9b59ffcc,0 0 40px #9b59ff66}50%{text-shadow:0 0 25px #9b59ff,0 0 50px #9b59ff99,0 0 70px #9b59ff4d}}.site-nav nav a:focus{outline:none}.site-nav nav{align-items:center;display:flex;gap:.8rem;overflow:visible;position:relative}.nav-highlight-active{animation:pillPulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#9b59ff4d,#6a0dad4d);border:1px solid #9b59ff66;border-radius:30px;box-shadow:0 4px 16px #9b59ff66,inset 0 1px 0 #ffffff26;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateZ(0);transition:left .6s cubic-bezier(.23,1,.32,1),width .6s cubic-bezier(.23,1,.32,1),opacity .3s ease;will-change:transform;z-index:0}.nav-highlight-active:before{animation:glowPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#9b59ff80,#6a0dad80);border-radius:35px;content:"";filter:blur(14px);inset:-5px;opacity:.6;position:absolute;z-index:-1}.nav-highlight-active:after{background:linear-gradient(180deg,#ffffff40,#0000);border-radius:30px;content:"";inset:0;opacity:.8;position:absolute}@keyframes pillPulse{0%,to{transform:translateZ(0) scale(1)}50%{transform:translateZ(0) scale(1.02)}}.nav-highlight-hover{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#9b59ff26,#6a0dad26);border-radius:29px;box-shadow:0 3px 10px #9b59ff40,inset 0 1px 0 #ffffff26;height:calc(100% - 2px);left:0;opacity:0;pointer-events:none;position:absolute;top:1px;transform:translateZ(0);transition:left .4s cubic-bezier(.34,1.56,.64,1),width .4s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;will-change:transform;z-index:1}.nav-highlight-hover:before{background:linear-gradient(135deg,#9b59ff40,#6a0dad40);border-radius:31px;content:"";filter:blur(8px);inset:-2px;opacity:.6;position:absolute;z-index:-1}@keyframes liquidMorphActive{0%,to{background-position:0 50%;border-radius:22px;transform:scaleX(1) scaleY(1) translateY(0)}16%{border-radius:28px 16px 28px 16px;transform:scaleX(1.03) scaleY(.97) translateY(-1px)}33%{background-position:50% 50%;border-radius:16px 28px 16px 28px;transform:scaleX(.97) scaleY(1.03) translateY(1px)}50%{background-position:100% 50%;border-radius:25px 19px 25px 19px;transform:scaleX(1.02) scaleY(.98) translateY(0)}66%{border-radius:19px 25px 19px 25px;transform:scaleX(.98) scaleY(1.02) translateY(-1px)}83%{border-radius:24px 20px 24px 20px;transform:scaleX(1.01) scaleY(.99) translateY(1px)}}@keyframes liquidMorphHover{0%,to{border-radius:20px;transform:scaleX(1) scaleY(1)}25%{border-radius:24px 16px 24px 16px;transform:scaleX(1.02) scaleY(.98)}50%{border-radius:16px 24px 16px 24px;transform:scaleX(.98) scaleY(1.02)}75%{border-radius:22px 18px 22px 18px;transform:scaleX(1.01) scaleY(.99)}}@keyframes liquidGlowActive{0%,to{filter:blur(16px);opacity:.6;transform:scale(1) rotate(0deg)}25%{filter:blur(18px);opacity:.75;transform:scale(1.06) rotate(1.5deg)}50%{filter:blur(20px);opacity:.85;transform:scale(1.12) rotate(-1.5deg)}75%{filter:blur(18px);opacity:.75;transform:scale(1.06) rotate(1deg)}}@keyframes liquidShine{0%,to{opacity:.25}50%{opacity:.4}}.site-nav nav a.active{color:#fff}.site-nav nav a{position:relative;z-index:2}@keyframes activePulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@media (max-width:600px){.site-nav nav a{font-size:1rem;margin-left:.7rem;padding:.6rem .8rem}.brand{font-size:1.2rem}.glitch-text{font-size:1.3rem}}.hero{align-items:center;background:linear-gradient(165deg,#9b59ff0d,#0000 50%,#6a0dad08);display:flex;min-height:90vh;overflow:hidden;padding:6rem 0;position:relative}.hero:before{color:#9b59ff0f;content:"const buildExperience = () => { return <React />; }";font-family:Space Mono,monospace;font-size:.75rem;font-weight:300;left:2%;letter-spacing:.05em;pointer-events:none;position:fixed;text-shadow:1px 1px 0 #9b59ff0a,2px 2px 0 #9b59ff05;top:20%;white-space:nowrap;z-index:-2}.hero-content{margin:0 auto;max-width:1200px;position:relative;width:92%;z-index:1}.hero-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr}@media (min-width:1024px){.hero-grid{gap:4rem;grid-template-columns:1.2fr .8fr}}.hero-text{display:flex;flex-direction:column;gap:1.5rem}.hero-badge{align-items:center;background:#9b59ff1a;border:1px solid #9b59ff1a;border-radius:100px;color:var(--accent);display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;opacity:0;padding:.5rem 1rem;transform:translateY(20px);width:-webkit-fit-content;width:fit-content}.hero-badge.visible{opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.hero-badge svg{animation:pulse 2s infinite;height:16px;width:16px}.hero-heading{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff 30%,var(--accent-2));background-clip:text;-webkit-background-clip:text;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;line-height:1.1;opacity:0;transform:translateY(20px)}.hero-heading.visible{opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.34,1.56,.64,1) .2s}.hero-bio{color:var(--muted);font-size:1.125rem;line-height:1.7;max-width:600px;opacity:0;transform:translateY(20px)}.hero-bio.visible{opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.34,1.56,.64,1) .4s}.hero-stats{display:flex;gap:2.5rem;margin-top:.5rem;opacity:0;transform:translateY(20px)}.hero-stats.visible{opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.34,1.56,.64,1) .6s}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.875rem}.hero-links{display:flex;gap:1rem;margin-top:1rem;opacity:0;transform:translateY(20px)}.hero-links.visible{opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.34,1.56,.64,1) .8s}.hero-link{align-items:center;border-radius:8px;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.hero-link svg{transition:transform .2s ease}.hero-link:hover svg{transform:translateX(4px)}.hero-link.primary{background:linear-gradient(135deg,#9b59ffe6,#6a0dade6);box-shadow:0 4px 15px #9b59ff4d;color:#fff}.hero-link.secondary{background:#9b59ff14;border:1px solid #9b59ff26;color:var(--accent)}.hero-link:hover{transform:translateY(-2px)}.hero-link.primary:hover{background:linear-gradient(135deg,#9b59ff,#6a0dad);box-shadow:0 6px 20px #9b59ff66}.hero-link.secondary:hover{background:#9b59ff1f;border-color:#9b59ff40}.hero-cards{height:600px;opacity:0;perspective:1000px;position:relative;transform:translateY(20px);width:100%}.hero-cards.visible{opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.34,1.56,.64,1) 1s}.floating-card{background:var(--card);border:1px solid #9b59ff1a;border-radius:16px;box-shadow:0 20px 40px -20px #0000004d;padding:1.5rem;position:absolute;transform-style:preserve-3d;width:280px;will-change:transform}.floating-card:first-child{animation:float 7s ease-in-out infinite;right:12%;top:8%;transform:rotate(-6deg)}.floating-card:nth-child(2){animation:float 6.5s ease-in-out -2.5s infinite;left:2%;top:18%;transform:rotate(8deg)}.floating-card:nth-child(3){animation:float 7.5s ease-in-out -1.5s infinite;right:5%;top:42%;transform:rotate(-3deg)}.floating-card:nth-child(4){animation:float 6s ease-in-out -3.5s infinite;left:15%;top:58%;transform:rotate(4deg)}.floating-card:nth-child(5){animation:float 7s ease-in-out -.8s infinite;bottom:8%;right:18%;transform:rotate(-5deg)}.floating-card.skill{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f0a19b3;border:1px solid #9b59ff33;display:flex;gap:1rem;overflow:hidden;position:relative}.floating-card.skill:before{background:linear-gradient(110deg,#0000 20%,#ffffff26 50%,#9b59ff33 55%,#ffffff26 60%,#0000 80%);content:"";height:200%;left:-150%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .3s ease;width:200%;z-index:10}.floating-card.skill:hover:before{animation:hoverShimmer .8s ease-out forwards;opacity:1}@keyframes hoverShimmer{0%{left:-150%}to{left:150%}}.floating-card.skill:after{background:radial-gradient(circle at 50% 50%,#9b59ff1f,#0000 70%);border-radius:16px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.skill-icon{align-items:center;background:#9b59ff26;border:1px solid #9b59ff4d;border-radius:12px;color:var(--accent);display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:48px}.floating-card:hover .skill-icon{background:#9b59ff33;box-shadow:0 0 15px #9b59ff4d;transform:scale(1.1) rotate(5deg)}.skill-icon svg{height:24px;position:relative;transition:transform .3s ease;width:24px;z-index:1}.floating-card:hover .skill-icon svg{transform:scale(1.1)}.skill-text h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0;transition:all .3s ease}.floating-card:hover .skill-text h4{color:#fff;text-shadow:0 0 8px #9b59ff4d}.skill-text p{color:var(--muted);font-size:.9375rem;margin:.25rem 0 0;transition:color .3s ease}.floating-card:hover .skill-text p{color:#ffffffe6}.hero:before{background-image:linear-gradient(#9b59ff08 1px,#0000 0),linear-gradient(90deg,#9b59ff08 1px,#0000 0);background-size:40px 40px;content:"";inset:0;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000,#0000 70%);mask-image:radial-gradient(circle at 50% 50%,#000,#0000 70%);position:absolute}@keyframes float{0%,to{transform:translateY(0) rotateX(2deg) rotateY(-2deg)}50%{transform:translateY(-20px) rotateX(-2deg) rotateY(2deg)}}@media (max-width:1024px){.hero-cards{height:300px}.floating-card{padding:1.25rem;width:240px}.skill-icon{height:40px;width:40px}.skill-icon svg{height:20px;width:20px}.skill-text h4{font-size:1rem}.skill-text p{font-size:.875rem}}@media (max-width:768px){.hero{padding:4rem 0}.hero-text{align-items:center;text-align:center}.hero-stats{justify-content:center}.hero-cards{display:none}}.skill-modal-overlay{align-items:center;animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:#000000d9;bottom:0!important;display:flex;justify-content:center;left:0!important;padding:2rem;position:fixed!important;right:0!important;top:0!important;z-index:9999}.skill-modal-overlay.closing{animation:fadeOut .4s ease forwards}.skill-modal{animation:modalPopup .6s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#14141efa,#1e0f32fa);border:2px solid #9b59ff66;border-radius:20px;box-shadow:0 30px 80px #000000b3,0 0 60px #9b59ff33,inset 0 1px 0 #ffffff1a;max-height:calc(100vh - 4rem);max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:100%}.skill-modal.closing{animation:modalClose .4s cubic-bezier(.34,1.56,.64,1) forwards}.modal-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:1.5rem}.modal-icon{align-items:center;background:#9b59ff1a;border-radius:12px;color:var(--accent);display:flex;flex-shrink:0;font-size:1.8rem;height:60px;justify-content:center;width:60px}.modal-header h2{color:#fff;font-size:1.5rem;margin:0 0 .25rem}.modal-subtitle{color:var(--accent);font-size:.9rem;margin:0}.modal-description{color:var(--muted);font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.modal-details h3{align-items:center;color:#fff;display:flex;font-size:1.1rem;gap:.5rem;margin:1.5rem 0 1rem}.modal-details ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.modal-details li{color:var(--muted);font-size:.95rem;line-height:1.5;padding-left:1.5rem;position:relative}.modal-details li:before{color:var(--accent);content:"✓";font-weight:700;left:0;position:absolute}.floating-card{cursor:pointer;position:relative;transition:box-shadow .6s cubic-bezier(.16,1,.3,1),border-color .6s cubic-bezier(.16,1,.3,1)}.floating-card.skill:hover{border-color:#9b59ff80;box-shadow:0 30px 60px #000c,0 0 40px #9b59ff4d,0 0 80px #9b59ff26,0 0 0 1px #9b59ff66,inset 0 2px 4px #ffffff1a}.floating-card.skill:hover:before{animation-duration:1s;background:linear-gradient(90deg,#0000,#ffffff1a,#9b59ff33,#ffffff1a,#0000)}.floating-card.skill:hover:after{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#9b59ff33,#9b59ff1a 50%,#0000 70%);opacity:1}@keyframes glowPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.about{background:#0000;color:var(--muted);overflow:hidden;padding:6rem 0;position:relative;scroll-margin-top:20px}.about h2{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:.02em;margin:0 0 3rem;text-align:center}.about .container{margin:0 auto;max-width:1100px;padding:0 2rem;position:relative;z-index:1}.intro-section{grid-gap:3.5rem;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0a1999;border:1px solid #9b59ff26;border-radius:24px;box-shadow:0 10px 40px #0000004d;display:grid;gap:3.5rem;grid-template-columns:1.5fr 1fr;margin-bottom:4rem;overflow:visible;padding:3rem;position:relative;transition:all .4s ease}.intro-section:before{border-radius:24px 24px 0 0;top:0}.intro-section:after,.intro-section:before{background:linear-gradient(90deg,#0000,#9b59ff99 50%,#0000);box-shadow:0 0 20px #9b59ff80;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;transform:scaleX(0);transform-origin:center;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.intro-section:after{border-radius:0 0 24px 24px;bottom:0;transition-delay:.1s}.intro-section:hover{border-color:#9b59ff4d;box-shadow:0 15px 50px #9b59ff26,0 0 0 1px #9b59ff33}.intro-section:hover:after,.intro-section:hover:before{opacity:1;transform:scaleX(1)}.intro-text{padding-right:1rem;position:relative;z-index:1}.intro-text p{color:#ffffffd9;font-size:1.15rem;font-weight:400;letter-spacing:.01em;line-height:1.9;margin:0;text-align:left}.intro-photo{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}@media (max-width:768px){.intro-section{gap:2rem;grid-template-columns:1fr;padding:2rem}.intro-text p{text-align:center}.intro-photo{order:-1}}.about-grid{grid-gap:2.5rem;align-items:start;display:grid;gap:2.5rem;grid-template-columns:1.2fr 1fr}.about-grid .bio{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0a19b3;border:1px solid #9b59ff33;border-radius:24px;box-shadow:0 10px 50px #0006;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s ease}.about-grid .bio:hover{border-color:#9b59ff66;box-shadow:0 20px 70px #9b59ff33;transform:translateY(-6px)}.about-grid .bio:before{background:linear-gradient(90deg,#0000,#9b59ff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.about-grid .bio:hover:before{left:100%}.about-grid .bio h3,.about-grid .skills h3{color:#fff;font-size:1.4rem;font-weight:700;margin:0 0 1.5rem;padding-left:1.2rem;position:relative}.about-grid .bio h3:before,.about-grid .skills h3:before{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:3px;box-shadow:0 0 15px #9b59ff99;content:"";height:28px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}.about-grid .bio p{color:#ffffffbf;font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.info-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.info-card{background:linear-gradient(135deg,#9b59ff14,#6a0dad0d);border:1px solid #9b59ff26;border-radius:16px;cursor:pointer;overflow:hidden;padding:1.3rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.info-card:before{animation:borderFlow 3s linear infinite;background:linear-gradient(45deg,var(--accent),var(--accent-2),var(--accent));background-size:200% 200%;border-radius:16px;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.info-card:hover:before{opacity:1}.info-card:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:50%;z-index:1}.info-card:hover:after{left:150%}.info-card:hover{background:linear-gradient(135deg,#9b59ff26,#6a0dad1a);border-color:#0000;box-shadow:0 10px 35px #9b59ff40,-5px 0 20px #9b59ff1a;transform:translateX(8px) scale(1.02)}.info-card>*{position:relative;z-index:2}.info-label{background:#9b59ff4d;border:1px solid #9b59ff66;border-radius:6px;color:#fff;display:block;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:.6rem;padding:.3rem .8rem;text-shadow:0 2px 4px #0000004d;text-transform:uppercase;transition:all .3s ease}.info-card:hover .info-label{background:#9b59ff80;border-color:#9b59ffb3;box-shadow:0 0 15px #9b59ff99,0 4px 12px #0000004d;text-shadow:0 0 10px #ffffff80,0 2px 4px #00000080;transform:scale(1.05)}.info-card p{color:#fff;font-size:1rem;font-weight:600;line-height:1.5;margin:0;text-shadow:0 2px 8px #0000004d;transition:all .3s ease}.info-card:hover p{font-weight:700;text-shadow:0 0 20px #9b59ffcc,0 0 40px #9b59ff66,0 2px 8px #00000080}.courses-section{border-image:linear-gradient(90deg,#0000,#9b59ff4d,#0000) 1;border-top:2px solid #0000;margin-top:2.5rem;padding-top:2rem;position:relative}.courses-section:before{background:linear-gradient(90deg,#0000,var(--accent),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:-2px;transition:opacity .3s ease}.courses-section:hover:before{opacity:1}.courses-section h4{color:var(--accent);font-size:.9rem;font-weight:700;letter-spacing:.12em;margin:0 0 1.5rem;text-transform:uppercase}.courses-list{grid-gap:1rem;display:grid;gap:1rem}.course-item{background:linear-gradient(135deg,#9b59ff14,#6a0dad0d);border:1px solid #9b59ff26;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:.8rem;overflow:hidden;padding:1.3rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.course-item:before{animation:borderFlow 3s linear infinite;background:linear-gradient(45deg,var(--accent),var(--accent-2),var(--accent));background-size:200% 200%;border-radius:16px;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}@keyframes borderFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.course-item:hover:before{opacity:1}.course-item:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:50%;z-index:1}.course-item:hover:after{left:150%}.course-item:hover{background:linear-gradient(135deg,#9b59ff26,#6a0dad1a);border-color:#0000;box-shadow:0 10px 35px #9b59ff40,-5px 0 20px #9b59ff1a;transform:translateX(8px) scale(1.02)}.course-name{color:#fff;display:block;font-size:1.05rem;font-weight:600;line-height:1.5;margin:0;position:relative;text-shadow:0 2px 8px #0000004d;transition:all .3s ease;z-index:2}.course-item:hover .course-name{color:#fff;font-weight:700;text-shadow:0 0 20px #9b59ffcc,0 0 40px #9b59ff66,0 2px 8px #00000080}.course-type{align-self:flex-start;background:#9b59ff4d;border:1px solid #9b59ff66;border-radius:8px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:.4rem 1rem;position:relative;text-shadow:0 2px 4px #0000004d;text-transform:uppercase;transition:all .3s ease;z-index:2}.course-item:hover .course-type{background:#9b59ff80;border-color:#9b59ffb3;box-shadow:0 0 20px #9b59ff99,0 4px 12px #0000004d;text-shadow:0 0 10px #ffffff80,0 2px 4px #00000080;transform:scale(1.08)}.about-grid .skills{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0a19b3;border:1px solid #9b59ff33;border-radius:24px;box-shadow:0 10px 50px #0006;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s ease}.about-grid .skills:before{animation:rotateGradient 10s linear infinite;background:radial-gradient(circle,#9b59ff1a,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes rotateGradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about-grid .skills:hover{border-color:#9b59ff80;box-shadow:0 20px 70px #9b59ff4d,inset 0 0 60px #9b59ff0d;transform:translateY(-6px)}.about-grid .skills h3{-webkit-text-fill-color:#0000;animation:gradientShine 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,var(--accent),#fff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.05em;margin:0 0 2.5rem;position:relative;text-transform:uppercase;z-index:1}@keyframes gradientShine{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.skill-category{margin-bottom:2.5rem;position:relative;z-index:1}.skill-category:last-child{margin-bottom:0}.skill-category h4{background:linear-gradient(90deg,#9b59ff1a,#0000);border-bottom:2px solid #9b59ff4d;border-radius:8px 8px 0 0;color:var(--accent);font-size:.85rem;font-weight:700;letter-spacing:.1em;margin:0 0 1.2rem;padding:.6rem 1rem .8rem;position:relative;text-shadow:0 0 20px #9b59ff80;text-transform:uppercase;transition:all .3s ease}.skill-category h4:before{background:linear-gradient(90deg,var(--accent),var(--accent-2));bottom:-2px;box-shadow:0 0 10px #9b59ffcc;content:"";height:2px;left:0;position:absolute;transition:width .6s ease;width:0}.skill-category:hover h4:before{width:100%}.skill-item{align-items:center;background:linear-gradient(135deg,#9b59ff0d,#6a0dad08);border:1px solid #9b59ff26;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem;overflow:hidden;padding:1rem 1.2rem;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.skill-item:before{background:linear-gradient(90deg,#0000,#9b59ff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.skill-item:hover:before{left:100%}.skill-item:hover{background:linear-gradient(135deg,#9b59ff1f,#6a0dad14);border-color:#9b59ff66;box-shadow:0 8px 25px #9b59ff33,-5px 0 15px #9b59ff1a;transform:translateX(10px) scale(1.02)}.skill-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.8rem;position:relative;z-index:1}.skill-name{color:#ffffffe6;font-size:1rem;font-weight:500;text-shadow:0 2px 4px #0003;transition:all .3s ease}.skill-item:hover .skill-name{color:#fff;font-weight:600;text-shadow:0 0 15px #9b59ffcc,0 2px 8px #0000004d}.skill-badge{border:1px solid;border-radius:8px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.4rem .9rem;text-shadow:0 2px 4px #0000004d;text-transform:uppercase;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.skill-item.expert .skill-badge{background:#9b59ff4d;border-color:#9b59ff80;color:#fff}.skill-item.expert:hover .skill-badge{background:#9b59ff80;border-color:#9b59ffb3;box-shadow:0 0 20px #9b59ff99;transform:scale(1.1)}.skill-item.intermediate .skill-badge{background:#6a0dad40;border-color:#6a0dad66;color:#fffffff2}.skill-item.intermediate:hover .skill-badge{background:#6a0dad66;border-color:#6a0dad99;box-shadow:0 0 20px #6a0dad99;transform:scale(1.1)}.skill-item.familiar .skill-badge{background:#9b59ff26;border-color:#9b59ff4d;color:#ffffffe6}.skill-item.familiar:hover .skill-badge{background:#9b59ff40;border-color:#9b59ff80;box-shadow:0 0 15px #9b59ff66;transform:scale(1.1)}@media (max-width:820px){.about-grid{gap:2rem;grid-template-columns:1fr}.about .container{padding:0 1.5rem}.info-grid{grid-template-columns:1fr}}.info-modal-overlay{align-items:center;animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:#000000d9;bottom:0!important;display:flex;justify-content:center;left:0!important;margin:0!important;padding:2rem;position:fixed!important;right:0!important;top:0!important;transform:none!important;z-index:9999}.info-modal-overlay.closing{animation:fadeOut .4s ease forwards}.info-modal{animation:modalPopup .6s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#14141efa,#1e0f32fa);border:2px solid #9b59ff66;border-radius:20px;box-shadow:0 30px 80px #000000b3,0 0 60px #9b59ff33,inset 0 1px 0 #ffffff1a;flex-shrink:0;margin:0!important;max-height:calc(100vh - 4rem);max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:100%}.info-modal.closing{animation:modalClose .4s cubic-bezier(.34,1.56,.64,1) forwards}.info-modal:before{animation:gradientPulse 6s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#9b59ff26,#0000 60%),radial-gradient(circle at 70% 70%,#6a0dad26,#0000 60%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.info-modal .modal-close{align-items:center;background:#9b59ff26;border:2px solid #9b59ff4d;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:1.3rem;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:40px;z-index:100}.info-modal .modal-close:hover{background:#9b59ff4d;border-color:#9b59ff80;box-shadow:0 0 20px #9b59ff99,0 4px 12px #0000004d;color:#fff;transform:rotate(90deg) scale(1.1)}.info-modal .modal-header{margin-bottom:1.5rem;position:relative;z-index:1}.info-modal .modal-header h2{color:#fff;font-size:1.5rem;margin:0 0 .25rem;text-align:left}.info-modal .modal-subtitle{color:var(--accent);font-size:.9rem;margin:0}.info-modal .modal-description{color:var(--muted);font-size:1rem;line-height:1.7;margin-bottom:1.5rem;position:relative;z-index:1}.info-modal .modal-details{position:relative;z-index:1}.info-modal .modal-details h3{align-items:center;color:#fff;display:flex;font-size:1.1rem;gap:.5rem;margin:1.5rem 0 1rem}.info-modal .modal-details ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.info-modal .modal-details li{color:var(--muted);font-size:.95rem;line-height:1.5;padding-left:1.5rem;position:relative}.info-modal .modal-details li:before{color:var(--accent);content:"✓";font-weight:700;left:0;position:absolute}.stats{padding:3rem 0;position:relative}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px;padding:0 2rem}.stat{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0a1999;border:1px solid #9b59ff33;border-radius:20px;box-shadow:0 8px 32px #0000004d;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .4s ease}.stat:before{background:linear-gradient(90deg,#0000,#9b59ffcc,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.stat:hover:before{opacity:1}.stat:hover{border-color:#9b59ff66;box-shadow:0 12px 48px #9b59ff33,0 0 0 1px #9b59ff4d;transform:translateY(-8px)}.stat-num{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.5rem;transition:all .3s ease}.stat:hover .stat-num{filter:drop-shadow(0 0 20px rgba(155,89,255,.6));transform:scale(1.1)}.stat-label{color:#ffffffb3;font-size:.95rem;font-weight:500;letter-spacing:.02em;transition:color .3s ease}.stat:hover .stat-label{color:#fffffff2}@media (max-width:820px){.stats-grid{gap:1.5rem;grid-template-columns:1fr}.stat-num{font-size:2.5rem}}.testimonials{background:#0000;padding:6rem 2rem;position:relative}.testimonials .container{margin:0 auto;max-width:1800px;padding:0 1rem;width:100%}.testimonials>.container>h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff 30%,var(--accent-2));background-clip:text;-webkit-background-clip:text;color:#fff;font-size:clamp(1.5rem,3vw,2rem);margin:0 0 3rem;text-align:center}.testi-marquee{margin:0;overflow:hidden;position:relative;width:100%}.testi-track{animation:scroll 40s linear infinite;display:flex;gap:1.5rem;padding:1rem 0;width:-webkit-fit-content;width:fit-content}.testi-track:hover{animation-play-state:paused}.testi-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#9b59ff1a,#6a0dad0d);border:1px solid #9b59ff33;border-radius:20px;display:flex;flex:0 0 auto;flex-direction:column;max-height:none;min-height:auto;overflow:hidden;padding:2rem;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);width:320px}.testi-item:before{animation:borderRotate 4s linear infinite;background:linear-gradient(45deg,var(--accent),var(--accent-2),var(--accent));background-size:300% 300%;border-radius:inherit;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .5s ease;z-index:-1}@keyframes borderRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.testi-item:hover:before{opacity:1}.testi-item:hover{background:linear-gradient(135deg,#9b59ff26,#6a0dad1a);border-color:#0000;box-shadow:0 25px 50px -12px #9b59ff66,0 0 30px #9b59ff33;transform:translateY(-8px) scale(1.02)}.quote-icon{color:#9b59ff4d;font-family:Georgia,serif;font-size:4rem;font-weight:700;line-height:1;margin-bottom:.5rem}.testi-text{color:#ffffffe6;font-size:1rem;font-weight:400;line-height:1.7;margin:0 0 auto;padding:0;position:relative;white-space:normal;word-break:break-word}.testi-who{border-top:1px solid #9b59ff33;color:var(--accent);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-top:1.5rem;padding-top:1.5rem;text-transform:uppercase}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 1.5rem))}}.section-header{margin-bottom:4rem}.header-badge{align-items:center;background:#9b59ff1a;border:1px solid #9b59ff1a;border-radius:100px;color:var(--accent);display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.header-badge svg{animation:pulse 2s infinite;height:16px;width:16px}@keyframes shimmer{0%{opacity:0;transform:translateX(-100%) skewX(-20deg)}20%{opacity:1}40%,to{opacity:0;transform:translateX(100%) skewX(-20deg)}}@keyframes slideUpScale{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.section-header h2{background:linear-gradient(90deg,#fff 30%,var(--accent-2));font-size:clamp(2rem,4vw,2.75rem)}.section-desc{font-size:1.125rem;line-height:1.7}.testi-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));perspective:1000px}.testi-card{animation:slideUpScale .6s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(165deg,#9b59ff14,#6a0dad0d);border:1px solid #9b59ff1a;border-radius:16px;opacity:0;overflow:hidden;padding:1.75rem;position:relative;transform:translateY(20px) scale(.95);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.testi-card:before{animation:shimmer 3s infinite;background:linear-gradient(120deg,#0000,#9b59ff1a,#0000);content:"";inset:0;opacity:0;position:absolute;transform:translateX(-100%) skewX(-20deg);transition:opacity .4s ease}.testi-card:nth-child(2){animation-delay:.2s}.testi-card:nth-child(3){animation-delay:.4s}.testi-card:hover{border-color:#9b59ff33;box-shadow:0 20px 40px -12px #9b59ff4d,0 0 20px -4px #9b59ff1a;transform:translateY(-8px)}.testi-header{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:auto 1fr auto;margin-bottom:1.25rem}.testi-avatar{height:56px;position:relative;width:56px}.testi-avatar img{border-radius:12px;height:100%;object-fit:cover;width:100%}.avatar-badge{align-items:center;background:linear-gradient(135deg,#9b59ffe6,#6a0dade6);border:2px solid var(--background);border-radius:6px;bottom:-6px;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-6px;width:24px}.testi-meta h4{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,var(--accent-2));background-clip:text;-webkit-background-clip:text;color:#fff;font-size:1.1rem;font-weight:600;margin:0}.testi-meta p{color:var(--muted);font-size:.9375rem;margin:.25rem 0 0}.testi-rating{color:var(--accent);display:flex;gap:.25rem}.star-filled{fill:currentColor}.testi-content p{color:var(--muted);font-size:1rem;line-height:1.7;margin:0}.testi-stats{border-top:1px solid #9b59ff1a;display:flex;gap:4rem;justify-content:center;margin-top:4rem;padding-top:4rem}.stat-item{text-align:center;transition:all .3s ease-out}.stat-item:hover{transform:translateY(-4px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,var(--accent-2));background-clip:text;-webkit-background-clip:text;display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:var(--muted);font-size:1rem}.testi-bg{inset:0;overflow:hidden;pointer-events:none;position:absolute}.bg-circle{background:#9b59ff08;border-radius:50%;filter:blur(40px);position:absolute}.circle-1{height:400px;left:-100px;top:-100px;width:400px}.circle-2{background:#6a0dad08;bottom:-200px;height:500px;right:-100px;width:500px}.bg-grid{background-image:linear-gradient(#9b59ff08 1px,#0000 0),linear-gradient(90deg,#9b59ff08 1px,#0000 0);background-size:40px 40px;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000,#0000 70%);mask-image:radial-gradient(circle at 50% 50%,#000,#0000 70%);position:absolute}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.testimonials{padding:4rem 0}.testi-grid{gap:1.5rem;grid-template-columns:1fr}.testi-stats{flex-direction:column;gap:2rem;text-align:center}.stat-number{font-size:2rem}}@media (min-width:769px) and (max-width:1024px){.testi-grid{grid-template-columns:repeat(2,1fr)}}:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-gradient:none;--behind-glow-color:#9b59ff80;--behind-glow-size:30%;--inner-gradient:none;--sunpillar-1:#639;--sunpillar-2:#8639ac;--sunpillar-3:#539;--sunpillar-4:#4c39ac;--sunpillar-5:#8040bf;--sunpillar-6:#739;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--card-radius:30px}.pc-card-wrapper{overflow:visible;perspective:500px;position:relative;touch-action:none;transform:translateZ(.1px);will-change:transform}.pc-behind{background:radial-gradient(circle at 50% 50%,#9b59ff80 0,#0000 30%);background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0,#0000 var(--behind-glow-size));filter:blur(50px) saturate(1.2);inset:0;opacity:0;opacity:calc(var(--card-opacity)*.7);pointer-events:none;position:absolute;transition:opacity .3s ease,filter .3s ease;will-change:background;z-index:0}.pc-card-wrapper.active .pc-behind,.pc-card-wrapper:hover .pc-behind{filter:blur(60px) saturate(1.5);opacity:0;opacity:calc(var(--card-opacity)*.9)}.pc-card-wrapper.active,.pc-card-wrapper:hover{--card-opacity:1}.pc-card{animation:glow-bg 12s linear infinite;aspect-ratio:.718;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#000000e6;background-blend-mode:color-dodge,normal,normal,normal;border-radius:30px;border-radius:var(--card-radius);box-shadow:2px 4px 20px -5px #000c,0 0 0 1px #9b59ff1a;box-shadow:#000c calc(var(--pointer-from-left)*10px - 3px) calc(var(--pointer-from-top)*20px - 6px) 20px -5px,0 0 0 1px #9b59ff1a;display:grid;height:50svh;max-height:380px;overflow:hidden;position:relative;transform:translateZ(0) rotateX(0deg) rotateY(0deg);transition:transform 1s ease,box-shadow .4s ease}.pc-card.active,.pc-card:hover{box-shadow:2px 4px 20px -5px #000c,0 0 0 1px #9b59ff66,0 0 30px #9b59ff4d;box-shadow:#000c calc(var(--pointer-from-left)*10px - 3px) calc(var(--pointer-from-top)*20px - 6px) 20px -5px,0 0 0 1px #9b59ff66,0 0 30px #9b59ff4d;transform:translateZ(0) rotateX(0deg) rotateY(0deg);transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{position:relative;will-change:transform;z-index:1}.pc-card *{border-radius:30px;border-radius:var(--card-radius);display:grid;grid-area:1/-1;pointer-events:none}.pc-inside{background-color:#0f0a19f2;background-image:linear-gradient(145deg,#2d1b4e66,#71c4ff26);inset:0;position:absolute;transform:none}.pc-shine{animation:holo-bg 18s linear infinite;animation-play-state:running;filter:brightness(.4) contrast(1.1) saturate(.8) opacity(.5);-webkit-mask-image:none;mask-image:none;-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-position:top -50% left 50%;mask-position:top -50% left 50%;-webkit-mask-position:top calc(200% - var(--background-y)*5) left calc(100% - var(--background-x));mask-position:top calc(200% - var(--background-y)*5) left calc(100% - var(--background-x));-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;mix-blend-mode:color-dodge;transition:filter .6s ease;will-change:mask-position,filter}.pc-shine,.pc-shine:after{--space:5%;--angle:-45deg;background:#0000;background-blend-mode:color,hard-light;background-image:repeating-linear-gradient(0deg,#639 calc(var(--space)*1),#8639ac calc(var(--space)*2),#539 calc(var(--space)*3),#4c39ac calc(var(--space)*4),#8040bf calc(var(--space)*5),#739 calc(var(--space)*6),#639 calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#0e152e 0,#8fa3a3 3.8%,#8fc1c1 4.5%,#8fa3a3 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at 50% 50%,#0000001a 12%,#00000026 20%,#00000040 120%);background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space)*1),var(--sunpillar-clr-2) calc(var(--space)*2),var(--sunpillar-clr-3) calc(var(--space)*3),var(--sunpillar-clr-4) calc(var(--space)*4),var(--sunpillar-clr-5) calc(var(--space)*5),var(--sunpillar-clr-6) calc(var(--space)*6),var(--sunpillar-clr-1) calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#0e152e 0,#8fa3a3 3.8%,#8fc1c1 4.5%,#8fa3a3 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),#0000001a 12%,#00000026 20%,#00000040 120%);background-position:50%;background-position:0 50%,50% 50%,50%;background-position:0 var(--background-y),var(--background-x) var(--background-y),50%;background-repeat:repeat;background-size:cover;background-size:500% 500%,300% 300%,200% 200%;overflow:hidden;transform:translateZ(1px);z-index:3}.pc-shine:after,.pc-shine:before{background-position:50%;background-size:cover;content:"";grid-area:1/1;opacity:0;transition:opacity .8s ease}.pc-card.active .pc-shine,.pc-card:hover .pc-shine{animation-play-state:paused;filter:brightness(.65) contrast(1.3) saturate(1.2)}.pc-card.active .pc-shine:after,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card:hover .pc-shine:before{opacity:1}.pc-shine:before{background-blend-mode:color-dodge;background-image:linear-gradient(45deg,#4c39ac,#8040bf,#739,#639,#8639ac,#539),radial-gradient(circle at 50% 50%,#8c47d1 0,#4d2e6b66 90%),none;background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),#8c47d1 0,#4d2e6b66 90%),var(--grain);background-position:50% 50%,50%,.5% .5%;background-position:var(--pointer-x) var(--pointer-y),50%,calc(var(--pointer-x)*.01) calc(var(--pointer-y)*.01);background-size:250% 250%,100% 100%,220px 220px;filter:brightness(1.5) contrast(1.8) saturate(1.2);filter:brightness(calc(1.5 - var(--pointer-from-center)*.2)) contrast(calc(var(--pointer-from-center) + 1.8)) saturate(calc(1.2 + var(--pointer-from-center)*.3));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 50%,20% 25%,50%;background-position:0 var(--background-y),calc(var(--background-x)*.4) calc(var(--background-y)*.5),50%;background-size:200% 300%,700% 700%,100% 100%;filter:brightness(.8) contrast(1.5);mix-blend-mode:difference}.pc-glare{background-image:radial-gradient(farthest-corner circle at 50% 50%,#8c47d166 0,#7339ac40 30%,#261d3080 90%);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),#8c47d166 0,#7339ac40 30%,#261d3080 90%);filter:brightness(.8) contrast(1.2);mix-blend-mode:overlay;opacity:.6;overflow:hidden;transform:translateZ(1.1px);transition:opacity .4s ease,filter .4s ease;z-index:4}.pc-card.active .pc-glare,.pc-card:hover .pc-glare{filter:brightness(1.1) contrast(1.3);opacity:1}.pc-avatar-content{isolation:isolate;overflow:visible;transform:translateZ(2)}.pc-avatar-content,.pc-avatar-content .avatar{-webkit-backface-visibility:hidden;backface-visibility:hidden;mix-blend-mode:normal}.pc-avatar-content .avatar{bottom:-1px;filter:none;left:50%;position:absolute;transform:translateX(-50%) translateZ(0) scaleY(1) scaleX(1);transform:translateX(calc(-50% + (var(--pointer-from-left) - .5)*6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5)*.02)) scaleX(calc(1 + (var(--pointer-from-left) - .5)*.01));transform-origin:50% 100%;transition:transform .12s ease-out;width:100%;will-change:transform}.pc-avatar-content:before{-webkit-backdrop-filter:none;backdrop-filter:none;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.pc-user-info{--ui-inset:12px;--ui-radius-bias:6px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#140f23d9;border:1px solid #9b59ff33;border-radius:calc(max(0px, 30px - var(--ui-inset) + var(--ui-radius-bias)));border-radius:calc(max(0px, var(--card-radius) - var(--ui-inset) + var(--ui-radius-bias)));bottom:var(--ui-inset);justify-content:space-between;left:var(--ui-inset);padding:8px 10px;pointer-events:auto;position:absolute;right:var(--ui-inset);z-index:2}.pc-user-details,.pc-user-info{align-items:center;display:flex}.pc-user-details{gap:8px}.pc-mini-avatar{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.pc-mini-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.pc-user-text{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.pc-handle{color:#ffffffe6;font-size:11px;font-weight:500;line-height:1}.pc-status{color:#ffffffb3;font-size:10px;line-height:1}.pc-contact-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#9b59ff33;border:1px solid #9b59ff66;border-radius:6px;color:#fffffff2;cursor:pointer;font-size:10px;font-weight:600;padding:8px 12px;transition:all .2s ease}.pc-contact-btn:hover{background:#9b59ff59;border-color:#9b59ff99;box-shadow:0 4px 12px #9b59ff4d;transform:translateY(-1px);transition:all .2s ease}.pc-content:not(.pc-avatar-content){max-height:100%;mix-blend-mode:luminosity;overflow:hidden;position:relative;text-align:center;transform:translate3d(0,0,.1px);transform:translate3d(calc(var(--pointer-from-left)*-6px + 3px),calc(var(--pointer-from-top)*-6px + 3px),.1px);z-index:5}.pc-details{display:flex;flex-direction:column;position:absolute;top:1.2em;width:100%}.pc-details h3{background-image:linear-gradient(180deg,#fff,#9b59ff);font-size:min(4svh,1.8em);margin:0}.pc-details h3,.pc-details p{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-size:1em 1.5em;font-weight:600}.pc-details p{background-image:linear-gradient(180deg,#e0e0e0,#9b59ff);font-size:12px;margin:0 auto;position:relative;top:-8px;white-space:nowrap;width:-webkit-min-content;width:min-content}@keyframes glow-bg{0%{--bgrotate:0deg}to{--bgrotate:360deg}}@keyframes holo-bg{0%{background-position:0 50%,0 0,50%;background-position:0 var(--background-y),0 0,50%}to{background-position:0 50%,90% 90%,50%;background-position:0 var(--background-y),90% 90%,50%}}@media (max-width:768px){.pc-card{height:70svh;max-height:450px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{--ui-inset:15px;padding:10px 12px}.pc-mini-avatar{height:28px;width:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{font-size:11px;padding:6px 12px}}@media (max-width:480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{--ui-inset:12px;padding:8px 10px}.pc-mini-avatar{height:24px;width:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{border-radius:50px;font-size:10px;padding:5px 10px}}@media (max-width:320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{padding:6px 8px}.pc-mini-avatar{height:20px;width:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{border-radius:50px;font-size:9px;padding:4px 8px}}.pc-card-wrapper:before{background:linear-gradient(45deg,#9b59ffcc,#6a0dadcc,#9b59ffcc,#6a0dadcc);background-size:300% 300%;border-radius:33px;border-radius:calc(var(--card-radius) + 3px);content:"";filter:blur(8px);inset:-3px;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:-1}.pc-card-wrapper.active:before,.pc-card-wrapper:hover:before{animation:borderGlowPulse 3s ease-in-out infinite;opacity:1}@keyframes borderGlowPulse{0%,to{background-position:0 50%;filter:blur(8px) brightness(1)}50%{background-position:100% 50%;filter:blur(12px) brightness(1.5)}}.pc-card:before{background:radial-gradient(circle,#ffffff4d 0,#9b59ff66 30%,#0000 70%);content:"";filter:blur(30px);height:200px;left:50%;left:var(--pointer-x);mix-blend-mode:screen;opacity:0;pointer-events:none;position:absolute;top:50%;top:var(--pointer-y);transform:translate(-50%,-50%);transition:opacity .3s ease;width:200px;z-index:15}.pc-card.active:before,.pc-card:hover:before{opacity:1}.project-wrapper[data-featured=true] .project-card:before{background:linear-gradient(135deg,#ffd70033,#ffa50026);border:1px solid #ffd70066;border-radius:20px;box-shadow:0 4px 12px #ffd70033,inset 0 1px 0 #ffffff1a;color:#ffd700f2;content:"🏆 FLAGSHIP PROJECT";font-size:.7rem;font-weight:700;left:50%;letter-spacing:.05em;padding:.4rem 1rem;position:absolute;text-shadow:0 0 10px #ffd7004d;top:-12px;transform:translateX(-50%);white-space:nowrap;z-index:10}.project-wrapper[data-featured=true] .card-main{border:2px solid #ffd7004d;box-shadow:0 4px 12px #0006,0 1px 3px #0003,0 0 30px #ffd7001a,inset 0 1px 0 #ffffff08}.project-wrapper[data-featured=true]:hover .card-main{border-color:#ffd70080;box-shadow:0 12px 32px #00000080,0 4px 12px #ffd70033,0 0 40px #ffd70026,inset 0 1px 0 #ffffff0d}.project-wrapper[data-featured=true] .card-title{-webkit-text-fill-color:#0000;animation:featuredTitleShine 3s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffed4e,gold);background-clip:text;-webkit-background-clip:text;background-size:200% 200%}@keyframes featuredTitleShine{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.project-wrapper[data-featured=true] .card-role-badge{background:linear-gradient(135deg,#ffd70033,#ffa50026);border-color:#ffd70066;color:#ffd700f2}.project-wrapper[data-featured=true] .card-role-badge:hover{background:linear-gradient(135deg,#ffd7004d,#ffa50040);border-color:#ffd70099;box-shadow:0 4px 16px #ffd7004d,inset 0 1px 0 #ffffff1a;color:#fff}.project-wrapper[data-featured=true] .card-action-link.primary{background:linear-gradient(135deg,#ffd7004d,#ffa50033);border-color:#ffd70080;box-shadow:0 2px 8px #ffd70033,inset 0 1px 0 #ffffff1a}.project-wrapper[data-featured=true] .card-action-link.primary:hover{background:linear-gradient(135deg,#ffd70066,#ffa5004d);border-color:#ffd700b3;box-shadow:0 6px 20px #ffd70059,inset 0 1px 0 #ffffff26}.project-card{display:flex;flex-direction:column;height:auto}.card-main,.project-card{position:relative;width:100%}.card-main{-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);background:linear-gradient(135deg,#191923f2,#14141efa);border:1px solid #9b59ff26;border-radius:16px;box-shadow:0 4px 12px #0006,0 1px 3px #0003,inset 0 1px 0 #ffffff08;overflow:hidden;transition:all .4s ease}.project-card:hover .card-main{border-color:#9b59ff4d;box-shadow:0 12px 32px #00000080,0 4px 12px #9b59ff26,inset 0 1px 0 #ffffff0d;transform:translateY(-4px)}.card-gradient-overlay{background:linear-gradient(135deg,#9b59ff05,#0000 50%,#6a0dad05)}.card-gradient-overlay,.card-spotlight{inset:0;pointer-events:none;position:absolute;z-index:0}.card-spotlight{opacity:0;transition:opacity .3s ease}.card-content{gap:1rem;padding:2rem;position:relative;z-index:1}.card-title{color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0;transition:all .3s ease}.project-card:hover .card-title{color:#9b59fff2;text-shadow:0 0 20px #9b59ff33}.card-description{color:#dcdcebd9;font-size:.9rem;line-height:1.6;margin:0;transition:color .3s ease}.project-card:hover .card-description{color:#dcdcebf2}.card-role-badge{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#9b59ff1f,#6a0dad14);border:1px solid #9b59ff40;border-radius:10px;color:#9b59fff2;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.03em;margin-top:.5rem;padding:.6rem 1.2rem;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.role-icon{font-size:1rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.card-role-badge:hover{background:linear-gradient(135deg,#9b59ff33,#6a0dad26);border-color:#9b59ff66;box-shadow:0 4px 16px #9b59ff33,inset 0 1px 0 #ffffff1a;color:#fff;transform:translateY(-2px)}.card-role-badge:hover .role-icon{transform:translateX(3px)}.card-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tech-badge{background:#9b59ff0f;border:1px solid #9b59ff1f;border-radius:6px;color:#dcdcebcc;font-size:.75rem;font-weight:500;letter-spacing:.01em;padding:.4rem .75rem;transition:all .3s ease;white-space:nowrap}.project-card:hover .tech-badge{background:#9b59ff1a;border-color:#9b59ff33;color:#dcdcebf2}.card-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:.5rem}.card-action-link{align-items:center;border-radius:12px;display:inline-flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.01em;padding:.8rem 1.2rem;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.link-icon{height:16px;transition:transform .3s ease;width:16px}.card-action-link.primary{background:linear-gradient(135deg,#9b59ff4d,#6a0dad33);border:1px solid #9b59ff66;box-shadow:0 2px 8px #9b59ff26,inset 0 1px 0 #ffffff1a;color:#fff}.card-action-link.primary:hover{background:linear-gradient(135deg,#9b59ff66,#6a0dad4d);border-color:#9b59ff99;box-shadow:0 6px 20px #9b59ff4d,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.card-action-link.secondary{background:#ffffff0a;border:1px solid #9b59ff33;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #ffffff0d;color:#dcdcebe6}.card-action-link.secondary:hover{background:#ffffff14;border-color:#9b59ff59;box-shadow:0 6px 20px #9b59ff26,inset 0 1px 0 #ffffff14;color:#fff;transform:translateY(-2px)}.card-action-link:hover .link-icon{transform:translateX(3px)}.card-action-link:active{transform:scale(.98)}.card-accent-line{background:linear-gradient(90deg,#0000,#9b59ff99,#0000);height:2px;left:0;position:absolute;right:0;top:0;transform-origin:center;z-index:2}.card-depth-layer{display:none}@media (max-width:768px){.card-content{gap:.875rem;padding:1.5rem}.card-title{font-size:1.2rem}.card-description{font-size:.85rem}.card-actions{flex-direction:column}.card-action-link{width:100%}}@media (prefers-reduced-motion:reduce){.card-action-link,.card-description,.card-main,.card-title,.link-icon,.project-card,.tech-badge{animation:none;transition:none}}.projects{background:#0000;overflow:visible;padding:4rem 0;position:relative}.projects .container{margin:0 auto;max-width:1100px;padding:0 1rem;position:relative;z-index:1}.projects:after{background-image:radial-gradient(circle,#6a0dad0a 1.5px,#0000 0);background-position:0 0;background-size:100px 100px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.section-header{margin-bottom:3rem;position:relative;text-align:center;z-index:1}.section-header:before{animation:rotateStack 12s linear infinite;background:linear-gradient(135deg,#9b59ff33,#9b59ff14);border:2px solid #9b59ff47;border-radius:5px;box-shadow:0 0 25px #9b59ff2e,inset -2px -2px 8px #9b59ff1a,inset 2px 2px 8px #9b59ff1f;content:"";height:70px;pointer-events:none;position:fixed;right:3%;top:20%;width:70px;z-index:0}@keyframes rotateStack{0%{transform:perspective(800px) rotateX(0deg) rotateY(0deg) rotate(0deg)}33%{transform:perspective(800px) rotateX(120deg) rotateY(0deg) rotate(0deg)}66%{transform:perspective(800px) rotateX(0deg) rotateY(120deg) rotate(0deg)}to{transform:perspective(800px) rotateX(0deg) rotateY(0deg) rotate(120deg)}}.section-header:after{bottom:15%;color:#6a0dad14;content:"[ ]";font-family:Space Mono,monospace;font-size:2.5rem;font-weight:300;letter-spacing:.3rem;pointer-events:none;position:fixed;right:3%;text-shadow:2px 2px 0 #6a0dad1f,4px 4px 0 #6a0dad0f,-2px -2px 12px #9b59ff1a,0 0 20px #9b59ff14;transform:perspective(600px) rotateY(0deg) rotateX(0deg);transform:perspective(600px) rotateY(var(--mouse-x,0deg)) rotateX(var(--mouse-y,0deg));transition:transform .1s ease-out;z-index:0}.section-header h2{-webkit-text-fill-color:#0000;animation:gradientSlide 4s ease-in-out infinite;background:linear-gradient(90deg,#fff,var(--accent-2),#fff);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;font-size:2.2rem;margin:0 0 1rem;text-shadow:0 0 40px #9b59ff4d}@keyframes gradientSlide{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.section-desc{color:var(--muted);font-size:1.1rem;margin:0 auto;max-width:600px;text-shadow:0 2px 8px #0000004d}.grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin:0 auto;max-width:100%;padding:0;position:relative;width:100%;z-index:1}@media (min-width:768px){.grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid{gap:2rem;grid-template-columns:repeat(3,1fr)}}.project-wrapper{height:auto}.card,.project-wrapper{position:relative;width:100%}.card{background:#0000;border-radius:16px;display:flex;flex-direction:column;height:100%;min-height:auto;opacity:0;overflow:visible;transform-style:preserve-3d;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.card.visible{opacity:1;transform:translateY(0)}.card{transition-delay:0s;transition-delay:var(--delay,0s)}.card.visible{animation:cardAppear .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:0s;animation-delay:var(--delay,0s)}@keyframes cardAppear{0%{opacity:0}to{opacity:1}}.card-inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14141e99;border:1px solid #9b59ff26;border-radius:16px;box-shadow:0 4px 12px #0000004d;display:flex;flex:1 1;flex-direction:column;overflow:visible;position:relative;transform-style:preserve-3d;transition:all 1s ease;width:100%}.card-inner:after{background:radial-gradient(circle at 50% 0,#9b59ff08,#0000 70%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity 1s ease}.card:hover .card-inner:after{opacity:1;transition:none}.card-inner:before{background:linear-gradient(90deg,#0000,#9b59ffcc,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:all 1s ease;z-index:1}.card:hover .card-inner:before{opacity:1;transform:scaleX(1);transition:none}.card:hover .card-inner{background:#191923cc;border-color:#9b59ff66;box-shadow:0 20px 40px #0006,0 0 30px #9b59ff33,inset 0 1px 0 #ffffff0d;transform:translateY(-8px);transition:none}.card-front{background:#0000;border-radius:inherit;flex:1 1;gap:.6rem;padding:1.5rem;position:relative;transition:all .3s ease-out}.card-content,.card-front{display:flex;flex-direction:column;overflow:visible;transform-style:preserve-3d}.card-content{gap:.75rem;height:100%}.card h3{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0;transition:all 1s ease}.card:hover h3{color:#9b59fff2;text-shadow:0 0 20px #9b59ff4d;transition:none}@keyframes titleShine{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.card p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#c8c8dce6;display:-webkit-box;font-size:.85rem;line-height:1.5;margin:0;overflow:hidden}.tech-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.75rem;width:100%}.role-badge{align-items:center;background:linear-gradient(135deg,#9b59ff2e,#6a0dad26);border:1.5px solid #9b59ff59;border-radius:10px;color:#9b59ff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.1em;margin:.5rem 0 0;overflow:hidden;padding:.55rem 1.1rem;position:relative;text-transform:uppercase;transition:all 1s ease}.role-badge:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.role-badge:hover:before{left:100%}.role-badge:after{content:"→";opacity:0;transform:translateX(-5px);transition:all .3s ease}.role-badge:hover{background:linear-gradient(135deg,#9b59ff4d,#6a0dad40);border-color:#9b59ff99;box-shadow:0 6px 16px #9b59ff66,0 0 20px #9b59ff33;color:#fff;letter-spacing:.12em;transform:translateY(-2px) scale(1.02);transition:none}.role-badge:hover:after{opacity:1;transform:translateX(0)}.tech-tag{background:#9b59ff14;border:1px solid #9b59ff26;border-radius:5px;color:#c8c8dcf2;font-size:.7rem;font-weight:500;letter-spacing:.01em;padding:.3rem .65rem;transition:all 1s ease}.card:hover .tech-tag{background:#9b59ff26;border-color:#9b59ff4d;color:#fff;transform:translateY(-1px);transition:none}.card-links{display:flex;gap:.6rem;margin-top:auto;opacity:0;padding:.75rem 0 0;pointer-events:none;transform:translateY(8px);transition:opacity 1s ease,transform 1s ease;width:100%}.card:hover .card-links{opacity:1;pointer-events:auto;transform:translateY(0);transition:none}.card-link{align-items:center;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-radius:14px;display:inline-flex;flex:1 1;font-size:.82rem;font-weight:600;gap:.55rem;justify-content:center;letter-spacing:.03em;overflow:hidden;padding:.75rem 1.1rem;position:relative;text-align:center;text-decoration:none;width:100%}.card-link,.link-icon{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.link-icon{flex-shrink:0;height:17px;width:17px}.card-link:before{background:linear-gradient(120deg,#0000,#ffffff40 40%,#ffffff59 50%,#ffffff40 60%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%) skewX(-15deg);transition:transform .8s cubic-bezier(.4,0,.2,1)}.card-link:hover:before{transform:translateX(200%) skewX(-15deg)}.card-link:after{border-radius:inherit;content:"";filter:blur(12px);inset:-4px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.card-link.demo{background:linear-gradient(135deg,#9b59ff59,#6a0dad40);border:2px solid #9b59ff99;box-shadow:0 4px 20px #9b59ff40,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0000001a;color:#fff}.card-link.demo:after{background:linear-gradient(135deg,#9b59ff99,#6a0dad66)}.card-link.code{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:2px solid #9b59ff40;box-shadow:0 4px 20px #00000026,inset 0 1px 0 #ffffff14,inset 0 -1px 0 #0000000d;color:#dcdcebf2}.card-link.code:after{background:#9b59ff4d}.card-link:hover{transform:translateY(-4px) scale(1.02)}.card-link:hover:after{opacity:1}.card-link:hover .link-icon{transform:translateX(4px) scale(1.15)}.card-link.demo:hover{background:linear-gradient(135deg,#9b59ff80,#6a0dad59);border-color:#9b59ffd9;box-shadow:0 8px 30px #9b59ff73,0 0 40px #9b59ff59,inset 0 1px 0 #ffffff40,inset 0 -1px 0 #00000026}.card-link.code:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#9b59ff80;box-shadow:0 8px 30px #9b59ff4d,0 0 40px #9b59ff33,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0000001a;color:#fff}.card-link:active{transform:translateY(-1px) scale(.98)}@media (max-width:600px){.section-header h2{font-size:1.8rem}.section-desc{font-size:1rem}.card{height:auto;min-height:280px}}@media (prefers-reduced-motion:reduce){.card,.card-front,.card-inner,.card-link,.tech-tag{animation:none!important;transform:none!important;transition:none!important}}.role-modal-overlay{align-items:center;animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:#000000d9;bottom:0!important;display:flex;justify-content:center;left:0!important;margin:0!important;padding:2rem;position:fixed!important;right:0!important;top:0!important;transform:none!important;z-index:9999}@keyframes fadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);opacity:1}}@keyframes fadeOut{0%{-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);opacity:1}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}}.role-modal-overlay.closing{animation:fadeOut .4s ease forwards}.role-modal-overlay.closing .role-modal{animation:modalClose .4s cubic-bezier(.34,1.56,.64,1) forwards}.role-modal{animation:modalPopup .6s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#14141efa,#1e0f32fa);border:2px solid #9b59ff66;border-radius:20px;box-shadow:0 30px 80px #000000b3,0 0 60px #9b59ff33,inset 0 1px 0 #ffffff1a;flex-shrink:0;margin:0!important;max-height:calc(100vh - 4rem);max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:100%}.role-modal:before{animation:gradientPulse 6s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#9b59ff26,#0000 60%),radial-gradient(circle at 70% 70%,#6a0dad26,#0000 60%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}@keyframes gradientPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes modalPopup{0%{filter:blur(10px);opacity:0;transform:scale(.8) translateY(30px) rotate(-3deg)}60%{transform:scale(1.03) translateY(-5px) rotate(1deg)}to{filter:blur(0);opacity:1;transform:scale(1) translateY(0) rotate(0)}}@keyframes modalClose{0%{filter:blur(0);opacity:1;transform:scale(1) translateY(0) rotate(0)}to{filter:blur(10px);opacity:0;transform:scale(.85) translateY(30px) rotate(3deg)}}.role-modal::-webkit-scrollbar{width:8px}.role-modal::-webkit-scrollbar-track{background:#9b59ff0d;border-radius:4px}.role-modal::-webkit-scrollbar-thumb{background:#9b59ff4d;border-radius:4px}.role-modal::-webkit-scrollbar-thumb:hover{background:#9b59ff80}.modal-close{align-items:center;background:#9b59ff26;border:2px solid #9b59ff4d;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:1.3rem;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:40px;z-index:10}.modal-close:hover{background:#9b59ff4d;border-color:#9b59ff80;box-shadow:0 0 20px #9b59ff99,0 4px 12px #0000004d;color:#fff;transform:rotate(90deg) scale(1.1)}.role-modal-header{border-bottom:2px solid #9b59ff33;margin-bottom:1.5rem;padding-bottom:1.2rem;position:relative;z-index:1}.role-modal-header:after{animation:borderGlow 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--accent),#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.role-modal-header h2{-webkit-text-fill-color:#0000;animation:gradientSlide 4s ease-in-out infinite;background:linear-gradient(90deg,#fff,var(--accent-2),#fff);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#fff;font-size:1.5rem;margin:0 0 .7rem;text-shadow:0 0 30px #9b59ff4d}.role-title{background:#9b59ff33;border:1px solid #9b59ff4d;border-radius:8px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.08em;margin:0;padding:.4rem .9rem;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.role-modal-content{position:relative;z-index:1}.role-modal-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,var(--accent));background-clip:text;-webkit-background-clip:text;color:#fff;font-size:1.1rem;font-weight:700;margin:1.5rem 0 .8rem;text-shadow:0 0 20px #9b59ff4d}.role-modal-content p{color:#ffffffd9;font-size:.95rem;line-height:1.7;margin:0 0 1.2rem;text-shadow:0 2px 4px #0003}.role-details{background:linear-gradient(135deg,#9b59ff1a,#6a0dad14);border:2px solid #9b59ff33;border-radius:14px;margin-top:1.5rem;overflow:hidden;padding:1.2rem;position:relative}.role-details:before{animation:detailsShine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#9b59ff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes detailsShine{0%,to{left:-100%}50%{left:100%}}.role-details h4{background:#9b59ff33;border-radius:8px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.05em;margin:0 0 .8rem;padding:.4rem .9rem;position:relative;text-shadow:0 2px 4px #0000004d;text-transform:uppercase;z-index:1}.role-details p{color:#ffffffd9;font-size:.9rem;line-height:1.6;margin:0;position:relative;z-index:1}.role-details strong{color:#fff;font-weight:700;text-shadow:0 0 10px #9b59ff80}.card h3{filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}.card .role-badge{filter:drop-shadow(0 15px 30px rgba(155,89,255,.6))}.card .card-links{filter:drop-shadow(0 20px 40px rgba(155,89,255,.7))}.card:hover h3{filter:drop-shadow(0 15px 30px rgba(0,0,0,.7))}.card:hover .role-badge{filter:drop-shadow(0 20px 40px rgba(155,89,255,.8))}.card:hover .card-links{filter:drop-shadow(0 25px 50px rgba(155,89,255,.9))}.team{background:#0000;overflow:hidden;padding:4rem 0;position:relative}.team .container{margin:0 auto;max-width:1100px;padding:0 1rem;position:relative;z-index:1}.team .container:before{color:#9b59ff14;content:"< >";font-family:Space Mono,monospace;font-size:4rem;font-weight:300;letter-spacing:.4rem;pointer-events:none;position:fixed;right:3%;text-shadow:4px 4px 0 #9b59ff1f,8px 8px 0 #9b59ff0f,-4px -4px 15px #6a0dad1a,0 0 25px #9b59ff14;top:42%;transform:perspective(700px) rotateX(0deg) rotateY(0deg);transform:perspective(700px) rotateX(var(--mouse-y,0deg)) rotateY(var(--mouse-x,0deg));transition:transform .1s ease-out;z-index:0}.team h2{color:#fff;font-size:2.2rem;margin-bottom:.5rem;position:relative;text-align:center}.team h2:before{animation:rotateNode 16s linear infinite;background:linear-gradient(135deg,#9b59ff2e,#9b59ff0f);border:2px solid #9b59ff42;border-radius:5px;bottom:-80px;box-shadow:0 0 25px #9b59ff29,inset -2px -2px 8px #9b59ff17,inset 2px 2px 8px #9b59ff1f;content:"";height:75px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:75px}@keyframes rotateNode{0%{transform:perspective(900px) rotateX(0deg) rotateY(0deg) rotate(0deg)}25%{transform:perspective(900px) rotateX(90deg) rotateY(45deg) rotate(0deg)}50%{transform:perspective(900px) rotateX(0deg) rotateY(90deg) rotate(0deg)}75%{transform:perspective(900px) rotateX(-90deg) rotateY(45deg) rotate(0deg)}to{transform:perspective(900px) rotateX(1turn) rotateY(1turn) rotate(1turn)}}.team-subtitle{color:var(--muted);font-size:1rem;margin-bottom:3rem;text-align:center}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.team-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0a1999;border:1px solid #9b59ff26;border-radius:16px;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;height:100%;overflow:hidden;perspective:1000px;position:relative;transform-style:preserve-3d;transition:all .4s ease}.team-card:before{background:radial-gradient(circle at 50% 0,#9b59ff26,#0000 70%);border-radius:16px;inset:0;opacity:0;transition:opacity .4s ease;z-index:1}.team-card:after,.team-card:before{content:"";pointer-events:none;position:absolute}.team-card:after{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);height:200%;left:-50%;top:-50%;transform:translateX(-100%) translateY(-100%) rotate(45deg);transition:transform .6s ease;width:200%;z-index:2}.team-card:hover:before{opacity:1}.team-card:hover:after{transform:translateX(100%) translateY(100%) rotate(45deg)}.team-card:hover{border-color:#9b59ff4d;box-shadow:0 30px 60px #00000080,0 0 0 1px #9b59ff40,inset 0 1px 0 #ffffff1a;transform:translateY(-10px) translateZ(20px) rotateX(5deg) rotateY(-5deg)}.team-card-image{background:linear-gradient(135deg,#9b59ff1a,#6432ff0d);border-radius:16px 16px 0 0;height:250px;overflow:hidden;position:relative;transform:translateZ(10px);transition:transform .4s ease;width:100%}.team-member-photo{filter:brightness(.95) contrast(1.05);height:100%;object-fit:cover;transition:all .6s cubic-bezier(.34,1.56,.64,1);width:100%}.team-card:hover .team-card-image{transform:translateZ(30px)}.team-card:hover .team-member-photo{filter:brightness(1.05) contrast(1.15);transform:scale(1.15) translateY(-5px)}.team-card-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem;position:relative;transform:translateZ(5px);transition:transform .4s ease;z-index:3}.team-card:hover .team-card-content{transform:translateZ(15px)}.team-card-content h3{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.team-role{color:var(--accent);font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.team-bio{color:var(--muted);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.team-links{border-top:1px solid #9b59ff1a;display:flex;gap:1rem;padding-top:1rem}.team-link{align-items:center;background:#9b59ff1a;border:1px solid #9b59ff33;border-radius:8px;color:var(--accent);display:flex;font-size:1.1rem;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.team-link:hover{background:var(--accent);box-shadow:0 0 15px #9b59ff80;color:#000;transform:scale(1.1)}@media (max-width:820px){.team h2{font-size:1.8rem}.team-grid{gap:1.5rem;grid-template-columns:1fr}.team-card-image{height:200px}}@media (max-width:480px){.team{padding:2rem 0}.team h2{font-size:1.5rem}.team-grid{gap:1rem;grid-template-columns:1fr}.team-card-content{padding:1rem}.team-card-image{height:180px}}.contact{background:#0000;overflow:visible;padding:4rem 0 6rem;position:relative;width:100%}.contact .container{margin:0 auto;max-width:900px;padding:0 1rem;position:relative;width:100%;z-index:1}.contact .container:before{color:#9b59ff14;content:"{ }";font-family:Space Mono,monospace;font-size:3.5rem;font-weight:300;left:3%;letter-spacing:.4rem;pointer-events:none;position:fixed;text-shadow:3px 3px 0 #9b59ff1a,6px 6px 0 #9b59ff0d,-3px -3px 15px #6a0dad17,0 0 25px #9b59ff14;top:60%;transform:perspective(650px) rotateX(0deg) rotateY(0deg);transform:perspective(650px) rotateX(var(--mouse-y,0deg)) rotateY(var(--mouse-x,0deg));transition:transform .1s ease-out;z-index:0}.contact h2{color:#fff;font-size:2.2rem;margin-bottom:2rem;position:relative;text-align:center}.contact h2:after{animation:rotateCubeSmooth 14s ease-in-out infinite;background:linear-gradient(135deg,#6a0dad29,#6a0dad0d);border:2px solid #6a0dad3d;border-radius:6px;bottom:-30px;box-shadow:0 0 30px #6a0dad26,inset -2px -2px 8px #6a0dad1a,inset 2px 2px 8px #6a0dad1f;content:"";height:85px;pointer-events:none;position:absolute;right:5%;width:85px}@keyframes rotateCubeSmooth{0%{transform:perspective(900px) rotateX(0deg) rotateY(0deg) rotate(0deg)}50%{transform:perspective(900px) rotateX(180deg) rotateY(180deg) rotate(0deg)}to{transform:perspective(900px) rotateX(1turn) rotateY(1turn) rotate(1turn)}}.contact-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0a1999;border:1px solid #9b59ff26;border-radius:20px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:600px;padding:2.5rem;position:relative}.contact-form:before{background:linear-gradient(90deg,#0000,#9b59ff99 50%,#0000);border-radius:20px 20px 0 0;box-shadow:0 0 20px #9b59ff80;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:center;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.contact-form:hover:before{opacity:1;transform:scaleX(1)}.contact-form input,.contact-form textarea{background:#0f0a19cc;border:1px solid #9b59ff33;border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#fff6}.contact-form input:focus,.contact-form textarea:focus{background:#9b59ff14;border-color:#9b59ff80;box-shadow:0 0 25px #9b59ff4d,0 0 0 1px #9b59ff4d;outline:none;transform:translateY(-2px)}.contact-form button{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:1px solid #9b59ff66;border-radius:12px;box-shadow:0 4px 15px #9b59ff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.08em;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.contact-form button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.contact-form button:hover:before{transform:translateX(100%)}.contact-form button:hover{border-color:#9b59ff99;box-shadow:0 15px 40px #9b59ff80,0 0 30px #9b59ff4d;transform:translateY(-4px) scale(1.02)}.contact-form button:active{transform:translateY(-2px) scale(1.01)}.success{background:#9be8a81a;border-left:3px solid #9be7a8;color:#9be7a8}.error,.success{border-radius:4px;margin-top:1.5rem;padding:1rem;text-align:center}.error{background:#ff9b9b1a;border-left:3px solid #ff9b9b;color:#ff9b9b}.muted{color:#ffffff80;font-size:.9rem;margin-top:1.5rem;text-align:center}.muted code{background:#9b59ff1a;border-radius:4px;font-family:monospace;padding:.2rem .5rem}@media (max-width:820px){.contact{padding:3rem 0}.contact h2{font-size:1.8rem;margin-bottom:1.5rem}.contact-form{gap:.75rem}}@media (max-width:480px){.contact{padding:2rem 0}.contact h2{font-size:1.5rem}.contact-form input,.contact-form textarea{padding:.8rem}.contact-form button{padding:.75rem 1.25rem}}.liquid-ether-container{height:100%;overflow:hidden;position:relative;touch-action:none;width:100%}.global-background-gradient{animation:gradientShift 25s ease-in-out infinite alternate;background:radial-gradient(ellipse 800px 600px at 20% 30%,#5227ff1f,#0000),radial-gradient(ellipse 600px 800px at 80% 70%,#ff9ffc14,#0000),radial-gradient(ellipse 900px 700px at 50% 50%,#b19eef1a,#0000),linear-gradient(180deg,#000,#0a0a0f 50%,#000);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}@keyframes gradientShift{0%{filter:hue-rotate(0deg) brightness(1);opacity:.8}50%{filter:hue-rotate(10deg) brightness(1.1);opacity:1}to{filter:hue-rotate(-10deg) brightness(.95);opacity:.8}}
/*# sourceMappingURL=main.1b12af5b.css.map*/