:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root[data-theme=cyberpunk]{--background: #0a0a0a;--surface: #1e1f29;--text: #c7c7c7;--highlight: #ffffff;--color-error: #ff3864;--color-warn: #ff9100;--color-info: #00fff7;--color-debug: #2fff24;--accent: #ff007c;--accent-secondary: #fcee09}:root[data-theme=rust]{--background: #0a1212;--text: #D9B08C}@tailwind base;@tailwind components;@tailwind utilities;input,textarea,select{color:#d9b08c}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{-webkit-text-fill-color:#D9B08C!important;box-shadow:0 0 0 1000px #0a121200 inset!important;transition:background-color 5000s ease-in-out 0s!important}input:focus,textarea:focus,select:focus{color:#d9b08c;-webkit-text-fill-color:#D9B08C}.App{text-align:center}input:invalid{box-shadow:none!important}input:invalid::-webkit-validation-bubble-message{display:none!important}input:invalid::-webkit-validation-bubble{display:none!important}input::-webkit-validation-bubble-message{display:none!important}input::-webkit-validation-bubble{display:none!important}input:invalid{-moz-box-shadow:none!important;box-shadow:none!important}.MuiTextField-root input:invalid{box-shadow:none!important}.MuiTextField-root input:invalid::-webkit-validation-bubble-message{display:none!important}.MuiTextField-root input:invalid::-webkit-validation-bubble{display:none!important}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:wheat;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.powered-by{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;border-radius:8px;box-shadow:0 2px 5px #0000001a;z-index:10}@media (max-width: 768px){.powered-by{bottom:10px;padding:6px 10px;font-size:.85rem}}.powered-by-logo{height:20px;width:auto}.powered-by-logo .powered-by-logo{background-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;justify-content:center;align-items:center;height:100%;margin:0;background:#0a1212;min-height:100vh;overflow-x:hidden}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:20px 20px 80px;box-sizing:border-box}@media (min-width: 1200px){.container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:40px 60px;gap:60px}}@media (max-width: 1199px){.container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px 20px 80px}}@media (max-width: 768px){.container{padding:16px 16px 60px;align-items:center;min-height:100vh;justify-content:center;display:flex}.form-container{padding:20px;border-radius:12px;width:100%;max-width:95%}.form-toggle{flex-direction:column;gap:20px;align-items:center;width:100%;justify-content:center}.form-toggle button{max-width:300px;width:100%;min-width:240px;justify-content:center;padding:16px 32px;font-size:16px}}@media (max-width: 480px){.container{padding:16px;align-items:center;min-height:100vh}.form-container{padding:20px;width:100%;max-width:360px}.form-toggle{gap:16px}.form-toggle button{max-width:280px;min-width:220px;padding:14px 28px;font-size:15px;font-weight:600}}.form-container{background:#0a1212;border:1px solid #D9B08C;padding:24px;border-radius:16px;box-shadow:0 8px 32px #00000080,0 0 0 1px #d9b08c4d,inset 0 1px #d9b08c1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;position:relative;overflow:hidden}@media (min-width: 1200px){.form-container{flex:0 0 420px;max-width:420px;min-width:420px;order:1}}@media (max-width: 1199px){.form-container{order:1;margin-bottom:20px}}.form-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:1px;background:linear-gradient(145deg,#d9b08c66,#d9b08c1a);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;z-index:-1}.form-toggle{display:flex;justify-content:center;align-items:center;margin-bottom:32px;gap:12px;width:100%;text-align:center}.form-toggle button{flex:none;width:auto;min-width:140px;max-width:200px;padding:14px 28px;background:#d9b08c;color:#0a1212;border:2px solid #D9B08C;cursor:pointer;font-size:16px;font-weight:600;font-family:inherit;border-radius:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #d9b08c4d,0 0 0 1px #d9b08c,inset 0 1px #fff3;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;justify-content:center;gap:8px}.form-toggle button:hover{background:#d9b08ce6;border-color:#d9b08c;box-shadow:0 6px 20px #d9b08c66,0 0 0 1px #d9b08c,inset 0 1px #ffffff4d;transform:translateY(-1px)}.form-toggle .active{background:#d9b08c;color:#0a1212;border-color:#d9b08c;box-shadow:0 4px 15px #d9b08c4d,0 0 0 1px #d9b08c,inset 0 1px #fff3}.form-toggle .active:hover{background:#d9b08ce6;box-shadow:0 6px 20px #d9b08c66,0 0 0 1px #d9b08c,inset 0 1px #ffffff4d}.form-toggle button:not(.active){background:#d9b08c26;color:#d9b08c;border:2px solid rgba(217,176,140,.5);box-shadow:0 2px 8px #d9b08c33,0 0 0 1px #d9b08c4d,inset 0 1px #ffffff1a}.form-toggle button:not(.active):hover{background:#d9b08c40;border-color:#d9b08ccc;color:#d9b08c;box-shadow:0 4px 12px #d9b08c4d,0 0 0 1px #d9b08c80,inset 0 1px #ffffff26;transform:translateY(-1px)}.form{display:flex;flex-direction:column}.form h2{margin-bottom:20px}.form input{padding:10px;margin-bottom:10px;border-radius:5px}.form button{padding:10px;background-color:#022032f7;color:#fff;border:none;border-radius:5px;cursor:pointer}.form a{color:#007bff;text-decoration:none;margin-bottom:10px;text-align:right}.form p{text-align:center}.login-container{width:100%;margin:0 auto;padding:20px;background-color:#000800a7;border-radius:8px;box-shadow:0 4px 8px #0000001a}form{display:flex;flex-direction:column}form div{margin-bottom:12px}input{padding:10px;font-size:16px;border-radius:5px;border:1px solid #ccc}button{padding:10px;font-size:16px;border:none;border-radius:5px;cursor:pointer}button:disabled{background-color:#ccc}.google-sign-in{margin-top:16px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0003;transition:all .3s ease}.google-sign-in:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.google-sign-in span{margin-right:8px}.google-sign-in .haAclf{background-color:transparent!important;border:1px solid rgba(217,176,140,.3)!important;border-radius:12px!important;transition:all .3s ease!important}.google-sign-in .haAclf:hover{border-color:#d9b08c!important;box-shadow:0 0 0 1px #d9b08c33!important}.haAclf{background-color:transparent!important;border:1px solid rgba(217,176,140,.3)!important;border-radius:12px!important;box-shadow:0 2px 8px #0003!important;transition:all .3s ease!important}.haAclf:hover{border-color:#d9b08c!important;box-shadow:0 4px 12px #0000004d!important}.app-container{position:relative;width:100%;height:100%;overflow:hidden}.particles-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.homepage{position:relative;z-index:2;padding:20px;margin:20px;border-radius:10px}.dialog-paper{background-color:#0a1212!important;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.dialog-title{color:#d9b08c;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:1.5rem;line-height:1.334;letter-spacing:0;margin-bottom:20px;text-align:center}.dialog-content{background-color:#0a1212!important;color:#d9b08c;padding:20px;border-radius:10px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dialog-actions{background-color:#0a1212!important;border-radius:10px;display:flex;justify-content:center;padding:10px;margin:0}.dialog-button{border:1px solid #D9B08C;background-color:transparent;text-transform:none;font-weight:700;padding:8px 16px;border-radius:5px}.dialog-button:hover{background-color:#d9b08c;color:#0a1212}.otp-dialog .MuiDialog-paper{background-color:#0a1212;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:400px;max-width:90%;margin:0 auto;z-index:1300}.otp-dialog-title{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:1.5rem;line-height:1.334;color:#d9b08c;margin-bottom:.35em;text-align:center}.otp-dialog-content{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:1rem}.otp-textfield{background-color:#fff;border-radius:5px}.otp-error{color:red;margin-top:1rem;font-size:.875rem}.otp-dialog-actions{display:flex;justify-content:center;gap:2rem;margin-top:20px}.otp-button{background-color:#022032f7;color:#fff}.otp-button:hover{background-color:#021828}.home-container{display:flex;justify-content:center;align-items:center;min-height:80vh;gap:2rem}.choice-card{background-color:#0a1212;padding:2rem;border-radius:1rem;box-shadow:0 0 20px #00000080;text-align:center}.button-group{display:flex;flex-direction:column;gap:1rem}.choice-button{padding:1rem 2rem;font-size:1rem;font-weight:600;border:2px solid transparent;border-radius:8px;cursor:pointer;background-color:#022032f7;color:#fff;transition:all .3s ease}.choice-button:hover{background-color:#d9b08c;color:#1e1e1e;border-color:#fff3;transform:scale(1.05)}.tagline{margin-top:1.5rem;font-size:1rem;color:#aaa}
