:root{--background-color: #136AF3;--text-color: #FFFFFF;--link-hover-color: #E0E0E0}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;text-align:center;padding:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%}.container{max-width:650px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeIn 1.2s cubic-bezier(.25,1,.5,1)}.logo{max-width:180px;height:auto;margin-bottom:1rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1))}h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:700;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.1)}p{font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.6;max-width:90%;opacity:.9}a{color:var(--text-color);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;transition:color .3s ease,text-underline-offset .3s ease}a:hover{color:var(--link-hover-color);text-underline-offset:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}