@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--bg-primary:#030303;--bg-secondary:#0a0a0a;--bg-card:hsla(0,0%,100%,.02);--bg-card-hover:hsla(0,0%,100%,.05);--text-primary:#fff;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1;--accent:#3b82f6;--accent-gradient:linear-gradient(135deg,#3b82f6,#8b5cf6);--border-subtle:hsla(0,0%,100%,.08);--glass-surface:hsla(0,0%,100%,.03);--spacing-section:16rem;--spacing-container:2rem;--font-main:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-main);font-size:62.5%;scroll-behavior:smooth}body,html{background-color:#030303;background-color:var(--bg-primary)}body{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-position:top;background-size:100px 100px;line-height:1.6;overflow-x:hidden;width:100vw}::selection{background:rgba(59,130,246,.3);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#030303;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#262626;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#404040}.container{margin:0 auto;max-width:1200px;padding:0 2rem;padding:0 var(--spacing-container);width:100%}.mainHeading{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#999);-webkit-background-clip:text;color:#fff;color:var(--text-primary);font-size:5rem;font-weight:800;letter-spacing:-.04em;margin-bottom:6rem;text-align:center;width:100%}.btn{align-items:center;background:#fff;border:none;border-radius:9999px;color:#000;cursor:pointer;display:inline-flex;font-size:1.5rem;font-weight:600;gap:.8rem;justify-content:center;overflow:hidden;padding:1.2rem 2.8rem;position:relative;transition:all .3s ease}.btn:hover{box-shadow:0 0 20px hsla(0,0%,100%,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);color:#fff}.btn.secondary:hover{background:hsla(0,0%,100%,.2)}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes glowPulse{0%{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow)}to{box-shadow:0 0 5px var(--accent-glow)}}@keyframes glowPulse{0%{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow)}to{box-shadow:0 0 5px var(--accent-glow)}}@media (max-width:768px){--spacing-section:10rem;html{font-size:55%}.mainHeading{font-size:3.6rem;margin-bottom:4rem}}header{background:transparent;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative;width:100vw}.box1,.box2,.box3{-webkit-filter:blur(120px);filter:blur(120px);opacity:.4;position:absolute;will-change:transform;z-index:-1}.box1{-webkit-animation:pulseGlow 15s ease-in-out infinite alternate;animation:pulseGlow 15s ease-in-out infinite alternate;background:radial-gradient(circle,rgba(59,130,246,.3) 0,transparent 60%);height:800px;left:-10%;top:-20%;width:800px}.box2{animation:pulseGlow 20s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,rgba(139,92,246,.25) 0,transparent 60%);bottom:-10%;height:600px;right:-10%;width:600px}.box3{background:radial-gradient(circle,hsla(0,0%,100%,.02) 0,transparent 60%);height:500px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:900px}@-webkit-keyframes pulseGlow{0%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.5;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulseGlow{0%{opacity:.3;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.5;-webkit-transform:scale(1.1);transform:scale(1.1)}}nav{align-items:center;border:1px solid transparent;border-radius:999px;display:flex;justify-content:space-between;left:50%;margin:2rem auto 0;max-width:1200px;padding:1rem 3rem;position:fixed;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .4s cubic-bezier(.16,1,.3,1);width:100%;z-index:100}nav.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,4%,.85);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 4px 30px rgba(0,0,0,.2);margin-top:1.5rem;width:90%}nav .brand{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:800;gap:1rem;height:40px;text-shadow:0 0 20px hsla(0,0%,100%,.3)}nav ul{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:999px;gap:.5rem;list-style:none;padding:.4rem}nav li button,nav ul{align-items:center;display:flex}nav li button{background:transparent;border:none;border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:1.3rem;font-weight:500;height:36px;line-height:1;padding:0 1.6rem;transition:all .2s}nav li button,nav li button a{gap:.8rem;justify-content:center;text-decoration:none}nav li button a{align-items:center;color:inherit;display:flex;height:100%;width:100%}nav li button:hover{background:hsla(0,0%,100%,.08);color:#fff}nav li button i{display:block;font-size:1.4rem;margin-bottom:2px}nav li:last-child button{background:#fff;color:#000;font-weight:600;padding:0 2rem}nav li:last-child button:hover{background:#e5e5e5;box-shadow:0 0 15px hsla(0,0%,100%,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}nav a{color:inherit;text-decoration:none}nav .burgerMenu{background:transparent;border:none;color:#fff;cursor:pointer;display:none;font-size:2.4rem}.mob-menu{align-items:flex-start;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:rgba(3,3,3,.98);display:flex;flex-direction:column;gap:3rem;inset:0;justify-content:center;padding-left:15%;position:fixed;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .5s cubic-bezier(.16,1,.3,1);transition:transform .5s cubic-bezier(.16,1,.3,1);transition:transform .5s cubic-bezier(.16,1,.3,1),-webkit-transform .5s cubic-bezier(.16,1,.3,1);z-index:999}.mob-menu.show{-webkit-transform:translateX(0);transform:translateX(0)}.mob-menu button{align-items:center;background:transparent;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;font-size:4rem;font-weight:800;gap:2rem;letter-spacing:-.04em;padding:0;text-transform:capitalize;transition:all .3s cubic-bezier(.16,1,.3,1)}.mob-menu button:hover{color:#fff;-webkit-transform:translateX(20px);transform:translateX(20px)}.mob-menu button i{color:var(--accent);display:inline-flex;font-size:2.5rem;justify-content:center;opacity:.5;width:6rem}.mob-menu button:hover i{color:#fff;opacity:1}.mob-menu button a{align-items:center;color:inherit;display:flex;gap:2rem;text-decoration:none;width:100%}.mob-menu button:first-child{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:#fff;display:flex;font-size:3rem;height:60px;justify-content:center;position:absolute;right:4rem;top:4rem;transition:all .3s;width:60px}.mob-menu button:first-child:hover{background:#fff;color:#000;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.mob-menu button:first-child i{color:inherit;display:block;font-size:2.4rem;margin:0;opacity:1}.hero{grid-gap:6rem;align-items:center;display:grid;gap:6rem;grid-template-columns:1.1fr 1fr;margin-bottom:auto;margin-top:auto;min-height:90vh;padding:18rem 1rem 5rem;position:relative;width:100%;z-index:10}.herodesc{-webkit-animation:fadeInUp 1s cubic-bezier(.16,1,.3,1);animation:fadeInUp 1s cubic-bezier(.16,1,.3,1)}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.herodesc h1{color:#fff;font-size:7rem;font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:2.5rem}.herodesc h1,.herodesc h1 span{-webkit-text-fill-color:transparent;background:radial-gradient(circle at top left,#fff,#e2e8f0);-webkit-background-clip:text}.herodesc p{color:var(--text-secondary);font-size:1.8rem;font-weight:300;line-height:1.7;margin-bottom:4rem;max-width:500px}.herodesc .cta{align-items:center;display:flex;gap:1.5rem}.herodesc .cta .primary{background:#fff;border:none;border-radius:999px;box-shadow:0 0 20px hsla(0,0%,100%,.15);color:#000;cursor:pointer;font-size:1.6rem;font-weight:600;overflow:hidden;padding:1.4rem 3.2rem;position:relative;transition:all .3s cubic-bezier(.2,.8,.2,1)}.herodesc .cta .primary:hover{box-shadow:0 0 30px hsla(0,0%,100%,.3);-webkit-transform:translateY(-2px) scale(1.02);transform:translateY(-2px) scale(1.02)}.herodesc .cta .secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:999px;color:#fff;cursor:pointer;font-size:1.6rem;font-weight:500;padding:1.4rem 3.2rem;transition:all .3s ease}.herodesc .cta .secondary:hover{background:hsla(0,0%,100%,.1);border-color:#fff}.heroimg{display:flex;justify-content:center;position:relative}.heroimg svg{-webkit-filter:drop-shadow(0 20px 60px rgba(59,130,246,.15));filter:drop-shadow(0 20px 60px rgba(59,130,246,.15));height:auto;max-width:650px;-webkit-transform:perspective(1000px) rotateY(-5deg);transform:perspective(1000px) rotateY(-5deg);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%}.heroimg:hover svg{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}@media (max-width:1024px){.herodesc h1{font-size:5rem}.hero{min-height:auto;padding:12rem 0 5rem}}@media (max-width:900px){nav{border-radius:0;margin:0;padding:2rem;width:100%}nav ul{display:none}nav .burgerMenu{display:block}nav.scrolled{border-radius:0;margin-top:0;width:100%}.hero{gap:3rem;grid-template-columns:1fr;padding-top:12rem;text-align:center}.herodesc{align-items:center;display:flex;flex-direction:column;padding:0}.herodesc h1{font-size:4rem}.herodesc p{margin-left:auto;margin-right:auto}.heroimg{margin-bottom:2rem;order:-1}.heroimg svg{max-width:320px;-webkit-transform:none;transform:none}.herodesc .cta{flex-direction:column;max-width:350px;width:100%}.herodesc .cta button{justify-content:center;width:100%}}#FavCard,#SmileCard{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}#FavCard{-webkit-animation-delay:.5s;animation-delay:.5s}#HTMLCard{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}#LaptopLight{-webkit-animation:glow 1.5s linear infinite;animation:glow 1.5s linear infinite}@-webkit-keyframes glow{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes glow{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}#Gear,#Spinner{-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#BoyLeftHand,#BoyRightHand{-webkit-animation:hand 1s linear infinite;animation:hand 1s linear infinite;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#BoyRightHand{-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes hand{0%{-webkit-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}50%{-webkit-transform:rotate(5deg) translateX(-2px);transform:rotate(5deg) translateX(-2px)}to{-webkit-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}}@keyframes hand{0%{-webkit-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}50%{-webkit-transform:rotate(5deg) translateX(-2px);transform:rotate(5deg) translateX(-2px)}to{-webkit-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}}#Envelope{-webkit-animation:floatdown 3s linear infinite;animation:floatdown 3s linear infinite}@-webkit-keyframes floatdown{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5%);transform:translateY(5%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes floatdown{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5%);transform:translateY(5%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.eb571a1d.css.map*/