*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center}#app{width:100%;height:100vh}.container{width:100%;height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center}.content{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem}.logo{max-width:400px;width:100%;height:auto;object-fit:contain}h1{font-size:2.5rem;font-weight:600;color:#333;text-align:center;margin:0}.dni-input{width:300px;padding:1rem 1.5rem;font-size:1.5rem;border:2px solid #cccccc;border-radius:8px;text-align:center;transition:border-color .3s ease;outline:none}.dni-input:focus{border-color:#134873}.dni-input::placeholder{color:#aaa}.submit-btn{width:300px;padding:1rem 2rem;font-size:1.2rem;font-weight:600;color:#fff;background-color:#134873;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.submit-btn:hover{background-color:#357abd}.submit-btn:active{transform:scale(.98)}.toast-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:400px;opacity:0;transform:translate(400px);transition:all .3s ease}.toast-show{opacity:1;transform:translate(0)}.toast-success{border-color:#4caf50;background-color:#fff;color:#4caf50}.toast-error{border-color:#f44336;background-color:#fff;color:#f44336}.toast-icon{font-size:1.5rem;font-weight:700;flex-shrink:0}.toast-message{flex:1;font-size:.95rem;line-height:1.4}.welcome-message{font-size:3rem;font-weight:700;color:#134873;text-align:center;animation:fadeInScale .5s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.logo{max-width:280px}h1{font-size:1.8rem}.welcome-message{font-size:2.2rem}.dni-input{width:250px;font-size:1.2rem}.submit-btn{width:250px;font-size:1rem}}@media(max-width:480px){.content{gap:1.5rem;padding:1rem}.logo{max-width:220px}h1{font-size:1.5rem}.welcome-message{font-size:1.8rem}.dni-input{width:200px;font-size:1rem;padding:.8rem 1rem}.submit-btn{width:200px;font-size:.9rem;padding:.8rem 1rem}.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:100%}}