:root{background-color:#101010}h1{font-size:17px;color:#fff}h2{color:#ffffff80;font-size:15px}p{font-size:15px;color:#fff}.button-container{display:flex;flex-direction:row;width:100%;justify-content:center;padding:10px}.container{display:flex;flex-direction:column;align-content:center;align-items:center}.landing-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.landing-content{background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:400px;text-align:center}.landing-title{font-size:3rem;color:#333;margin-bottom:30px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;text-align:left}.form-group label{font-weight:600;color:#555;margin-bottom:8px;font-size:.9rem}.form-group input{padding:15px;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;transition:all .3s ease;outline:none}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.submit-button:active{transform:translateY(0)}@media (max-width: 480px){.landing-content{padding:30px 20px;margin:0 10px}.landing-title{font-size:2.5rem;margin-bottom:25px}.form-group input,.submit-button{padding:12px}}@media (min-width: 481px) and (max-width: 768px){.landing-content{max-width:450px;padding:35px}}