*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;min-height:100vh;background:linear-gradient(to bottom right,#f5f5f5,#f8e8e8,#f0d6d6);display:flex;flex-direction:column;align-items:center}#app{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center}header{padding-top:5vh}header a{font-size:clamp(24px,1.8vw,32px);font-weight:700;color:#000;text-decoration:none}main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 40px}main p{max-width:700px;font-size:16px;line-height:1.7;color:#000000de;text-align:center}@media(max-width:600px){header a{font-size:24px}main{padding:48px 10%}main p{font-size:14px}}footer{padding-bottom:5vh;display:flex;gap:20px}@media(max-width:600px){footer{gap:15px}}footer a{color:#1976d2;font-weight:700;text-decoration:none}footer a:hover{text-decoration:underline}