:root{--navy:#050e1c;--lake:#091525;--panel:#0d1e36;--bright:#5bb8ff;--blue:#2e7fd4;--gold:#c8a96e;--text:#c8dcee;--muted:#86a4c0;--white:#fff;--border:rgba(91,184,255,.15)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font:16px/1.7 'DM Sans',sans-serif}.telecom-main{overflow:hidden}.tc-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.tc-hero{position:relative;min-height:82vh;padding:170px 0 100px;display:flex;align-items:center;background:radial-gradient(circle at 75% 40%,rgba(91,184,255,.18),transparent 28%),linear-gradient(135deg,#050e1c,#0a1f3d)}.tc-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(91,184,255,.035) 80px),repeating-linear-gradient(0deg,transparent 0 79px,rgba(91,184,255,.035) 80px);mask-image:linear-gradient(90deg,transparent,#000)}.tc-hero .tc-wrap{position:relative;z-index:1}.tc-mark{color:var(--bright);font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:.25em;text-transform:uppercase}.tc-hero h1,.tc-section h2,.tc-card h3,.tc-cta h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:.95;color:#fff;margin:0}.tc-hero h1{font-size:clamp(64px,10vw,132px);max-width:930px;margin:20px 0}.tc-hero h1 span{color:var(--bright)}.tc-lead{max-width:690px;font-size:20px;font-weight:300;color:#d6e8f8}.tc-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.tc-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 25px;background:var(--bright);color:var(--navy);border:1px solid var(--bright);text-decoration:none;font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:.2s}.tc-button:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}.tc-button.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}.tc-section{padding:100px 0;border-top:1px solid var(--border)}.tc-section.alt{background:#081422}.tc-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:end;margin-bottom:48px}.tc-section h2{font-size:clamp(43px,6vw,72px)}.tc-heading p{margin:0;color:var(--muted);font-size:18px}.tc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tc-grid.two{grid-template-columns:repeat(2,1fr)}.tc-card{display:block;padding:32px;background:var(--panel);border:1px solid var(--border);color:var(--text);text-decoration:none;min-height:250px}.tc-card:hover{border-color:var(--bright)}.tc-card .tag{color:var(--gold);font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:.18em;text-transform:uppercase}.tc-card h3{font-size:31px;margin:40px 0 14px}.tc-card p{color:var(--muted);margin:0}.tc-list{list-style:none;padding:0;margin:25px 0 0}.tc-list li{padding:10px 0;border-bottom:1px solid var(--border)}.tc-list li::before{content:'✓';color:var(--bright);margin-right:10px}.tc-price{font:700 35px 'Barlow Condensed',sans-serif;color:var(--bright);margin:20px 0}.tc-cta{background:var(--blue);padding:78px 0}.tc-cta .tc-wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.tc-cta h2{font-size:clamp(44px,6vw,75px)}.tc-cta p{color:#e7f5ff;margin:10px 0 0}.tc-cta .tc-button{background:var(--navy);border-color:var(--navy);color:#fff;min-width:250px}.detail .tc-hero{min-height:65vh}.detail .tc-hero h1{font-size:clamp(60px,9vw,112px)}
@media(max-width:850px){.tc-heading,.tc-grid,.tc-grid.two{grid-template-columns:1fr}.tc-cta .tc-wrap{align-items:flex-start;flex-direction:column}.tc-hero{min-height:72vh}.tc-section{padding:72px 0}}
@media(max-width:560px){.tc-wrap{width:min(100% - 30px,1180px)}.tc-hero h1{font-size:55px}.tc-lead{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.login-hero{min-height:auto;padding-bottom:70px}.login-section{padding-top:65px}.login-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}.login-panel{padding:38px;background:var(--panel);border:1px solid var(--border);box-shadow:0 24px 60px rgba(0,0,0,.22)}.login-panel.primary{border-top:3px solid var(--bright)}.login-panel h2{font:700 38px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#fff;margin:10px 0 15px}.login-panel>p{color:var(--muted);margin:0 0 26px}.login-form{display:grid;gap:18px}.login-field{display:grid;gap:7px}.login-field label{color:var(--text);font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase}.login-field input{width:100%;min-height:52px;padding:12px 14px;border:1px solid rgba(91,184,255,.25);background:#06101d;color:#fff;font:inherit;border-radius:0;outline:none}.login-field input:focus{border-color:var(--bright);box-shadow:0 0 0 3px rgba(91,184,255,.1)}.login-form .tc-button{width:100%;cursor:pointer}.login-note{font-size:13px!important;margin:18px 0 0!important}.portal-pattern{padding:18px;border:1px solid var(--border);background:#06101d;color:var(--bright);font:600 17px 'DM Sans',sans-serif;overflow-wrap:anywhere}.portal-steps{padding-left:20px;color:var(--muted)}.portal-steps li{margin:10px 0}.login-help{margin-top:20px}.login-help a{color:var(--bright)}
@media(max-width:850px){.login-grid{grid-template-columns:1fr}.login-panel{padding:28px}}

/* Short copy sits in defined blocks instead of stretching across the page. */
.tc-heading>p{max-width:560px;padding:22px 24px;background:rgba(13,30,54,.72);border-left:2px solid var(--bright)}
.tc-card{transition:transform .2s,border-color .2s,background .2s}
.tc-card:hover{transform:translateY(-4px);background:#102541}

/* Shared Frozen Lake signal-bar language: compact rails connect Telecom to the homepage. */
@keyframes signalLoad{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tc-mark{display:flex;align-items:center;gap:12px}.tc-mark::before{content:'';width:34px;height:1px;background:linear-gradient(90deg,var(--bright),var(--blue));box-shadow:0 0 12px rgba(91,184,255,.35)}
.tc-card,.login-panel{position:relative;overflow:hidden}
.tc-card::before,.login-panel::before{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--blue),var(--bright));transform:scaleX(.18);transform-origin:left;transition:transform .38s ease;box-shadow:0 0 14px rgba(91,184,255,.18)}
.tc-card:hover::before,.login-panel:hover::before{transform:scaleX(1)}
.tc-heading>p{position:relative;overflow:hidden}.tc-heading>p::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--bright),transparent);animation:signalLoad .9s ease both}
.tc-list li{transition:background .2s,padding-left .2s}.tc-list li:hover{padding-left:8px;background:rgba(91,184,255,.04)}
.tc-cta{background:linear-gradient(100deg,var(--blue),#318de8 62%,var(--blue));border-top:3px solid var(--bright)}
