@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";:root{--primary-color: #6a1b9a;--secondary-color: #fce4ec;--background-color: #f3e5f5;--text-color: #333;--card-background: #ffffff;--shadow-color: rgba(0, 0, 0, .1)}body{margin:0;font-family:Poppins,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background-color);background-image:url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%23ce93d8" fill-opacity="0.1"%3E%3Cpath d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')}#root{width:100%;max-width:500px;padding:1rem}nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;background-color:#3498db;padding:1rem;z-index:1000}nav a{margin:0 1rem;text-decoration:none;color:#fff;font-weight:700;font-size:1.2rem;transition:color .3s}nav a:hover{color:#f1c40f}main{padding-top:5rem}.card{background-color:var(--card-background);padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px var(--shadow-color);text-align:center;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}h1{color:var(--primary-color);font-weight:700;font-size:2.5rem;margin-bottom:.5rem}p{color:var(--text-color);font-size:1.1rem;line-height:1.6}.btn{display:inline-block;margin-top:1.5rem;padding:.8rem 2rem;border:none;border-radius:50px;background-image:linear-gradient(45deg,#f06292,#6a1b9a);color:#fff;text-decoration:none;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:1.1rem;box-shadow:0 4px 15px #6a1b9a66}.btn:hover{transform:translateY(-3px);box-shadow:0 7px 20px #6a1b9a99}.btn-secondary{background-image:none;background-color:var(--secondary-color);color:var(--primary-color);box-shadow:0 4px 15px #0000001a}.btn-secondary:hover{background-color:#f8bbd0;box-shadow:0 7px 20px #00000026}.options-container{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.welcome-illustration{max-width:80%;height:auto;margin-bottom:2rem}