:root{font-family:Inter,Kanit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#2d3748;background:#f7fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #4299e1;--primary-hover: #3182ce;--text-primary: #2d3748;--text-secondary: #4a5568;--text-muted: #a0aec0;--surface: #ffffff;--surface-secondary: #f8fafc;--border: #e2e8f0;--shadow-sm: 0 4px 10px rgba(0, 0, 0, .04);--shadow-md: 0 10px 25px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .1)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}*{box-sizing:border-box}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden}h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin:0;letter-spacing:-.02em}h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}p{margin:0 0 1rem;color:var(--text-secondary)}button{border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;outline:none}button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}input{border:2px solid var(--border);border-radius:12px;padding:1rem 1.25rem;font-size:1rem;font-family:inherit;background:var(--surface);transition:all .2s ease;outline:none}input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4299e11a}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--text-primary: #000000;--text-secondary: #333333;--border: #000000}}#root{height:100vh;width:100vw;margin:0;padding:0;display:flex;justify-content:center;align-items:center;background:#f7fafc}.main{margin-inline:auto;border-radius:24px;background:#fff;margin:2rem;padding:3rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:3rem;box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000f;border:1px solid #e2e8f0;max-width:1000px;min-height:500px}.name-and-logo{text-align:center;flex:1 0 300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.card{padding:2.5rem;width:400px;border-radius:20px;background:#f8fafc;flex:1 0 300px;box-shadow:0 10px 25px #00000014,0 4px 10px #0000000a;border:1px solid #e2e8f0}.logo{height:10em;padding:1rem;will-change:filter;transition:all .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.logo:hover{filter:drop-shadow(0 8px 16px rgba(50,168,172,.3));transform:translateY(-2px)}.company-title{color:#2d3748;margin:1rem 0;font-weight:800;letter-spacing:-.02em}@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 p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.card p:first-of-type{font-size:1.2rem;font-weight:600;color:#2d3748}.email-form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.email-input{padding:1rem 1.25rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-family:inherit;background:#fff;transition:all .2s ease;outline:none}.email-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.email-input::placeholder{color:#a0aec0}.submit-button{padding:1rem 2rem;background:#4299e1;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.submit-button:hover{background:#3182ce;transform:translateY(-2px);box-shadow:0 8px 20px #4299e14d}.submit-button:active{transform:translateY(0)}@media (max-width: 768px){.main{margin:1rem;padding:2rem;gap:2rem;min-height:auto;flex-direction:column}.card{padding:2rem}.logo{height:8em}}