@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: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%}.tech-page .page-header{z-index:10;max-width:1280px;margin:0 auto;padding:8rem 1.5rem 5rem;position:relative}@media (min-width:768px){.tech-page .page-header{padding-left:2rem;padding-right:2rem}}.tech-page .header-badge{color:#006bdd;letter-spacing:.3em;text-transform:uppercase;align-items:center;gap:1rem;margin-bottom:2rem;font-size:12px;font-weight:700;display:flex}.tech-page .badge-line{background-color:#006bdd;width:3rem;height:1px}.tech-page .header-flex{flex-direction:column;justify-content:space-between;gap:2rem;display:flex}@media (min-width:1024px){.tech-page .header-flex{flex-direction:row;align-items:flex-end}}.tech-page .main-title{letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(40px,8vw,92px);font-weight:800;line-height:.85}.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:1rem;font-family:DM Sans,sans-serif;font-size:1.125rem;line-height:1.625}.tech-page .header-divider{background:linear-gradient(90deg,#006bdd80,#7200dd4d,#0000);width:100%;height:1px;margin-top:3rem}.tech-page .main-content{z-index:10;max-width:1280px;margin:0 auto;padding-bottom:8rem;padding-left:1.5rem;padding-right:1.5rem;position:relative}@media (min-width:768px){.tech-page .main-content{padding-left:2rem;padding-right:2rem}}.tech-page .tech-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.tech-page .tech-grid{grid-template-columns:repeat(2,1fr)}}.tech-page .tech-card{background-color:#006bdd0d;border:1px solid #006bdd33;padding:2rem;transition:all .5s}.tech-page .tech-card:hover{background-color:#006bdd1a;border-color:#006bdd99}.tech-page .card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.tech-page .card-badge{letter-spacing:.2em;text-transform:uppercase;color:#7200dd;background-color:#7200dd1a;padding:.25rem .75rem;font-size:10px;font-weight:700}.tech-page .card-arrow{color:#006bdd;border:1px solid #006bdd4d;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:transform .3s;display:flex}.tech-page .tech-card:hover .card-arrow{transform:rotate(45deg)}.tech-page .card-title{letter-spacing:-.02em;margin-bottom:1rem;font-size:1.875rem;font-weight:700}@media (min-width:768px){.tech-page .card-title{font-size:1.875rem}}.tech-page .card-description{color:#95afc0;margin-bottom:2.5rem;font-family:DM Sans,sans-serif;font-size:.875rem;line-height:1.625}.tech-page .tech-items-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.tech-page .tech-item{background-color:#011118a4;border:1px solid #ffffff0d;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.tech-page .tech-item:hover{background-color:#0009;border-color:#7200dd66}.tech-page .tech-icon{font-size:1.5rem}.tech-page .tech-info{flex:1}.tech-page .tech-name{color:#d0d8ec;font-size:13px;font-weight:700}.tech-page .tech-level{text-transform:uppercase;letter-spacing:.1em;color:#4a5268;font-size:9px;font-weight:700}.tech-page .card-scan-line{background-color:#006bdd1a;width:100%;height:1px;margin-top:2rem;position:relative;overflow:hidden}.tech-page .scan-line-glow{background-color:#006bdd;width:5rem;animation:3s infinite line-glow;position:absolute;inset:0;box-shadow:0 0 10px #006bdd}.tech-page .cta-section{text-align:center;margin-top:6rem}.tech-page .cta-wrapper{background:linear-gradient(90deg,#0000,#7200dd,#0000);padding:1px;display:inline-block;position:relative}.tech-page .cta-content{background-color:#0b0f18;padding:2.5rem 3rem}@media (min-width:768px){.tech-page .cta-content{padding-left:6rem;padding-right:6rem}}.tech-page .cta-title{margin-bottom:1rem;font-size:1.5rem;font-weight:700}@media (min-width:768px){.tech-page .cta-title{font-size:1.875rem}}.tech-page .cta-button{color:#fff;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background-color:#006bdd;border:none;padding:1rem 2rem;font-size:.75rem;font-weight:700;transition:all .3s}.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}.tech-page .scanline-bar{background-color:#fff;width:100%;height:2px;animation:8s linear infinite scan-line;box-shadow:0 0 20px #fff}
