.ModalContainer{z-index:12345678;position:fixed;top:0;left:0;width:100%;height:100vh;display:grid;place-items:center}.ModalContainer .ModalOverlay{position:absolute;z-index:123456;width:100%;height:100%;background-color:var(--color-overlay)}.ModalContainer .ModalContent{z-index:1234567;width:80%;height:auto;min-height:30%;max-width:600px;padding:2rem;background-color:var(--color-glass-bg);border-radius:1rem;border:1px solid var(--color-glass-border);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}[data-theme=light] .ModalContainer .ModalContent{background-color:hsla(0,0%,100%,.75);border-color:var(--color-border-light);box-shadow:var(--color-shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media screen and (min-width:769px){.ModalContainer .ModalContent{padding:3rem 4rem}}.ModalContainer .ModalContent h1{margin-bottom:.5rem;text-align:center}[data-theme=light] .ModalContainer .ModalContent h1{color:var(--color-text-main)}@media screen and (min-width:769px){.ModalContainer .ModalContent h1{margin-bottom:1rem}}.ModalContainer .ModalContent p.subtitle{margin-bottom:2rem;text-align:center;color:var(--color-text-secondary);font-size:1.2rem}[data-theme=light] .ModalContainer .ModalContent p.subtitle{color:var(--color-text-secondary)}@media screen and (min-width:769px){.ModalContainer .ModalContent p.subtitle{max-width:70%;margin:0 auto 2rem;font-size:14px}}.ModalContainer .ModalContent textarea{width:100%;height:300px;padding:1rem;margin:0;border-radius:1rem;background-color:var(--color-glass-bg);border:none;outline:1px solid var(--color-glass-border);resize:none;font-size:1.2rem;color:var(--color-text-main);font-family:inherit}[data-theme=light] .ModalContainer .ModalContent textarea{background-color:#f5f5f5;border:1px solid #ddd;color:var(--color-text-main)}@media screen and (min-width:769px){.ModalContainer .ModalContent textarea{font-size:14px}}.ModalContainer .ModalContent textarea::placeholder{color:var(--color-text-muted);opacity:.7}.ModalContainer .ModalContent .field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.ModalContainer .ModalContent .field label{font-size:1rem;color:#dbd7d1}[data-theme=light] .ModalContainer .ModalContent .field label{color:var(--color-text-secondary);font-weight:500}@media screen and (min-width:769px){.ModalContainer .ModalContent .field label{font-size:14px}}.ModalContainer .ModalContent .field input{width:100%;padding:.5rem;margin:0;border-radius:1rem;background-color:var(--color-glass-bg);border:none;outline:1px solid var(--color-glass-border);font-size:1.2rem;color:var(--color-text-main)}[data-theme=light] .ModalContainer .ModalContent .field input{background-color:#f5f5f5;border:1px solid #ddd;color:#333;outline:none}[data-theme=light] .ModalContainer .ModalContent .field input:focus{border-color:var(--color-primary);background-color:#fff}@media screen and (min-width:769px){.ModalContainer .ModalContent .field input{font-size:16px}}.ModalContainer .ModalContent .field .error{display:block;color:#fe0606;font-size:10px}@media screen and (min-width:769px){.ModalContainer .ModalContent .field .error{font-size:12px}}.ModalContainer .ModalContent .row{display:flex;gap:1rem}.ModalContainer .ModalContent .row>*{flex-grow:1;width:50%}.ModalContainer .ModalContent button{width:100%;padding:1rem;margin-top:1rem;background-color:var(--color-glass-bg);border-radius:1rem;border:1px solid var(--color-glass-border);font-weight:700;font-size:1.6rem;color:var(--color-text-main);opacity:.2;pointer-events:none;transition:all .3s;cursor:pointer}[data-theme=light] .ModalContainer .ModalContent button{background-color:#ddd;color:#aaa;border:none}@media screen and (min-width:769px){.ModalContainer .ModalContent button{margin-top:2rem;font-size:1.8rem;padding:1.4rem;border-radius:1rem}}.ModalContainer .ModalContent button.complete{opacity:1;pointer-events:all;transition:all .3s}[data-theme=light] .ModalContainer .ModalContent button.complete{background-color:var(--color-text-main);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2)}.ModalContainer .ModalContent button:hover{opacity:.5;transition:opacity .2s}[data-theme=light] .ModalContainer .ModalContent button:hover{opacity:.8;transform:translateY(-1px)}.ModalContainer .ModalContent .terms{display:flex;justify-content:center;margin:1rem 0 0;color:#dbd7d1;font-size:10px;text-align:center}[data-theme=light] .ModalContainer .ModalContent .terms{color:var(--color-text-muted)}