:root{--bg-color: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--input-bg: rgba(248, 250, 252, .7);--input-border: rgba(226, 232, 240, .8);--primary-blue: #2563eb;--primary-blue-hover: #1d4ed8;--error-color: #ef4444;--pastel-red-border: rgba(252, 165, 165, .9);--pastel-red-bg: rgba(254, 242, 242, .85);--success-color: #16a34a}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{background:linear-gradient(#ffffffd9,#ffffffd9),url(/assets/background-DhpxUa0G.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--text-main);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}.card{width:100%;max-width:360px;text-align:center;background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #00000005}h1{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem;background:linear-gradient(to bottom,#334155,#0f172a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:.875rem;color:var(--text-muted);margin-bottom:1.5rem}form{display:flex;flex-direction:column;gap:1.25rem}.code-inputs{display:flex;justify-content:space-between;gap:.5rem}.code-inputs input{width:48px;height:56px;font-size:1.25rem;font-weight:600;text-align:center;background-color:var(--input-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--input-border);border-radius:12px;outline:none;transition:all .2s ease}.code-inputs input:focus{border-color:var(--primary-blue);background-color:#ffffffe6;box-shadow:0 0 0 3px #2563eb26}.code-inputs input.error{border-color:var(--pastel-red-border);background-color:var(--pastel-red-bg);color:var(--error-color)}button{width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:500;color:#fff;background-color:var(--primary-blue);border:none;border-radius:12px;cursor:pointer;transition:background-color .15s ease,transform .1s ease}button:hover{background-color:var(--primary-blue-hover)}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;top:auto;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.875rem 1.25rem;border-radius:14px;border:1px solid rgba(226,232,240,.8);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #00000008;display:flex;align-items:flex-start;gap:.75rem;max-width:320px;z-index:1000;transform:translate(120%);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s ease}.toast-container.show{transform:translate(0);opacity:1}.toast-icon{display:flex;align-items:center;justify-content:center;margin-top:.1rem;color:var(--error-color);flex-shrink:0}.toast-icon svg{width:20px;height:20px}.toast-body{display:flex;flex-direction:column;gap:.125rem}.toast-title{font-size:.875rem;font-weight:600;color:var(--text-main)}.toast-description{font-size:.8125rem;color:var(--text-muted);line-height:1.4}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:1;visibility:visible;transition:opacity .25s ease,visibility .25s ease;z-index:100}.modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-content{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:2.5rem 2rem;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #00000005;transform:scale(1);transition:transform .25s cubic-bezier(.16,1,.3,1)}.modal-overlay.hidden .modal-content{transform:scale(.95)}.modal-content h2{font-size:1.25rem;font-weight:600;margin-top:1rem;margin-bottom:.5rem;color:var(--text-main)}.modal-content p{font-size:.875rem;color:var(--text-muted);line-height:1.5}.checkmark-wrapper{display:flex;justify-content:center;align-items:center}.checkmark-svg{width:56px;height:56px;border-radius:50%;display:block;stroke-width:3;stroke:var(--success-color);stroke-miterlimit:10;animation:scale .3s ease-in-out .9s both}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:var(--success-color);fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}