@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";:root{font-family:Montserrat,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:#1e1e1e 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="%23323232" fill-opacity="0.4"%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{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.App{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;transition:background-color .3s ease,color .3s ease}.title{font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.5)}.subtitle{font-size:1.5rem;margin-bottom:3rem}.generate-button{padding:1rem 2rem;font-size:1.5rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #6a11cbcc,0 0 25px #2575fccc}.generate-button:hover{transform:translateY(-3px);box-shadow:0 0 25px #6a11cb,0 0 35px #2575fc}.numbers-container{display:flex;justify-content:center;margin-top:4rem;flex-wrap:wrap}.number-ball{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:1rem;border-radius:50%;font-size:2rem;font-weight:700;position:relative;box-shadow:10px 10px 20px #161616,-10px -10px 20px #464646}body.light-mode .App{background-color:var(--background-color-light);color:var(--text-color-light)}body.light-mode .title{color:var(--text-color-light);text-shadow:none}body.light-mode .subtitle{color:var(--text-color-light)}body.light-mode .generate-button{background:var(--button-bg-light);color:var(--button-text-color-light);box-shadow:0 0 15px #0003,0 0 25px #0003}body.light-mode .generate-button:hover{box-shadow:0 0 25px #0000004d,0 0 35px #0000004d}body.light-mode .number-ball{background:var(--number-bg-light);color:var(--number-text-color-light);box-shadow:10px 10px 20px #ccc,-10px -10px 20px #fff}body.light-mode .contact-form-container{background-color:var(--background-color-light);color:var(--text-color-light)}body.light-mode .contact-form input,body.light-mode .contact-form textarea{background-color:#eee;color:#333;border:1px solid #ccc}body.light-mode .contact-form button{background:linear-gradient(45deg,#007bff,#0056b3);color:#fff}body.dark-mode .App{background-color:var(--background-color-dark);color:var(--text-color-dark)}body.dark-mode .title{color:var(--text-color-dark)}body.dark-mode .subtitle{color:#ccc}body.dark-mode .generate-button{background:var(--button-bg-dark);color:var(--button-text-color-dark);box-shadow:0 0 15px #6a11cbcc,0 0 25px #2575fccc}body.dark-mode .generate-button:hover{box-shadow:0 0 25px #6a11cb,0 0 35px #2575fc}body.dark-mode .number-ball{background:var(--number-bg-dark);color:var(--number-text-color-dark);box-shadow:10px 10px 20px #161616,-10px -10px 20px #464646}body.dark-mode .contact-form-container{background-color:var(--background-color-dark);color:var(--text-color-dark)}body.dark-mode .contact-form input,body.dark-mode .contact-form textarea{background-color:#333;color:#fff;border:1px solid #555}body.dark-mode .contact-form button{background:linear-gradient(45deg,#6a11cb,#2575fc);color:#fff}.theme-toggle{margin-bottom:2rem}.theme-toggle button{padding:.5rem 1rem;font-size:1rem;border-radius:20px;border:none;cursor:pointer;background:linear-gradient(45deg,gold,orange);color:#333;font-weight:700;transition:all .3s ease}.theme-toggle button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0003}.contact-form-container{margin-top:4rem;padding:2rem;border-radius:10px;box-shadow:0 0 20px #0003;width:100%;max-width:500px;text-align:left}.contact-form-container h2{text-align:center;margin-bottom:2rem;font-size:2.5rem}.contact-form label{display:block;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.contact-form input,.contact-form textarea{width:calc(100% - 20px);padding:10px;margin-bottom:1.5rem;border-radius:5px;font-size:1rem}.contact-form textarea{resize:vertical}.contact-form button{display:block;width:100%;padding:1rem;font-size:1.2rem;font-weight:700;border-radius:5px;border:none;cursor:pointer;transition:all .3s ease;margin-top:1rem}.contact-form button:disabled{background:#ccc;cursor:not-allowed}:root{--background-color-light: #f0f0f0;--text-color-light: #333;--button-bg-light: linear-gradient(45deg, #f0f0f0, #e0e0e0);--button-text-color-light: #333;--number-bg-light: linear-gradient(145deg, #e0e0e0, #f0f0f0);--number-text-color-light: #333;--background-color-dark: #1a1a1a;--text-color-dark: #fff;--button-bg-dark: linear-gradient(45deg, #6a11cb 0%, #2575fc 100%);--button-text-color-dark: #fff;--number-bg-dark: linear-gradient(145deg, #3a3a3a, #1a1a1a);--number-text-color-dark: #fff}body.light-mode{background-color:var(--background-color-light);color:var(--text-color-light)}body.dark-mode{background-color:var(--background-color-dark);color:var(--text-color-dark)}