@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";
.tech-page{color:#e8edf5;background-color:#0b0f18;min-height:100vh;font-family:Syne,sans-serif;position:relative;overflow-x:hidden}.tech-page ::selection{background-color:#7200dd66}.tech-grid-bg{background-image:radial-gradient(#006bdd1a 1px,#0000 1px);background-size:40px 40px}@keyframes line-glow{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.clip-path-tech{clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.tech-page .bg-glow-1{filter:blur(120px);pointer-events:none;z-index:0;background-color:#006bdd1a;border-radius:50%;width:600px;height:600px;position:fixed;top:-10%;left:-10%}.tech-page .bg-glow-2{filter:blur(100px);pointer-events:none;z-index:0;background-color:#7200dd1a;border-radius:50%;width:500px;height:500px;position:fixed;bottom:-5%;right:-5%}@media (max-width:768px){.tech-page .bg-glow-1{filter:blur(80px);width:300px;height:300px}.tech-page .bg-glow-2{filter:blur(60px);width:250px;height:250px}}.tech-page .page-header{z-index:10;max-width:1280px;margin:0 auto;padding:6rem 1.5rem 3rem;position:relative}@media (min-width:640px){.tech-page .page-header{padding-top:7rem;padding-bottom:4rem}}@media (min-width:768px){.tech-page .page-header{padding:8rem 2rem 5rem}}@media (max-width:480px){.tech-page .page-header{padding:4rem 1rem 2rem}}.tech-page .header-badge{color:#006bdd;letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:10px;font-weight:700;display:flex}@media (min-width:768px){.tech-page .header-badge{letter-spacing:.3em;gap:1rem;margin-bottom:2rem;font-size:12px}}.tech-page .badge-line{background-color:#006bdd;width:2rem;height:1px}@media (min-width:768px){.tech-page .badge-line{width:3rem}}.tech-page .header-flex{flex-direction:column;justify-content:space-between;gap:1.5rem;display:flex}@media (min-width:1024px){.tech-page .header-flex{flex-direction:row;align-items:flex-end;gap:2rem}}.tech-page .main-title{letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(32px,8vw,92px);font-weight:800;line-height:.9}@media (max-width:480px){.tech-page .main-title{line-height:1}}.tech-page .gradient-text{background:linear-gradient(90deg,#006bdd,#7200dd,#006bdd) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{background-position:0%}50%{background-position:100%}}.tech-page .header-description{color:#4a5268;max-width:420px;margin-bottom:.75rem;font-family:DM Sans,sans-serif;font-size:.875rem;line-height:1.5}@media (min-width:768px){.tech-page .header-description{margin-bottom:1rem;font-size:1rem;line-height:1.625}}@media (max-width:480px){.tech-page .header-description{font-size:.75rem;line-height:1.4}}.tech-page .header-divider{background:linear-gradient(90deg,#006bdd80,#7200dd4d,#0000);width:100%;height:1px;margin-top:2rem}@media (min-width:768px){.tech-page .header-divider{margin-top:3rem}}.tech-page .main-content{z-index:10;max-width:1280px;margin:0 auto;padding-bottom:4rem;padding-left:1rem;padding-right:1rem;position:relative}@media (min-width:640px){.tech-page .main-content{padding-bottom:6rem;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.tech-page .main-content{padding-bottom:8rem;padding-left:2rem;padding-right:2rem}}.tech-page .tech-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.tech-page .tech-grid{gap:1.75rem}}@media (min-width:768px){.tech-page .tech-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width:480px){.tech-page .tech-grid{gap:1rem}}.tech-page .tech-card{background-color:#006bdd0d;border:1px solid #006bdd33;padding:1.5rem;transition:all .5s}@media (min-width:640px){.tech-page .tech-card{padding:1.75rem}}@media (min-width:768px){.tech-page .tech-card{padding:2rem}}@media (max-width:480px){.tech-page .tech-card{padding:1rem}}.tech-page .tech-card:hover{background-color:#006bdd1a;border-color:#006bdd99}.tech-page .card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1rem;display:flex}@media (min-width:768px){.tech-page .card-header{margin-bottom:1.5rem}}.tech-page .card-badge{letter-spacing:.15em;text-transform:uppercase;color:#7200dd;background-color:#7200dd1a;padding:.2rem .6rem;font-size:8px;font-weight:700}@media (min-width:768px){.tech-page .card-badge{letter-spacing:.2em;padding:.25rem .75rem;font-size:10px}}.tech-page .card-arrow{color:#006bdd;border:1px solid #006bdd4d;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;transition:transform .3s;display:flex}@media (min-width:768px){.tech-page .card-arrow{width:2rem;height:2rem;font-size:1rem}}.tech-page .tech-card:hover .card-arrow{transform:rotate(45deg)}.tech-page .card-title{letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}@media (min-width:640px){.tech-page .card-title{font-size:1.5rem}}@media (min-width:768px){.tech-page .card-title{margin-bottom:1rem;font-size:1.875rem}}@media (max-width:480px){.tech-page .card-title{margin-bottom:.5rem;font-size:1.125rem}}.tech-page .card-description{color:#95afc0;margin-bottom:1.5rem;font-family:DM Sans,sans-serif;font-size:.75rem;line-height:1.5}@media (min-width:640px){.tech-page .card-description{margin-bottom:2rem;font-size:.8125rem}}@media (min-width:768px){.tech-page .card-description{margin-bottom:2.5rem;font-size:.875rem;line-height:1.625}}@media (max-width:480px){.tech-page .card-description{margin-bottom:1rem;font-size:.6875rem;line-height:1.4}}.tech-page .tech-items-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:480px){.tech-page .tech-items-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}}@media (min-width:768px){.tech-page .tech-items-grid{gap:1rem}}.tech-page .tech-item{background-color:#011118a4;border:1px solid #ffffff0d;align-items:center;gap:.75rem;padding:.75rem;transition:all .3s;display:flex}@media (min-width:640px){.tech-page .tech-item{gap:.875rem;padding:.875rem}}@media (min-width:768px){.tech-page .tech-item{gap:1rem;padding:1rem}}@media (max-width:480px){.tech-page .tech-item{gap:.5rem;padding:.5rem}}.tech-page .tech-item:hover{background-color:#0009;border-color:#7200dd66}.tech-page .tech-icon{font-size:1rem}@media (min-width:640px){.tech-page .tech-icon{font-size:1.25rem}}@media (min-width:768px){.tech-page .tech-icon{font-size:1.5rem}}.tech-page .tech-info{flex:1}.tech-page .tech-name{color:#d0d8ec;font-size:11px;font-weight:700}@media (min-width:640px){.tech-page .tech-name{font-size:12px}}@media (min-width:768px){.tech-page .tech-name{font-size:13px}}@media (max-width:480px){.tech-page .tech-name{font-size:9px}}.tech-page .tech-level{text-transform:uppercase;letter-spacing:.08em;color:#4a5268;font-size:7px;font-weight:700}@media (min-width:640px){.tech-page .tech-level{letter-spacing:.09em;font-size:8px}}@media (min-width:768px){.tech-page .tech-level{letter-spacing:.1em;font-size:9px}}.tech-page .card-scan-line{background-color:#006bdd1a;width:100%;height:1px;margin-top:1.5rem;position:relative;overflow:hidden}@media (min-width:768px){.tech-page .card-scan-line{margin-top:2rem}}.tech-page .scan-line-glow{background-color:#006bdd;width:3rem;animation:3s infinite line-glow;position:absolute;inset:0;box-shadow:0 0 10px #006bdd}@media (min-width:768px){.tech-page .scan-line-glow{width:5rem}}.tech-page .cta-section{text-align:center;margin-top:3rem;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.tech-page .cta-section{margin-top:4rem}}@media (min-width:768px){.tech-page .cta-section{margin-top:6rem}}@media (max-width:480px){.tech-page .cta-section{margin-top:2rem}}.tech-page .cta-wrapper{background:linear-gradient(90deg,#0000,#7200dd,#0000);width:100%;max-width:600px;padding:1px;display:inline-block;position:relative}.tech-page .cta-content{background-color:#0b0f18;padding:1.5rem}@media (min-width:640px){.tech-page .cta-content{padding:2rem}}@media (min-width:768px){.tech-page .cta-content{padding:2.5rem 3rem}}@media (min-width:1024px){.tech-page .cta-content{padding-left:6rem;padding-right:6rem}}@media (max-width:480px){.tech-page .cta-content{padding:1rem}}.tech-page .cta-title{margin-bottom:.75rem;font-size:1.125rem;font-weight:700}@media (min-width:640px){.tech-page .cta-title{font-size:1.25rem}}@media (min-width:768px){.tech-page .cta-title{margin-bottom:1rem;font-size:1.5rem}}@media (min-width:1024px){.tech-page .cta-title{font-size:1.875rem}}@media (max-width:480px){.tech-page .cta-title{margin-bottom:.5rem;font-size:1rem}}.tech-page .cta-button{color:#fff;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background-color:#006bdd;border:none;width:100%;max-width:280px;padding:.75rem 1.5rem;font-size:.625rem;font-weight:700;transition:all .3s}@media (min-width:640px){.tech-page .cta-button{width:auto;padding:.875rem 1.75rem;font-size:.6875rem}}@media (min-width:768px){.tech-page .cta-button{padding:1rem 2rem;font-size:.75rem}}.tech-page .cta-button:hover{background-color:#7200dd;transform:translateY(-4px)}.tech-page .global-scanline{pointer-events:none;z-index:50;opacity:.03;position:fixed;inset:0;overflow:hidden}@media (max-width:768px){.tech-page .global-scanline{opacity:.01}}.tech-page .scanline-bar{background-color:#fff;width:100%;height:2px;animation:8s linear infinite scan-line;box-shadow:0 0 20px #fff}@media (max-width:380px){.tech-page .tech-items-grid{grid-template-columns:1fr}.tech-page .card-badge{letter-spacing:.1em;font-size:7px}.tech-page .cta-button{padding:.625rem 1.25rem;font-size:.5625rem}}@media (min-width:768px) and (max-width:1024px){.tech-page .tech-grid{gap:1.5rem}.tech-page .card-title{font-size:1.5rem}.tech-page .header-description{max-width:350px}}@media (max-width:768px) and (orientation:landscape){.tech-page .page-header{padding-top:3rem;padding-bottom:2rem}.tech-page .main-title{font-size:clamp(28px,6vw,48px)}.tech-page .tech-grid{grid-template-columns:repeat(2,1fr)}.tech-page .cta-section{margin-top:2rem}}html{scroll-behavior:smooth}.tech-page *{box-sizing:border-box;max-width:100%}