:root{--blue: #0226b5;--blue-deep: #011a80;--white: #ffffff;--dim: rgba(255, 255, 255, .64);--line: rgba(255, 255, 255, .28);--error: #ffd2d2;--font: "Barlow", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--blue);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased}#root{min-height:100%;display:flex;flex-direction:column}.shell{flex:1;display:flex;flex-direction:column;max-width:480px;width:100%;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom))}.brand{font-size:13px;font-weight:700;letter-spacing:.24em;color:var(--dim);text-transform:uppercase}.prompt{margin-top:40px;font-size:clamp(28px,8vw,40px);font-weight:700;line-height:1.08;text-transform:uppercase;letter-spacing:.01em}form{margin-top:36px;display:flex;flex-direction:column;gap:22px}label{display:block;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}input,select,textarea{width:100%;background:transparent;border:none;border-bottom:2px solid var(--line);border-radius:0;color:var(--white);font-family:var(--font);font-size:18px;font-weight:600;padding:10px 0;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-bottom-color:var(--white)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;padding-right:24px}select option{color:#111}textarea{resize:none;min-height:96px;line-height:1.4}.counter{text-align:right;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--dim);margin-top:6px}.counter.over{color:var(--error)}.error{color:var(--error);font-size:14px;font-weight:600;line-height:1.4}button{margin-top:8px;background:var(--white);color:var(--blue);border:none;font-family:var(--font);font-size:15px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:16px;cursor:pointer}button:disabled{opacity:.5;cursor:default}.center{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px}.big{font-size:clamp(26px,7vw,36px);font-weight:700;text-transform:uppercase;line-height:1.1}.sub{color:var(--dim);font-size:16px;line-height:1.5}.footer{margin-top:32px;font-size:11px;letter-spacing:.14em;color:#fff6;text-transform:uppercase}
