*{box-sizing:border-box}body{margin:0;background:#101416;color:#f6f5ef;font-family:Arial,sans-serif}main{max-width:1180px;margin:auto;padding:28px}a{color:inherit}header{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #343a3c;font-size:12px;letter-spacing:1.5px}header a{text-decoration:none;font-weight:bold}header span{color:#dec35c}.intro{padding:65px 0 38px;max-width:760px}.eyebrow{font-size:12px;letter-spacing:2px;color:#dec35c}h1{font-size:clamp(50px,8vw,88px);line-height:1.02;letter-spacing:-4px;margin:20px 0}p{color:#b8c1c2;line-height:1.6}.intro>p:not(.eyebrow){font-size:19px;max-width:650px}.tags{display:flex;flex-wrap:wrap;gap:10px}.tags span,.badge{border:1px solid #46504b;border-radius:30px;padding:9px 13px;font-size:12px;color:#e2cf87}.login{max-width:530px;background:#1c2325;padding:32px;border-radius:18px;border-top:3px solid #dec35c;margin-bottom:60px}h2{font-size:27px;margin-top:0}label{display:block;font-size:14px;margin:20px 0}input{display:block;width:100%;padding:15px;margin-top:9px;border:1px solid #525c5e;background:#101416;color:white;border-radius:8px;font-size:18px}button{border:0;border-radius:8px;background:#dec35c;color:#151916;font-weight:bold;padding:15px 20px;cursor:pointer;font-size:15px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0}.toolbar p{font-size:14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}article{background:#1c2325;border:1px solid #333d3f;border-radius:15px;overflow:hidden}.photo{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#242e30;color:#8e9b9d}.photo img{width:100%;height:100%;object-fit:contain}.details{padding:22px}h3{margin:0;font-size:22px}.details p{font-size:14px}.badge{display:inline-block;padding:6px 10px}.note{font-size:13px;margin:24px 0}footer{border-top:1px solid #343a3c;padding:24px 0;font-size:12px;color:#a8b3b5}@media(max-width:650px){main{padding:20px}.grid{grid-template-columns:1fr}.intro{padding-top:40px}.toolbar{align-items:flex-start;flex-direction:column}.login{padding:24px}header{font-size:10px}h1{letter-spacing:-2px}}
/* Matched to the current TPS website: Arial, turquoise #12b8b0, gray header and black sections. */
body{background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}main{padding-top:0}header{display:block;text-align:center;background:#ccc;color:#111;margin:0 -28px;padding:22px 28px;border:0;letter-spacing:0;font-size:15px}header p{color:#111;margin:7px 0}.logo{display:block;width:min(100%,622px);height:auto;margin:10px auto}.slogan{font-size:17px;font-weight:bold;font-style:italic}nav{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;padding:18px 0 0;font-size:12px;font-weight:bold}nav span{color:#111;background:#12b8b0;padding:14px;border-radius:4px}.intro{max-width:850px}h1{font-size:clamp(40px,6vw,64px);font-weight:800;letter-spacing:-1.3px;line-height:1.12}h1 span,.eyebrow{color:#12b8b0}.eyebrow{font-weight:800}.tags span,.badge{border-color:#12b8b0;color:#12b8b0;border-radius:4px}.login{background:#151515;border:1px solid #333;border-top:4px solid #12b8b0;border-radius:8px}button{background:#12b8b0;border-radius:4px;color:#111;text-transform:uppercase}input{background:#080808;border-color:#555}article{background:#151515;border-color:#333;border-radius:8px}.photo{background:#222}h2,h3{font-weight:800}footer{border-color:#333}p{color:#ccc}@media(max-width:650px){header{margin:0 -20px;padding:18px 20px}header p{font-size:12px}nav{gap:15px;font-size:10px}.slogan{font-size:13px}.intro{padding-top:35px}}