@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--gradient-background:linear-gradient(135deg,#e8f0fa,#faf3e0);--gradient-card:linear-gradient(135deg,#fff,#f5f5f5)}body{background:var(--gradient-background);color:#333;font-family:Roboto,sans-serif;line-height:1.6}.card{background:var(--gradient-card);border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.btn{background:linear-gradient(135deg,#4a90e2,#5cb3ff);border:none;border-radius:5px;color:#fff;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn:hover{background:linear-gradient(135deg,#3a80d2,#4ca3ef);transform:translateY(-2px)}.input{border:1px solid #d1d1d1;border-radius:5px;font-size:16px;padding:10px;transition:all .3s ease}.input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}