*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}.page{min-height:100vh;font-family:Arial,Helvetica,sans-serif;background-color:#f5ede2;color:#0c1926;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2vh;overflow-y:auto}.logo{width:clamp(80px,11vh,130px);height:auto;margin-bottom:1vh}.title{font-size:clamp(1.3rem,2.2vh + .4rem,1.9rem);margin-bottom:.3vh}.subtitle{font-size:clamp(.9rem,1.8vh,1.05rem);margin-bottom:.8vh;color:#6ba0af}.lead{font-size:clamp(.8rem,1.5vh,1rem);color:#0c1926}.badge{margin:1vh 0 2vh;padding:.5vh 1vw;border:2px solid #e22b2b;color:#e22b2b;border-radius:8px;font-weight:700;text-transform:uppercase;background-color:#fff3e6;font-size:clamp(.7rem,1.4vh,.9rem)}.contact{max-width:900px;width:100%;background:#ffffffd9;border-radius:10px;padding:clamp(1rem,2vh,1.6rem) clamp(1rem,2vw,1.6rem);box-shadow:0 0 10px #0000000d;text-align:left;font-size:clamp(.8rem,1.6vh,.95rem);line-height:1.45}.contact h3{color:#0c1926;font-size:clamp(.9rem,1.8vh,1.05rem);margin-bottom:.5vh}.contact ul{margin:.4rem 0 .8rem 1.2rem}.contact li{margin-bottom:.3rem}.contact a{color:#0077b6;text-decoration:none}.downloads{text-align:center;margin-top:1vh}.btn{display:inline-block;margin:.5vh .5vw;padding:clamp(.5rem,1.3vh,.7rem) clamp(.8rem,1.6vw,1rem);background:#6ba0af;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;font-size:clamp(.8rem,1.6vh,.95rem);transition:background .2s ease}.btn:hover{background:#558a97}@media (max-height: 820px){.page{justify-content:flex-start;padding:2vh 1rem}.logo{width:clamp(70px,9vh,100px);margin-bottom:1vh}.contact{padding:1rem;line-height:1.4}}@media (min-height: 1200px){.logo{width:clamp(100px,14vh,150px)}.title{font-size:clamp(1.6rem,2.5vh,2rem)}.contact{font-size:clamp(.9rem,1.8vh,1rem);padding:1.8rem 2.2rem}}