@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap");:root{--navy:#0b1f3a;--cyan:#00c2ff;--white:#f5f9ff;--text-dark:#1f2b3d;--card-shadow:0 18px 30px rgba(11,31,58,.12)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Poppins,sans-serif;scroll-behavior:smooth;background:linear-gradient(140deg,var(--navy) 0,#132f53 55%,#102644 100%);color:var(--white)}a{color:inherit;text-decoration:none}main{min-height:100vh}.section{padding:5rem 1rem}.container{width:min(1180px,92%);margin:0 auto}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--cyan);color:#00202a;font-weight:700;padding:.8rem 1.35rem;border-radius:999px;border:1px solid transparent;transition:all .25s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 24px rgba(0,194,255,.65)}.card-light{background:var(--white);color:var(--text-dark);border-radius:16px;box-shadow:var(--card-shadow)}.grid{display:grid;grid-gap:1.2rem;gap:1.2rem}.services-smart-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.2rem}.services-carousel-shell{position:relative;margin-top:1.2rem}.services-carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2.4rem) / 3);grid-gap:1.2rem;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.25rem 3rem;scrollbar-width:none}.services-carousel-track::-webkit-scrollbar{display:none}.services-carousel-card{scroll-snap-align:start;min-height:100%;width:100%}.services-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:0;background:rgba(11,31,58,.92);color:#fff;font-size:1.1rem;font-weight:700;box-shadow:0 10px 24px rgba(11,31,58,.25);z-index:2}.services-carousel-nav:hover{background:#0f7fc0}.services-carousel-prev{left:0}.services-carousel-next{right:0}.service-smart-card{padding:0;border:1px solid rgba(11,31,58,.1);position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;display:grid;background:linear-gradient(180deg,#fff,#f3f8ff)}.service-smart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00c2ff,#3a8dff 55%,#0b1f3a)}.service-smart-card:after{content:"";position:absolute;top:-120%;left:-35%;width:50%;height:260%;transform:rotate(18deg);background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.26),hsla(0,0%,100%,0));transition:left .6s ease;pointer-events:none}.service-smart-card:hover{transform:translateY(-7px);box-shadow:0 26px 34px rgba(11,31,58,.24);border-color:rgba(0,148,255,.45)}.service-smart-card:hover:after{left:110%}.service-smart-content{padding:1rem 1rem .5rem}.service-smart-card p{margin:0;color:#2e3b4e;line-height:1.62;min-height:72px}.service-smart-media-wrap{background:linear-gradient(180deg,rgba(11,31,58,.08),rgba(0,194,255,.02));padding:.9rem .9rem 0;position:relative}.service-smart-media{width:100%;height:230px;object-fit:cover;border-radius:14px 14px 12px 12px;display:block;background:#d8e7f7;transition:transform .45s ease,filter .45s ease}.service-smart-card:hover .service-smart-media{transform:scale(1.04);filter:saturate(1.08) contrast(1.05)}.service-smart-media-fallback{display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.2rem;letter-spacing:.04em;background:linear-gradient(140deg,#0b1f3a,#1666a3)}.service-smart-footer{display:flex;align-items:center;gap:.75rem;padding:.95rem 1rem 1.1rem;background:linear-gradient(180deg,hsla(0,0%,100%,.96),rgba(236,244,255,.98));border-top:1px solid rgba(11,31,58,.08)}.service-smart-link{display:grid;grid-gap:.34rem;gap:.34rem;color:#0b1f3a;font-weight:800;line-height:1.35;width:100%}.service-smart-link:hover{color:#0f7fc0}.service-smart-title{display:block;font-size:1.06rem;line-height:1.22;letter-spacing:-.015em;color:#0a2240}.service-smart-cta{gap:.3rem;color:#177fc0;font-size:.78rem;letter-spacing:.02em;text-transform:uppercase}.service-smart-cta,.service-smart-index{display:inline-flex;align-items:center;font-weight:700}.service-smart-index{position:absolute;top:1.35rem;right:1.35rem;min-width:38px;height:28px;border-radius:999px;justify-content:center;padding:0 .55rem;background:rgba(11,31,58,.72);color:#fff;font-size:.72rem;letter-spacing:.07em;z-index:2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.service-smart-price{white-space:nowrap;color:#0b1f3a;font-weight:700;font-size:.9rem}.invoice-card,.service-hero-card,.service-payment-card{background:#f5f9ff;color:#0b1f3a;border-radius:20px;box-shadow:0 18px 30px rgba(11,31,58,.12)}.invoice-grid,.service-payment-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:1.2fr .8fr}.service-form-grid{display:grid;grid-gap:1rem;gap:1rem}.service-form-grid input,.service-form-grid select,.service-form-grid textarea{width:100%;padding:.85rem .95rem;border-radius:12px;border:1px solid #c7d7e9;font:inherit}.service-inline-note{color:#4c5f78;font-size:.92rem}.service-details-content{color:#203550;line-height:1.75;font-size:1rem}.service-details-content h2,.service-details-content h3,.service-details-content h4{color:#0b1f3a;line-height:1.35;margin:1rem 0 .6rem}.service-details-content p{margin:0 0 .8rem}.service-details-content ol,.service-details-content ul{margin:.35rem 0 .9rem 1.2rem;padding:0}.service-details-content li{margin-bottom:.35rem}.btn-portfolio{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:linear-gradient(135deg,#0b1f3a,#146eb0);color:#f5f9ff;font-weight:700;letter-spacing:.02em;padding:.72rem 1.1rem;border-radius:12px;border:1px solid rgba(11,31,58,.22);transition:transform .25s ease,box-shadow .25s ease}.btn-portfolio:hover{transform:translateY(-2px);box-shadow:0 14px 24px rgba(11,31,58,.22)}.portfolio-home-grid{margin-top:1.2rem}.portfolio-home-card{border:1px solid rgba(11,31,58,.1);border-radius:18px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;background:linear-gradient(180deg,#fff,#f1f7ff)}.portfolio-home-card:hover{transform:translateY(-6px);box-shadow:0 24px 34px rgba(11,31,58,.2);border-color:rgba(17,114,183,.45)}.portfolio-home-media-wrap{overflow:hidden;border-radius:18px 18px 0 0}.portfolio-home-media{width:100%;height:220px;object-fit:cover;display:block;transition:transform .45s ease}.portfolio-home-card:hover .portfolio-home-media{transform:scale(1.05)}.portfolio-home-category{color:#146eb0;font-size:.88rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.portfolio-details-content{color:#203550;line-height:1.75;font-size:1rem;margin-bottom:.85rem}.portfolio-details-content h2,.portfolio-details-content h3,.portfolio-details-content h4{color:#0b1f3a;line-height:1.35;margin:1rem 0 .55rem}.portfolio-details-content p{margin:0 0 .8rem}.portfolio-details-content ol,.portfolio-details-content ul{margin:.35rem 0 .9rem 1.2rem;padding:0}.portfolio-details-content li{margin-bottom:.35rem}.portfolio-page-grid{margin-top:.4rem;grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-page-card{border:1px solid rgba(11,31,58,.1);border-radius:18px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;background:linear-gradient(180deg,#fff,#f3f8ff);display:grid}.portfolio-page-card:hover{transform:translateY(-7px);box-shadow:0 24px 34px rgba(11,31,58,.2);border-color:rgba(17,114,183,.45)}.portfolio-page-media-wrap{overflow:hidden;border-radius:18px 18px 0 0;border-bottom:1px solid rgba(11,31,58,.08)}.portfolio-page-media{width:100%;height:220px;object-fit:cover;display:block;transition:transform .45s ease}.portfolio-page-card:hover .portfolio-page-media{transform:scale(1.05)}.portfolio-page-content{display:grid;grid-gap:.65rem;gap:.65rem}.portfolio-page-category{margin:0;color:#146eb0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.portfolio-page-title{margin:0;color:#0b1f3a;font-size:1.14rem;line-height:1.25;letter-spacing:-.01em}.portfolio-page-description{margin:0;color:#2f4159;line-height:1.65}.portfolio-page-techs{display:flex;gap:.45rem;flex-wrap:wrap}.portfolio-tech-chip{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .55rem;border-radius:999px;background:rgba(20,110,176,.11);color:#0d5b93;border:1px solid rgba(13,91,147,.18);font-size:.73rem;font-weight:700;letter-spacing:.01em}.blog-page{background:linear-gradient(140deg,#f5f9ff,#e8f3fb)}.blog-detail-container,.blog-page-container,.career-detail-container,.career-page-container{color:#0b1f3a}.blog-hero,.career-hero{max-width:760px;margin-bottom:1.3rem}.blog-hero-kicker,.career-hero-kicker{margin:0 0 .35rem;color:#146eb0;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800}.blog-hero-title,.career-detail-title,.career-hero-title{margin:0;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.015em;line-height:1.16;color:#0b1f3a}.blog-detail-excerpt,.blog-hero-subtitle,.career-hero-subtitle{margin:.7rem 0 0;color:#314764;line-height:1.75;max-width:760px}.blog-list-shell{margin-top:.8rem}.blog-tags-filter{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}.blog-filter-chip{border:1px solid rgba(20,110,176,.26);background:#f5fbff;color:#135886;padding:.45rem .75rem;border-radius:999px;font-weight:700;font-size:.78rem}.blog-filter-chip.is-active,.blog-filter-chip:hover{background:#0b1f3a;color:#f5f9ff}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-card{border-radius:18px;overflow:hidden;border:1px solid rgba(11,31,58,.1);background:linear-gradient(180deg,#fff,#f3f8ff);display:grid}.blog-card-media{width:100%;height:210px;object-fit:cover;border-bottom:1px solid rgba(11,31,58,.08)}.blog-card-body{display:grid;grid-gap:.6rem;gap:.6rem;padding:1rem}.blog-card-meta{margin:0;display:inline-flex;align-items:center;gap:.4rem;color:#4b617c;font-size:.79rem;font-weight:600}.blog-card-title{margin:0;font-size:1.15rem;line-height:1.28;color:#0b1f3a}.blog-card-excerpt{margin:0;color:#2f4159;line-height:1.65}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.4rem}.blog-chip,.career-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.24rem .58rem;font-size:.72rem;font-weight:700;color:#0d5b93;background:rgba(20,110,176,.12);border:1px solid rgba(13,91,147,.18)}.blog-detail-cover{width:100%;max-height:430px;object-fit:cover;border-radius:18px;border:1px solid rgba(11,31,58,.09)}.blog-detail-head{margin-top:1rem}.blog-detail-title{margin:.35rem 0 0;color:#0b1f3a;line-height:1.18;font-size:clamp(1.8rem,2.8vw,2.35rem)}.blog-detail-content{margin-top:1rem;background:#fff;border:1px solid rgba(11,31,58,.08);border-radius:18px;padding:1.05rem;color:#22374f;line-height:1.8}.blog-detail-content h2,.blog-detail-content h3,.blog-detail-content h4{color:#0b1f3a;margin:1rem 0 .55rem;line-height:1.35}.blog-detail-content p{margin:0 0 .8rem}.blog-detail-content ol,.blog-detail-content ul{margin:.35rem 0 .9rem 1.2rem;padding:0}.blog-detail-content figure,.blog-detail-content picture{display:inline-block;max-width:none!important}.blog-detail-content img{width:auto!important;max-width:none!important;height:auto!important}.blog-comments{margin-top:1.4rem}.blog-comments-title{margin:0 0 .7rem}.blog-comment-item{padding:.9rem 1rem;margin-bottom:.6rem}.blog-comment-text{margin:.45rem 0 0;color:#2d425b}.blog-comment-form{margin-top:.8rem;padding:1rem;color:#1f2b3d}.blog-comment-grid{grid-template-columns:1fr 1fr}.blog-comment-submit,.blog-comment-textarea{margin-top:.8rem}.career-page{background:linear-gradient(140deg,#f5f9ff,#e8f3fb)}.career-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.career-card{padding:1rem;border:1px solid rgba(11,31,58,.1);border-radius:18px;background:linear-gradient(180deg,#fff,#f3f8ff);display:grid;grid-gap:.75rem;gap:.75rem}.career-card-title{margin:0;color:#0b1f3a;line-height:1.3}.career-card-meta{display:flex;flex-wrap:wrap;gap:.45rem}.career-card-deadline{margin:0;color:#324c69;font-weight:600}.career-detail-head{margin-bottom:.9rem}.career-rich-text{background:#fff;border:1px solid rgba(11,31,58,.08);border-radius:18px;padding:1.05rem;color:#243a55;line-height:1.78}.career-rich-text h3{margin:0 0 .55rem;color:#0b1f3a}.career-rich-text p{margin:0 0 .8rem}.career-rich-text ol,.career-rich-text ul{margin:.35rem 0 .9rem 1.2rem;padding:0}.career-apply-form{margin-top:1rem;padding:1rem;color:#1f2b3d}.career-apply-grid{grid-template-columns:1fr 1fr;gap:.85rem}.career-apply-spaced{margin-top:.8rem}.career-file-field{display:grid;grid-gap:.35rem;gap:.35rem}.career-file-input{border:1px dashed #94b4d3;border-radius:10px;padding:.5rem;background:#fafdff}.career-apply-submit{margin-top:.9rem}.contact-page{background:radial-gradient(circle at 12% 18%,rgba(32,141,209,.14),transparent 38%),radial-gradient(circle at 92% 88%,rgba(11,31,58,.12),transparent 42%),linear-gradient(135deg,#f5f9ff,#eaf3fb)}.contact-page-container{max-width:1020px}.contact-hero{text-align:center;margin:0 auto 2.4rem;max-width:640px}.contact-hero-kicker{margin:0 0 .55rem;color:#146eb0;text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;font-weight:800}.contact-hero-title{margin:0;color:#0b1f3a;font-size:clamp(1.9rem,3.3vw,2.65rem);font-weight:800;letter-spacing:-.02em}.contact-hero-subtitle{margin:.8rem 0 0;color:#314764;font-size:1.03rem;line-height:1.75}.contact-shell{display:grid;grid-template-columns:.95fr 1.25fr;grid-gap:1.35rem;gap:1.35rem;align-items:stretch}.contact-info-panel{position:relative;overflow:hidden;border-radius:24px;padding:2rem 1.25rem 1.6rem;color:#f5f9ff;background:linear-gradient(160deg,#0b1f3a,#173b66 60%,#1a5588);box-shadow:0 22px 32px rgba(11,31,58,.26)}.contact-info-panel:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(0,194,255,.4),rgba(0,194,255,0));top:-110px;right:-90px}.contact-info-title{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.01em}.contact-info-copy{margin:.8rem 0 1.4rem;color:rgba(245,249,255,.86);line-height:1.74}.contact-info-list{display:grid;grid-gap:.7rem;gap:.7rem}.contact-info-item{display:flex;align-items:center;gap:.65rem;color:#eef6ff;font-weight:600;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.14);border-radius:12px;padding:.7rem .72rem}.contact-info-icon{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#0b1f3a;background:#9fe8ff;flex-shrink:0}.contact-socials{display:flex;gap:.6rem;margin-top:1.3rem}.contact-social-link{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#f5f9ff;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.2);transition:transform .2s ease,background .2s ease}.contact-social-link:hover{transform:translateY(-2px);background:rgba(159,232,255,.34)}.contact-form-card{border-radius:24px;padding:1.35rem;box-shadow:0 24px 35px rgba(11,31,58,.14);border:1px solid rgba(11,31,58,.08)}.contact-form-grid{grid-template-columns:1fr 1fr;gap:.85rem}.contact-form-grid-spaced{margin-top:.75rem}.contact-field{display:grid;grid-gap:.35rem;gap:.35rem}.contact-field-spaced{margin-top:.75rem}.contact-label{color:#1f3a59;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.contact-input{width:100%;border:1px solid #c8d9ec;border-radius:12px;padding:.8rem .85rem;color:#0b1f3a;font:inherit;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.contact-input:focus{outline:none;border-color:#1f8bd1;box-shadow:0 0 0 4px rgba(31,139,209,.13)}.contact-textarea{resize:vertical;min-height:132px}.contact-submit{margin-top:.95rem}@media (max-width:768px){.section{padding:3.8rem .8rem}.contact-form-grid,.contact-shell{grid-template-columns:1fr}.contact-info-panel{padding:1.35rem 1rem 1.1rem}.blog-grid,.career-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-comment-grid,.career-apply-grid{grid-template-columns:1fr}.services-smart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-carousel-track{grid-auto-columns:calc((100% - 1.2rem) / 2);padding:.25rem 2.7rem}.service-smart-card p{min-height:84px}.invoice-grid,.service-payment-grid{grid-template-columns:1fr}.portfolio-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.services-smart-grid{grid-template-columns:1fr}.services-carousel-track{grid-auto-columns:100%;padding:.25rem 0}.services-carousel-nav{display:none}.blog-grid,.career-grid,.portfolio-page-grid{grid-template-columns:1fr}}.hero-slider{position:relative;overflow:hidden;background-color:#0b1f3a;padding:0;min-height:100vh}@supports (height:100svh){.hero-slider{min-height:100svh}}.hero-slide-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:50%;background-size:cover;opacity:0;transition:opacity .6s ease-in-out}.hero-slide-bg.is-active{opacity:1}.hero-slider-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,rgba(11,31,58,.84),rgba(11,31,58,.45))}.hero-slider-content{position:relative;z-index:1;display:grid;grid-gap:1rem;gap:1rem;align-content:center;min-height:100vh;padding-top:clamp(1rem,4vh,4rem);padding-bottom:clamp(1rem,4vh,3rem)}@supports (height:100svh){.hero-slider-content{min-height:100svh}}.hero-slider-title{font-size:clamp(1.5rem,5.2vw,3rem);margin-bottom:0;overflow-wrap:break-word}.hero-slider-subtitle{max-width:720px;line-height:1.7;font-size:clamp(.95rem,2.5vw,1.125rem)}.hero-slider-nav{display:flex;gap:.75rem;margin-top:1rem}.hero-slider-nav button{min-width:44px;min-height:44px}