:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#deeefa;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}}*{margin:0;padding:0;box-sizing:border-box}.riva-form-container{min-height:100vh;padding:2rem 1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.riva-form-wrapper{max-width:800px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.logo-container{text-align:center;padding:3rem .2rem;background:linear-gradient(135deg,#305a9c,#204c91)}.logo{width:100%;max-width:24rem;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));object-fit:contain;transform:scale(3.1)}.logo-placeholder{text-align:center;color:#fff}.logo-placeholder h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.logo-placeholder p{font-size:1rem;margin:0;opacity:.95;font-weight:500}.riva-form{padding:2.2rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#1565c0;font-size:.95rem;text-align:left;margin-left:.5rem}.form-group input,.form-group select{width:100%;padding:.875rem 1rem;border:2px solid #e3f2fd;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff;color:#333}.form-group input:focus,.form-group select:focus{outline:none;border-color:#64b5f6;box-shadow:0 0 0 3px #64b5f61a}.form-group input::placeholder{color:#b0bec5}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231565c0' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-group input.error,.form-group select.error{border-color:#f44336}.error-text{display:block;color:#f44336;font-size:.85rem;margin-top:.25rem;font-weight:500}.loading-text{display:block;color:#64b5f6;font-size:.85rem;margin-top:.25rem;font-style:italic}.submit-button{width:100%;padding:1.125rem;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;border:none;border-radius:10px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 15px #1976d24d}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1976d266}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.riva-footer{text-align:center;padding:2rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-top:3px solid #64b5f6}.riva-footer p{color:#1565c0;font-weight:600;font-size:1rem;letter-spacing:.5px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;padding:3rem 2.5rem;border-radius:20px;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-icon{width:80px;height:80px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1.5rem;box-shadow:0 4px 15px #4caf504d}.modal-content h2{color:#1565c0;margin-bottom:1rem;font-size:1.75rem}.modal-content p{color:#546e7a;line-height:1.6;margin-bottom:2rem;font-size:1.05rem}.modal-content strong{color:#1565c0;font-weight:600}.modal-button{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;border:none;padding:.875rem 2.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1976d24d}.modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1976d266}.modal-button:active{transform:translateY(0)}@media(max-width:768px){.riva-form{padding:1.5rem}.logo-container{padding:2rem 1rem 1.5rem}.logo{max-width:100px}.modal-content{padding:2rem 1.5rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
