@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');
:root{--bg:#080c09;--green:#afff54;--line:#2b3d30;--text:#e9f1eb;--mute:#93a397}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.ttt-shell{max-width:1600px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.ttt-header{height:78px;padding:0 clamp(20px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:15px;background:#0f1611;border-bottom:1px solid #27382a}.ttt-brand{font:700 23px Michroma,'Microgramma Bold Extended','Arial Black',sans-serif;letter-spacing:-1px;white-space:nowrap}.ttt-brand span{color:var(--green)}.ttt-brand small{font:700 8px 'Segoe UI',sans-serif;letter-spacing:2px;display:block;color:#7f9682}.ttt-topnav{display:flex;gap:18px;align-items:center}.ttt-topnav a,.ttt-logout{background:transparent;color:#b7d3b6;font-size:10px;border:0;cursor:pointer;font-weight:800;letter-spacing:1px;white-space:nowrap}.ttt-topnav a:hover,.ttt-logout:hover{color:var(--green)}main{padding:45px clamp(20px,4vw,60px) 70px;flex:1}footer{padding:30px clamp(20px,4vw,60px);border-top:1px solid var(--line);font-size:10px;color:#6c806e;letter-spacing:1px}.ttt-eyebrow{color:#a5eb89;letter-spacing:2px;font-size:10px;font-weight:800}.ttt-intro{max-width:750px;margin:13px 0 33px}.ttt-intro.wide{max-width:none;margin-bottom:40px}.ttt-intro h1,.ttt-feature h2,.ttt-panel h2,.ttt-card h2,.ttt-section-title h2,.ttt-workspace h2{font-family:Michroma,'Microgramma Bold Extended','Arial Black',sans-serif;font-weight:700;letter-spacing:-.8px}.ttt-intro h1{font-size:clamp(34px,5vw,65px);line-height:1.18;margin:10px 0 16px}.ttt-intro em,.ttt-feature em{font-style:normal;color:var(--green)}.ttt-intro p{font-size:14px;max-width:700px;color:#a5b8a9}.ttt-panel{background:linear-gradient(150deg,#131e16,#0d140f);border:1px solid var(--line);max-width:530px;padding:34px;border-radius:14px;box-shadow:0 20px 80px #0007}.ttt-lock-icon{font:700 46px Michroma,'Microgramma Bold Extended',Arial,sans-serif;color:var(--green)}.ttt-panel h2{margin:0;font-size:24px}.ttt-panel p{color:var(--mute)}.ttt-panel label{display:block;margin:22px 0 9px;color:#b8dfab;font-size:10px;font-weight:900;letter-spacing:2px}.ttt-panel input{width:100%;background:#080e0a;border:1px solid #4b644f;border-radius:7px;color:white;padding:14px 13px;outline:0}.ttt-panel input:focus{border-color:var(--green);box-shadow:0 0 0 3px #aaff4438}.ttt-button{display:inline-flex;padding:13px 19px;border-radius:7px;background:var(--green);color:#0c160e;border:1px solid var(--green);font-size:11px;font-weight:900;letter-spacing:1px;cursor:pointer;margin-top:18px;transition:transform .2s}.ttt-button:hover{transform:translateY(-2px)}.ttt-panel .ttt-button{width:100%;justify-content:center}.ttt-panel .ttt-hint{color:#718a75;margin-top:22px;font-size:11px}.ttt-error{padding:10px 13px;color:#ffc8ba!important;background:#49271e;border:1px solid #a95d4e;border-radius:6px}.ttt-panel code{color:#a5e5ac}.ttt-feature{border-radius:16px;background:radial-gradient(circle at 78% 45%,#285c34,#10261a 38%,#0c1a12 72%);border:1px solid #375439;padding:42px 42px;min-height:250px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.ttt-feature:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 24px,#a9fa5610 25px);pointer-events:none}.ttt-feature-tag{color:#0b160d;background:var(--green);padding:5px 8px;font-size:9px;letter-spacing:1.3px;font-weight:900;width:max-content;position:relative;z-index:1}.ttt-feature>div{position:relative;z-index:1;max-width:800px}.ttt-feature h2{font-size:clamp(24px,3vw,40px);line-height:1.25;margin:22px 0 8px}.ttt-feature p{color:#9cbea0;margin:0}.ttt-graphic{position:absolute;right:6%;top:5%;font:700 clamp(90px,17vw,250px) Michroma,'Microgramma Bold Extended',Arial,sans-serif;opacity:.12;color:var(--green);transform:rotate(-9deg)}.ttt-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:43px 0 16px}.ttt-section-title h2{font-size:20px;margin:0}.ttt-section-title span{font-size:10px;color:#78947c;letter-spacing:1px}.ttt-card-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ttt-card{border:1px solid #314637;border-radius:12px;overflow:hidden;background:#111c14;transition:transform .25s,border-color .25s,box-shadow .25s}.ttt-card:hover{transform:translateY(-6px) scale(1.006);border-color:var(--green);box-shadow:0 22px 50px #000a}.ttt-card-art{height:240px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 66% 35%,#306542,#0c2113 55%,#09110b);overflow:hidden}.ttt-card-starlink .ttt-card-art{background:radial-gradient(circle at 75% 38%,#3d6257,#132925 52%,#090f0e)}.ttt-card-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 24px,#99ff5510 25px),repeating-linear-gradient(90deg,transparent,transparent 24px,#99ff5510 25px)}.ttt-card-emblem{font:700 150px Michroma,'Microgramma Bold Extended',Arial,sans-serif;color:#baff73;text-shadow:0 0 60px #a3ff534b;transform:rotate(-7deg);transition:transform .3s}.ttt-card:hover .ttt-card-emblem{transform:rotate(-1deg) scale(1.07)}.ttt-corner,.ttt-enter{position:absolute;color:#c0f5bb;font-size:10px;letter-spacing:1.5px;font-weight:900}.ttt-corner{top:16px;left:19px}.ttt-enter{bottom:16px;right:20px;opacity:0;transform:translateY(6px);transition:all .2s}.ttt-card:hover .ttt-enter{opacity:1;transform:none}.ttt-card-content{padding:25px}.ttt-card-label{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#9dc48e}.ttt-card h2{font-size:clamp(19px,2.1vw,27px);margin:8px 0 8px}.ttt-card p{font-size:13px;line-height:1.55;color:#96b09c;margin:0 0 20px;min-height:40px}.ttt-pills{display:flex;flex-wrap:wrap;gap:8px}.ttt-pills span{font-size:9px;border:1px solid #426348;border-radius:4px;padding:4px 8px;color:#b9e2a7;letter-spacing:1px}.ttt-notice{margin-top:27px;padding:18px 21px;border:1px solid #344238;background:#121b14;color:#a3b3a5;border-radius:9px;font-size:12px}.ttt-notice strong{color:#c4edb6;margin-right:8px}.ttt-workspace{border:1px solid #35473a;border-radius:14px;overflow:hidden;min-height:430px;background:radial-gradient(circle at 55% 35%,#183923,#0a110c 70%)}.ttt-workspace-header{display:flex;justify-content:space-between;padding:16px 21px;gap:18px;border-bottom:1px solid #344b3a;font-size:10px;color:#a9c1ac;letter-spacing:1.5px;font-weight:800}.ttt-offline{color:#e1bc7d}.ttt-workspace-center{text-align:center;max-width:600px;margin:56px auto;padding:0 24px}.ttt-big-icon{font:700 90px Michroma,'Microgramma Bold Extended',Arial,sans-serif;color:var(--green)}.ttt-workspace h2{font-size:28px}.ttt-workspace p{color:#a5b9a8}.ttt-workspace-center .ttt-button{margin-top:22px}
@media(max-width:800px){.ttt-card-row{grid-template-columns:1fr}.ttt-section-title span{display:none}.ttt-feature{min-height:230px;padding:30px}.ttt-card-art{height:200px}}@media(max-width:560px){.ttt-header{padding:0 18px}.ttt-brand{font-size:17px}.ttt-topnav{gap:8px}.ttt-topnav a,.ttt-logout{font-size:9px}.ttt-panel{padding:25px}.ttt-intro h1{font-size:29px}.ttt-feature h2{font-size:23px}.ttt-workspace-header{flex-direction:column;gap:6px}}
