:root{--font-size-base: clamp(16px, 1vw + .5rem, 20px);--color-bg: #f0eae2;--color-text: #3e3e3e;--color-accent: #3e3e3e;--color-green: #3DED97;--color-orange: #F66B3D;--color-red: #B22222;--color-blue: #2574A9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Open Sans,sans-serif;font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-blue)}.container{width:90%;max-width:1000px;margin:0 auto}header{text-align:center;padding:10vh 0 2vh}header p{font-weight:700;font-size:clamp(1.5rem,3vw,3rem)}h1{font-family:Great Vibes,cursive;font-weight:400;font-size:clamp(3rem,7vw,7rem);margin-bottom:2vh}.date{font-family:Open Sans,sans-serif;font-size:clamp(1.2rem,3vw,3rem);font-weight:700;margin-top:2rem}section{padding:2rem 0 5rem}h2{font-family:Great Vibes,cursive;font-size:clamp(2.5rem,6vw,4rem);text-align:center;margin-bottom:3rem;font-weight:400}.info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.info-price{font-weight:700}.color-green{color:var(--color-green)}.color-orange{color:var(--color-orange)}.color-red{color:var(--color-red)}.info-container{margin:0 auto;max-width:800px}.info-item{padding:1.5rem 2rem;margin-bottom:1.5rem;background-color:#ffffff80;border-left:3px solid var(--color-accent);border-radius:2px}.info-title{font-family:Open Sans,sans-serif;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;margin-bottom:.5rem}.no-margin{margin:0}.info-details{font-weight:400;font-size:clamp(1rem,1.5vw,1.5rem);display:flex;flex-direction:column}.message{text-align:center;font-size:clamp(1.2rem,2vw,1.4rem);font-weight:700;margin:4rem 0 2rem;font-family:Open Sans,sans-serif}.login-form{display:flex;align-items:center;gap:16px;padding:0 46px;width:100%;flex-direction:column}.label{font-size:clamp(1.2rem,2vw,1.4rem);font-weight:700}.input{border-radius:6px;height:48px;font-size:clamp(1.2rem,2vw,1.4rem);border:none;width:100%;padding:0 16px}.error{border:1px solid red}.button{background-color:green;height:48px;border-radius:24px;font-family:Open Sans,sans-serif;color:#fff;width:100%;border:none;font-weight:700;font-size:clamp(1rem,1.5vw,1.2rem);cursor:pointer}@media (min-width: 768px){.info-item{padding:2rem}.login-form{flex-direction:row}.input{width:60%}.button{width:20%}}@media (max-width: 480px){header{padding:10vh 0 5vh}section{padding:1rem 0 3rem}.info-item{padding:1.2rem 1.5rem}}
