@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";.section-container{width:1300px}.title,.para{font-kerning:none;-webkit-text-rendering:optimizeSpeed;text-rendering:optimizeSpeed;-webkit-transform:translateZ(0);transform:translateZ(0)}@media only screen and (max-width: 1600px){.section-container{width:1200px;max-width:calc(100% - 160px)}}@media only screen and (max-width: 1400px){.section-container{width:900px}}@media only screen and (max-width: 900px){.section-container{width:500px;max-width:var(--cWidth)}}:root{font-family:Geist,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.5;scroll-behavior:smooth;color-scheme:light dark;color:#eae5ec;background-color:var(--backgroundColor);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-moz-user-select:none;--accentColor: #5eead4;--backgroundColor: #0a0e17;--vh: 100vh;--vh: 100svh}h1,h2,h3,h4,h5,h6{font-family:Geist,sans-serif}body{overflow:hidden}a{color:inherit;text-decoration:inherit}a:hover{color:var(--accentColor)}main.main-body{opacity:0;transition:opacity 1s ease-out}main.main-active{opacity:1!important}body{margin:0;height:auto;background-color:#050810;flex-grow:1;--cWidth: calc(100% - 30px) ;--cMaxWidth: 1920px;max-width:100vw;overflow-x:hidden}.main-body{max-width:100vw;overflow-x:hidden}.container-main{width:100%;margin:auto;position:relative;overflow-x:hidden}.container1{width:var(--cWidth);height:100vh;margin:auto;position:relative}.split-line{overflow:hidden}.split-h2{overflow:hidden;display:flex;white-space:nowrap;flex-wrap:nowrap}.techstack{width:100%;position:relative;overflow:hidden;min-height:100vh;margin:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:100px 24px;box-sizing:border-box;pointer-events:none;z-index:10}.tech-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.techstack-header{text-align:center;width:100%;margin-top:32px;pointer-events:auto;z-index:1}.techstack-header h2{font-size:clamp(3rem,6vw,5rem);font-weight:900;color:#fff;letter-spacing:.1em;margin:0;text-transform:uppercase;text-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.techstack-header h2 span{color:#c084fc}.techstack-header p{margin-top:16px;color:#d1d5db;font-size:1.125rem;max-width:42rem;margin-left:auto;margin-right:auto;text-shadow:0 4px 6px rgba(0,0,0,.1)}.techstack-spacer{flex-grow:1;width:100%;min-height:30vh;pointer-events:none}.tech-grid{width:100%;max-width:80rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:24px;pointer-events:auto;margin-top:auto;z-index:1}@media (min-width: 768px){.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.tech-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tech-card{background-color:#0a0f1666;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:24px;border-radius:16px;transition:all .3s ease}.tech-card:hover{background-color:#0a0f16b3;border-color:#a855f780}.tech-card h3{font-size:1.25rem;font-weight:600;color:#d8b4fe;margin:0 0 16px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{padding:6px 12px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9999px;font-size:.875rem;color:#e5e7eb;transition:all .3s ease}.tech-tag:hover{color:#fff;background-color:#a855f733}@media screen and (min-width: 768px){body{--cWidth: 94%}}.shake-btn{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:100;background:#5eead426;border:1px solid var(--accentColor);color:var(--accentColor);padding:12px 24px;border-radius:50px;font-family:Geist,sans-serif;font-size:16px;cursor:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;box-shadow:0 0 10px #5eead41a;text-transform:uppercase;letter-spacing:1.5px}.shake-btn:hover{background:var(--accentColor);color:#0a0e17;box-shadow:0 0 20px #5eead466}