.hero-container{justify-content:center;align-items:center;min-height:100vh;padding-top:5rem;display:flex;position:relative}.hero{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.hero-content{flex-direction:column;align-items:center;gap:2rem;display:flex}.hero h1{flex-direction:column;align-items:center;gap:1rem;margin:0;font-size:8rem;font-weight:800;display:flex}.word{gap:.5rem;display:flex;position:relative}.letter{color:#1a56db;transition:color .3s;display:inline-block;position:relative}.code-container{color:#1a56db;margin-top:2rem;font-family:JetBrains Mono,monospace;font-size:1.5rem}.cursor{background-color:#121212;width:2px;height:1.2em;margin-left:2px;animation:.7s infinite blink;display:inline-block;transform:translateY(5px)}.magic-icon{opacity:.8;width:80px;height:auto;transition:opacity .3s;position:absolute;bottom:2rem;left:2rem}.magic-icon:hover{opacity:1}@keyframes blink{50%{opacity:0}}@media(max-width:1200px){.hero h1{font-size:6rem}}@media(max-width:768px){.hero-container{padding-top:4rem}.hero{padding:0 1rem}.hero h1{font-size:4rem}.code-container{font-size:1.2rem}.magic-icon{width:60px;bottom:1rem;left:1rem}}@media(max-width:480px){.hero h1{font-size:3rem}.hero-container{padding:0!important}.word{gap:.25rem}}.scroll-to-blogs[data-astro-cid-bbe6dxrz]{cursor:pointer;z-index:10;width:100px;height:100px;position:absolute;bottom:2rem;right:2rem}.circular-text[data-astro-cid-bbe6dxrz]{width:100%;height:100%;position:relative}.circular-text[data-astro-cid-bbe6dxrz] svg[data-astro-cid-bbe6dxrz]{width:100%;height:100%;animation:20s linear infinite rotate}.circular-text[data-astro-cid-bbe6dxrz] text[data-astro-cid-bbe6dxrz]{fill:currentColor;text-transform:uppercase;font-size:9px;font-weight:700}.down-arrow[data-astro-cid-bbe6dxrz]{color:currentColor;pointer-events:none;width:24px;height:24px;animation:2s infinite bounce;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%,-50%)}40%{transform:translate(-50%,-60%)}60%{transform:translate(-50%,-55%)}}.about{align-items:center;padding:4rem 2rem;display:flex;position:relative}.about-container{width:100%;max-width:1400px;margin:0 auto;position:relative}.vertical-text{writing-mode:vertical-lr;text-orientation:mixed;-webkit-text-stroke:2px #1a56db;color:#0000;opacity:.9;letter-spacing:.5em;opacity:.6;font-family:Mulish,sans-serif;font-size:4rem;font-weight:900;position:absolute;top:50%;left:0;transform:translateY(-50%)rotate(-180deg)}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:6rem;margin:0 auto 0 9rem;display:grid}.about-image-container{height:80%;position:relative}.image-grid{aspect-ratio:3/4;width:100%;height:110%;position:relative}.image-main{border-radius:20px;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000001f}.image-main img{object-fit:cover;transform-origin:50%;will-change:transform;width:100%;height:100%;transition:filter .5s;transform:scale(1.1)}.image-main{cursor:none}.image-main:before{content:"";background:radial-gradient(circle 100px at var(--mouse-x,50%)var(--mouse-y,50%),#fff0,#00000026);opacity:0;pointer-events:none;z-index:1;transition:opacity .3s;position:absolute;inset:0}.image-main:hover:before{opacity:1}.image-blur{z-index:1;filter:blur(1px)brightness(.5);opacity:.7;width:80%;height:70%;position:absolute;top:10%;left:0}.about-text{flex-direction:column;gap:2rem;padding-right:2rem;display:flex}.about-text h2{color:#111;font-family:Mulish,sans-serif;font-size:3rem;font-weight:800;line-height:1.2}.about-text p{color:#555;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:300;line-height:1.8}.cta-button{color:#111;letter-spacing:.1em;background:0 0;border:1px solid #111;align-self:flex-start;padding:1rem 2rem;font-size:.9rem;font-weight:400;text-decoration:none;transition:all .3s;display:inline-block}.cta-button:hover{color:#fff;background:#111}@media(max-width:968px){.about{padding:4rem 1.5rem}.vertical-text{display:none}.about-content{grid-template-columns:1fr;gap:0;margin-left:0}.about-image-container{height:unset}.about-text{text-align:left;padding-right:0}.image-grid{aspect-ratio:4/3}.image-main{width:50%;height:50%}.image-blur{width:100%;height:100%}}@media(max-width:480px){.about{padding:3rem 1rem}.about-text h2{font-size:1.75rem}.about-text p{font-size:1rem}.cta-button{text-align:center;width:100%}}.hero-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:55px 2rem 2rem;display:flex}.hero{text-align:center;background:linear-gradient(135deg,#f0f7ff,#e6f0ff);border-radius:4px;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.hero-content{flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.hero-content h1{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.hero h1{letter-spacing:-.02em;flex-direction:column;gap:.5rem;margin:0 0 1rem;font-size:8rem;font-weight:800;line-height:1;display:flex}.hero h1 .word{display:flex;position:relative}.hero h1 .letter{color:#0000;-webkit-text-stroke:3px #1a56db;opacity:0;transform-origin:50%;will-change:transform,opacity,color;font-family:Mulish,sans-serif;transition:color .3s;display:inline-block;position:relative}.hero h1 .letter.visible{opacity:1}.hero h1 .letter:hover{color:#1a56db;-webkit-text-stroke:0}.features{background-color:#fff;padding:4rem 2rem}.features h2{color:#1a56db;text-align:center;margin-bottom:3rem;font-size:3rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.feature{background-color:#f8fafc;border-radius:16px;padding:2rem;transition:transform .3s;box-shadow:0 4px 6px #0000000d}.feature:hover{transform:translateY(-5px)}.feature h3{color:#1a56db;margin-bottom:1rem;font-size:1.5rem}.feature p{color:#4b5563;line-height:1.6}.tagline{color:#18191a;text-align:center;min-height:3em;font-family:Acme,sans-serif;font-size:1.2rem;line-height:1.6}.cursor{color:#292b2e;width:2px;margin-left:2px;font-weight:700;display:inline-block}.magic-icon{width:auto;height:200px;transition:opacity .3s;position:absolute;bottom:-6rem;left:2.5rem}.about-image-container{position:relative}.image-grid{aspect-ratio:3/4;width:100%;position:relative}.image-main{z-index:2;width:80%;height:90%;position:absolute;bottom:10%;right:0}.image-blur{z-index:1;filter:blur(6px)brightness(.7)saturate(1.5);opacity:.7;width:80%;height:70%;position:absolute;top:10%;left:0}.image-main img,.image-blur img{object-fit:cover;width:100%;height:100%}.about-title{display:none}.about-title-2{font-size:3rem;display:block}@media(max-width:968px){.about{padding:4rem 1.5rem}.about-title-2{display:none}.about-title{padding:4rem 0;font-size:3rem;display:block}.about-text{text-align:left;padding-right:0}.about-text h2{font-size:2rem}.image-grid{aspect-ratio:4/3}}@media(max-width:768px){.hero h1{font-size:4rem}.about-title{padding:4rem 0;font-size:2rem;display:block}.hero p{font-size:1.2rem}}@media(max-width:480px){.hero h1{gap:1rem;font-size:3rem}.hero h1 .letter{-webkit-text-stroke:2px #1a56db}}@media(max-width:380px){.hero h1{gap:2rem;font-size:2rem}.hero h1 .letter{-webkit-text-stroke:1px #1a56db}}.projects{background:linear-gradient(#f8fafc,#fff);padding:6rem 2rem;position:relative}.projects-container{flex-direction:column;gap:2rem;width:100%;max-width:1400px;margin:0 auto;display:flex;position:relative}.projects .vertical-text{writing-mode:vertical-lr;text-orientation:mixed;-webkit-text-stroke:2px #1a56db;color:#0000;opacity:.6;letter-spacing:.5em;z-index:1;align-self:flex-start;font-family:Mulish,sans-serif;font-size:4rem;font-weight:900;position:absolute;top:50%;left:0;transform:translateY(-50%)rotate(-180deg)}.projects-header{text-align:center;max-width:800px;margin:0 auto;position:relative}.projects-header:after{content:"";background:linear-gradient(90deg,#1a56db,#60a5fa);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%)}.projects-header h2{color:#0000;background:linear-gradient(45deg,#1a56db,#3b82f6);-webkit-background-clip:text;background-clip:text;font-family:Mulish,sans-serif;font-size:3.5rem;font-weight:800}.projects-header p{color:#64748b;font-size:1.2rem;font-weight:400;line-height:1.6}.snap-scroll-container{scrollbar-width:none;flex-direction:column;flex:1;gap:1.5rem;padding-top:10px;padding-right:12px;display:flex}.project-card{background:#fff;border-radius:18px;flex-direction:row;width:100%;max-width:600px;height:200px;margin:0 auto;transition:transform .3s;display:flex;overflow:hidden;box-shadow:0 4px 24px #00000012}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.card-image{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:18px 0 0 18px;justify-content:center;align-items:center;width:200px;max-width:200px;display:flex;position:relative}.card-image-placeholder{color:#ffffffe6;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.card-image-placeholder svg{width:80px;height:80px}.category{color:#1a56db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;background:#fffffff2;border-radius:20px;padding:.375rem .875rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;left:1rem;box-shadow:0 2px 8px #0000001a}.card-content{flex-direction:column;flex:1;justify-content:space-between;padding:1.25rem;display:flex}.card-content h3{color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.card-content p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding-top:.75rem;display:flex}.view-demo-btn{color:#1a56db;cursor:pointer;background:#1a56db1a;border:none;border-radius:6px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.view-demo-btn:hover{color:#1e40af;background:#1a56db26;transform:translate(2px)}.github-link{color:#64748b;background:#00000008;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.github-link:hover{color:#1e293b;background:#0000000f;transform:translate(-2px)}.github-link svg{width:18px;height:18px}.video-modal{z-index:9999;opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.video-modal.active{opacity:1;visibility:visible;pointer-events:all}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;width:100%;height:100%;position:absolute;top:0;left:0}.modal-content{z-index:1;background:#000;border-radius:12px;width:90%;max-width:900px;transition:transform .3s;position:relative;overflow:hidden;transform:scale(.9);box-shadow:0 20px 60px #00000080}.video-modal.active .modal-content{transform:scale(1)}.modal-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#fff;z-index:2;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-close svg{width:20px;height:20px}.modal-video-container{background:#000;width:100%;padding-top:56.25%;position:relative}.modal-video-player{border:none;width:100%;height:100%;position:absolute;top:0;left:0}@media(max-width:968px){.projects{padding:6rem 1.5rem}.projects .vertical-text{display:none}.projects-header h2{font-size:2.5rem}.projects-header p{font-size:1rem}}@media(max-width:700px){.card-image{width:200px}}@media(max-width:600px){.projects{padding:4rem 1rem}.projects-header h2{font-size:2rem}.projects-header p{font-size:.9rem}.project-card{height:unset;flex-direction:column}.card-image{border-radius:18px 18px 0 0;width:100%;max-width:100%;height:200px}.card-image-placeholder svg{width:60px;height:60px}.card-content{padding:1rem .75rem 1.25rem}.card-footer{flex-direction:column;align-items:stretch;gap:.75rem}.github-link,.view-demo-btn{justify-content:center;width:100%}.modal-content{border-radius:8px;width:95%}.modal-close{width:36px;height:36px;top:.5rem;right:.5rem}.modal-close svg{width:18px;height:18px}}.projects[data-astro-cid-amng4zvp]{flex-direction:column;gap:2rem;display:flex;position:relative}.projects-header[data-astro-cid-amng4zvp]{text-align:center;max-width:600px;margin:0 auto}.blog[data-astro-cid-b4mpjmb3]{flex-direction:column;gap:2rem;display:flex;position:relative}.blog-header[data-astro-cid-b4mpjmb3]{text-align:center;max-width:600px;margin:0 auto}.snap-scroll-container[data-astro-cid-b4mpjmb3]{scrollbar-width:none;flex-direction:column;flex:1;gap:1.5rem;padding-top:10px;padding-right:12px;display:flex}.snap-scroll-item[data-astro-cid-b4mpjmb3]{justify-content:center;align-items:center;height:200px;min-height:200px;margin-bottom:.5rem;display:flex}.blog-card[data-astro-cid-b4mpjmb3]{background:#fff;border-radius:18px;flex-direction:row;width:100%;max-width:600px;height:200px;margin:0 auto;transition:transform .3s;display:flex;box-shadow:0 4px 24px #00000012}.card-image[data-astro-cid-b4mpjmb3]{background-color:#f0f8ff;width:200px;max-width:200px;position:relative}.card-image[data-astro-cid-b4mpjmb3] .progressive-image[data-astro-cid-b4mpjmb3] img[data-astro-cid-b4mpjmb3]{word-break:break-all;object-fit:cover;border-radius:18px 0 0 18px;width:200px;height:100%}@media(max-width:700px){.card-image[data-astro-cid-b4mpjmb3] img[data-astro-cid-b4mpjmb3]{width:200px}}@media(max-width:600px){.blog-card[data-astro-cid-b4mpjmb3]{height:unset;flex-direction:column}.card-image[data-astro-cid-b4mpjmb3] img[data-astro-cid-b4mpjmb3]{border-radius:16px;width:100%}}.newsletter-section[data-astro-cid-motrwrji]{background:linear-gradient(90deg,#1a56db1a,#1a56db0d);padding:6rem 2rem;position:relative;overflow:hidden}.newsletter-container[data-astro-cid-motrwrji]{z-index:1;max-width:600px;margin:0 auto;position:relative}.newsletter-content[data-astro-cid-motrwrji]{text-align:center}.newsletter-content[data-astro-cid-motrwrji] h2[data-astro-cid-motrwrji]{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#1a56db,#3b82f6);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem}.newsletter-content[data-astro-cid-motrwrji] p[data-astro-cid-motrwrji]{color:#4b5563;margin-bottom:2rem;font-size:1.1rem}.newsletter-form[data-astro-cid-motrwrji]{position:relative}.input-group[data-astro-cid-motrwrji]{background:#fff;border-radius:50px;gap:.5rem;padding:.5rem;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.input-group[data-astro-cid-motrwrji]:focus-within{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.email-input[data-astro-cid-motrwrji]{background:0 0;border:none;border-radius:25px;outline:none;flex:1;padding:.75rem 1.5rem;font-size:1rem}.subscribe-btn[data-astro-cid-motrwrji]{color:#fff;cursor:pointer;background:linear-gradient(45deg,#1a56db,#3b82f6);border:none;border-radius:25px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.subscribe-btn[data-astro-cid-motrwrji]:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.subscribe-btn[data-astro-cid-motrwrji]:hover:before{left:100%}.subscribe-btn[data-astro-cid-motrwrji]:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #1a56db33}.btn-icon[data-astro-cid-motrwrji]{width:20px;height:20px;transition:transform .3s}.subscribe-btn[data-astro-cid-motrwrji]:hover .btn-icon[data-astro-cid-motrwrji]{transform:translate(3px)}.btn-loader[data-astro-cid-motrwrji]{border:2px solid #fff;border-bottom-color:#0000;border-radius:50%;width:20px;height:20px;animation:1s linear infinite rotation;display:none}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subscribe-btn[data-astro-cid-motrwrji].loading .btn-text[data-astro-cid-motrwrji],.subscribe-btn[data-astro-cid-motrwrji].loading .btn-icon[data-astro-cid-motrwrji]{display:none}.subscribe-btn[data-astro-cid-motrwrji].loading .btn-loader[data-astro-cid-motrwrji]{display:block}.error-message[data-astro-cid-motrwrji]{color:#ef4444;opacity:0;min-height:1.25rem;margin-top:.5rem;font-size:.875rem;transition:opacity .3s}.error-message[data-astro-cid-motrwrji].show{opacity:1}.thank-you[data-astro-cid-motrwrji]{background:#fff;border-radius:50px;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:none;box-shadow:0 4px 6px -1px #0000001a}.thank-you[data-astro-cid-motrwrji].show{animation:.5s fadeIn;display:flex}.checkmark[data-astro-cid-motrwrji]{width:56px;height:56px}.checkmark-circle[data-astro-cid-motrwrji]{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2px;stroke:#1a56db;fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}.checkmark-check[data-astro-cid-motrwrji]{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;stroke:#1a56db;stroke-width:3px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.thank-you[data-astro-cid-motrwrji] h3[data-astro-cid-motrwrji]{color:#1a56db;margin:0;font-size:1.5rem}.thank-you[data-astro-cid-motrwrji] p[data-astro-cid-motrwrji]{color:#4b5563;margin:0}@media(max-width:600px){.newsletter-section[data-astro-cid-motrwrji]{padding:3rem 1rem}.newsletter-container[data-astro-cid-motrwrji]{max-width:100%;padding:0}.newsletter-content[data-astro-cid-motrwrji] h2[data-astro-cid-motrwrji]{font-size:1.5rem}.newsletter-content[data-astro-cid-motrwrji] p[data-astro-cid-motrwrji]{font-size:1rem}.input-group[data-astro-cid-motrwrji]{border-radius:18px;flex-direction:column;gap:.75rem;padding:.5rem}.email-input[data-astro-cid-motrwrji],.subscribe-btn[data-astro-cid-motrwrji]{border-radius:18px;width:100%;padding:.75rem 1rem;font-size:1rem}.subscribe-btn[data-astro-cid-motrwrji]{justify-content:center}}