.demo-form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:600px;margin:0 auto;background-color:var(--theme-1);border-radius:var(--br-lg);padding:25px 30px;box-shadow:var(--shadow);box-sizing:border-box;max-height:100%;overflow-y:auto}.form-message{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--br-lg);font-size:.875rem;font-weight:var(--average-font);line-height:1.4;animation:slide-in var(--transition-normal)}.form-message--error{background-color:#dc26261a;color:var(--red);border:2px solid var(--red)}.form-message--success{background-color:#16a34a1a;color:var(--green);border:2px solid var(--green)}.form-message svg{flex-shrink:0}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.demo-form{gap:10px;padding:20px}.form-message{padding:10px;font-size:.8rem;gap:8px}}@media (prefers-reduced-motion: reduce){.form-message{animation:none}}.textbox{position:relative;width:100%;margin-bottom:0}.textbox--area{min-height:80px}.textbox__label{position:absolute;left:12px;top:12px;color:var(--theme-b);font-size:.9rem;font-weight:var(--average-font);pointer-events:none;transition:all var(--transition-normal);z-index:1;background:transparent;padding:0 4px}.textbox__label--floating{top:-8px;left:12px;font-size:var(--small-font);color:var(--logo);background:var(--theme-1)}.textbox--focused .textbox__label{color:var(--logo)}.textbox__label--required:after{content:" *";color:var(--red)}.textbox__field{position:relative;display:flex;align-items:center}.textbox__input{width:100%;background-color:var(--theme-2);border:2px solid transparent;border-radius:var(--br-lg);padding:12px;font-size:.9rem;font-weight:var(--average-font);font-family:system-ui,sans-serif;color:var(--theme-a);outline:none;box-shadow:var(--shadow);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-fast)}.textbox__input:hover:not(:disabled){border-color:transparent}.textbox__input:focus{border-color:transparent;box-shadow:var(--shadow),var(--glow-sm);background-color:var(--theme-1)}.textbox__input::placeholder{color:var(--theme-b);font-weight:var(--average-font);opacity:1}.textbox__input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--theme-2)}textarea.textbox__input{resize:vertical;min-height:70px;line-height:1.5}.textbox--area textarea.textbox__input{resize:none}.textbox__input--with-icon{padding-left:48px}.textbox__input--with-clear{padding-right:48px}.textbox--error .textbox__input{border-color:var(--red);background-color:var(--theme-2)}.textbox--error .textbox__input:focus{border-color:var(--red);box-shadow:var(--shadow),0 0 0 3px #dc26261a}.textbox--error .textbox__label{color:var(--red)}.textbox--success .textbox__input{border-color:var(--green);background-color:var(--theme-2)}.textbox--success .textbox__input:focus{border-color:var(--green);box-shadow:var(--shadow),0 0 0 3px #16a34a1a}.textbox--success .textbox__label{color:var(--green)}.textbox--warning .textbox__input{border-color:var(--amber);background-color:var(--theme-2)}.textbox--warning .textbox__input:focus{border-color:var(--amber);box-shadow:var(--shadow),0 0 0 3px #b453091a}.textbox--warning .textbox__label{color:var(--amber)}.textbox__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--theme-b);pointer-events:none;z-index:1}.textbox__icon img{width:20px;height:20px;object-fit:contain;opacity:.7}.textbox--focused .textbox__icon{color:var(--logo)}.textbox--focused .textbox__icon img{opacity:1}.textbox__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--br-sm);color:var(--theme-b);cursor:pointer;transition:all var(--transition-fast);z-index:2}.textbox__clear:hover{color:var(--theme-a);background-color:var(--theme-2)}.textbox__clear:active{transform:translateY(-50%) scale(.9)}.textbox__clear:focus-visible{outline:2px solid var(--logo);outline-offset:2px}.textbox__clear svg{width:16px;height:16px}.textbox__state-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:none;z-index:1}.textbox--error .textbox__state-icon{color:var(--red)}.textbox--success .textbox__state-icon{color:var(--green)}.textbox--warning .textbox__state-icon{color:var(--amber)}.textbox__state-icon svg{width:100%;height:100%}.textbox__input--with-clear~.textbox__state-icon{right:48px}.textbox__footer{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-top:4px;font-size:var(--small-font)}.textbox__message{flex:1;display:flex;align-items:center;gap:4px;line-height:1.5}.textbox__message--error{color:var(--red);padding-left:10px}.textbox__message--success{color:var(--green);padding-left:10px}.textbox__message--warning{color:var(--amber);padding-left:10px}.textbox__message--default{color:var(--theme-a);padding-left:10px}.textbox__char-count{flex-shrink:0;color:var(--theme-a);font-size:.75rem;font-weight:var(--average-font);padding-top:4px;padding-left:10px}@media (max-width: 768px){.textbox__input{padding:12px;font-size:var(--small-font)}.textbox__label{font-size:var(--small-font)}.textbox__label--floating{font-size:.75rem}.textbox__input--with-icon{padding-left:40px}.textbox__input--with-clear{padding-right:40px}.textbox__icon{left:12px}.textbox__icon img{width:18px;height:18px}.textbox__clear,.textbox__state-icon{right:12px}}@media (prefers-reduced-motion: reduce){.textbox__input,.textbox__label,.textbox__clear{transition:none}}@media (prefers-contrast: high){.textbox__input{border-width:3px}.textbox__input:focus{outline:3px solid var(--logo);outline-offset:2px}}html{background:#2f3d49;background-attachment:fixed;overflow:hidden}body{overflow:hidden}main[data-astro-cid-prwxh6m4]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:650px;margin:-50px auto 0;padding:15px;height:calc(100vh - 70px);overflow:visible}main[data-astro-cid-prwxh6m4]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30vw;height:30vw;background:radial-gradient(circle,var(--logo) 0%,transparent 70%);opacity:.5;z-index:-1}.texture[data-astro-cid-prwxh6m4]{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.05;z-index:-1;pointer-events:none}