html{box-sizing:border-box;scroll-behavior:smooth}*,*:after,*:before{box-sizing:inherit}ul,ol{padding:0}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,cite,figcaption,blockquote,dl,dd{margin:0;padding:0}li,ul{list-style:none}img{max-width:100%;display:block;object-fit:cover}input,button,textarea,select{font:inherit;outline:transparent;line-height:inherit}body{min-height:100dvh}a{text-decoration:none;color:inherit;outline:transparent}button{padding:0;background-color:transparent;border:none;color:inherit;cursor:pointer}address,cite{font-style:normal}textarea,input{border:none;resize:none}svg{flex-shrink:0}:root{--color-default: #292e46;--color-primary: #fe5a1d;--color-accent: #1973e8;--color-background: #eaf2ff;--color-surface: #ffffff;--color-border: #536d7a;--color-muted: #dbdbdb;--color-error: #eb5757;--color-success: #27ae60;--color-warning: #f2c94c;--color-info: #56ccf2;--gradient-accent: linear-gradient(145deg, #292e46, #fe5a1d);--gradient-accent-light: linear-gradient(145deg, rgba(41, 46, 70, .1), rgba(254, 90, 29, .1));--gradient-background: radial-gradient(ellipse at center, #304879 0%, #2b252b 100%);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.xxx{background:var(--gradient-accent);border:1px solid var(--color-border);color:var(--color-primary)}html{color-scheme:light dark}html[data-teme=light]{color-scheme:light}html[data-teme=dark]{color-scheme:dark}html,body{height:100dvh}body{position:relative;font-family:Rubik,sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:1.3;word-wrap:break-word;color:var(--color-default);background:var(--color-background)}body.lock,body.popup-open{overflow:hidden}.main{width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;flex-grow:1}.wrapper{height:100dvh;display:flex;flex-direction:column}.container{position:relative;max-width:600px;margin:10px auto;padding:0 15px}.sr-only,.only{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.title{position:relative;font-size:32px;text-align:center;margin:15px 0;background-image:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.language__list{width:100%;display:flex;justify-content:flex-end;gap:5px}.language__link{width:44px;height:44px;display:flex;justify-content:center;align-items:center;color:var(--color-border);text-align:end;margin-left:auto}.button{width:max-content;font-size:18px;font-weight:500;color:var(--color-background);display:inline-flex;justify-content:center;align-items:center;border-radius:50px;padding:13px 37px;background:var(--color-accent);margin:20px 5px;transition:box-shadow .5s,background-color .5s,color .5s ease-in-out}.button:hover{color:var(--color-accent);background-color:var(--color-background);box-shadow:0 0 0 2px var(--color-accent)}.button:focus{color:var(--color-background);background-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-border)}.button:active{color:var(--color-accent);background-color:var(--color-background)}.button__icon{display:inline-flex;stroke:currentColor;fill:currentColor;margin-right:7px;transition:stroke .5s ease-in-out}.button-premium{width:max-content;font-size:18px;font-weight:500;color:var(--color-background);display:inline-flex;justify-content:center;align-items:center;border-radius:50px;padding:13px 37px;background-color:var(--color-primary);margin:20px 5px;transition:box-shadow .5s,background-color .5s,color .5s ease-in-out}.button-premium:hover{color:var(--color-primary);background-color:var(--color-background);box-shadow:0 0 0 2px var(--color-primary)}.button-premium:focus{color:var(--color-background);background-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-border)}.button-premium:active{color:var(--color-primary);background-color:var(--color-background)}.button-premium__icon{display:inline-flex;stroke:currentColor;fill:currentColor;margin-right:7px;transition:stroke .5s ease-in-out}.btn{font-size:14px;font-weight:300;color:var(--color-background);display:inline-flex;justify-content:center;align-items:center;border-radius:50px;padding:5px 10px;background-color:var(--color-border);margin:20px 5px;transition:box-shadow .5s,background-color .5s,color .5s ease-in-out}.btn:hover{color:var(--color-border);background-color:var(--color-background);box-shadow:0 0 0 2px var(--color-border)}.btn:focus{color:var(--color-background);background-color:var(--color-default);box-shadow:0 0 0 2px var(--color-default)}.btn:active{color:var(--color-default);background-color:var(--color-background)}.btn__icon{display:inline-flex;stroke:currentColor;fill:currentColor;margin-right:7px;transition:stroke .5s ease-in-out}.btn--random{font-size:16px;font-weight:500;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px #667eea4d;transition:all .3s ease}.btn--random:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn--random:focus{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 0 3px #667eea80}.btn--random:active{transform:translateY(0);box-shadow:0 2px 10px #667eea4d}.btn--contrast{font-size:16px;font-weight:500;padding:12px 24px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;box-shadow:0 4px 15px #ff6b6b4d;transition:all .3s ease}.btn--contrast:hover{background:linear-gradient(135deg,#ee5a24,#ff6b6b);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.btn--contrast:focus{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 0 0 3px #ff6b6b80}.btn--contrast:active{transform:translateY(0);box-shadow:0 2px 10px #ff6b6b4d}.form{display:inline-flex;flex-direction:column;gap:15px}.form__grid{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;align-items:center;gap:10px}.form__label{position:relative}.form__input{width:100%;display:block;font-size:16px;color:var(--color-border);border-radius:8px;border:1px solid var(--color-border);background-color:var(--color-surface);padding:12px 15px;transition:box-shadow .5s ease-in-out}.form__input:focus{box-shadow:0 0 0 2px var(--color-accent)}.form__input::placeholder{color:var(--color-border);transition:color .5s ease-in-out}.form__input:hover::placeholder{color:var(--color-default)}.form__input--text{display:inline-flex;align-items:flex-end}.form__input--icon{display:inline-flex;stroke:currentColor;fill:currentColor;margin-right:7px;transition:stroke .5s ease-in-out}.form__input--color{width:90px;padding:0}.form__inner-color{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:space-between;justify-items:center;gap:10px}.form__inner-button{display:flex;justify-content:center;margin:10px 0}.card{width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid rgba(120,120,140,.13);border-radius:18px;box-shadow:0 4px 32px #1e293b1a,0 1.5px 6px #1e293b14;background:#ffffff40;padding:2rem 1.5rem 1.5rem;margin-left:auto;margin-right:auto;margin-bottom:1.5rem}.card__title{display:flex;align-items:center;gap:.5em;font-size:1.18rem;font-weight:600;color:var(--color-default);letter-spacing:.01em;margin-bottom:1.2rem}.card__icon{font-size:1.25em;opacity:.85}.card__text{display:flex;align-items:center;gap:.4em;font-weight:500;margin-bottom:.2em}.card__field{margin-bottom:1.1rem}.card__hint{display:block;font-size:.92em;color:var(--color-border);margin-top:.18em;margin-left:.1em}.card__inner-button{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;margin-bottom:2px}.card__button{border:1.5px solid var(--color-muted);font-size:1rem;border-radius:8px;box-shadow:0 1px 4px #1e293b12;padding:6px 10px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;outline:none}.card__button:hover,.card__button:focus-visible{border-color:var(--color-border);z-index:1}.card__button.card__button--active{font-weight:600;color:var(--color-surface);border-color:var(--color-accent);background:var(--color-accent);box-shadow:0 2px 8px #2563eb14;z-index:2}.socials{text-align:center;margin:15px 0}.socials__list{width:288px;height:100%;display:inline-flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}.socials__icon{stroke:transparent;fill:currentColor;transition:stroke .5s ease-in-out}.socials__link{width:44px;height:44px;display:flex;justify-content:center;align-items:center;color:var(--color-border);outline:none;border:none;transition:box-shadow .5s ease-in-out}.socials__link:hover{box-shadow:inset 2px 2px 5px var(--color-border),inset -3px -3px 7px var(--color-surface)}.linkpay__link{width:max-content;display:flex;justify-content:center;align-items:center;align-content:center;font-size:16px;text-transform:uppercase;color:var(--color-default);text-decoration:underline;text-decoration-color:var(--color-muted);border-radius:30px;border:solid 3px rgb(255,255,255);padding:5px 5px 0;margin:10px auto;box-shadow:inset 10px 10px 20px #7777774d,inset -10px -10px 20px #fffc,15px 15px 20px 5px #7777774d,-15px -15px 20px 5px #fffc}.monkey{stroke:currentColor;stroke-width:2px;stroke-dashoffset:-4000;stroke-dasharray:4000;animation-name:monkey;animation-duration:3s;animation-iteration-count:infinite;animation-direction:alternate}@keyframes monkey{0%{stroke-dashoffset:-4000;stroke:currentColor}30%{stroke:var(--color-primary)}50%{stroke:currentColor}70%{stroke:var(--color-primary)}to{stroke-dashoffset:0;stroke:currentColor}}.footer{text-align:center}.footer__link{display:flex;justify-content:center;align-items:center;gap:3px;font-size:12px;line-height:1;color:var(--color-default);text-decoration:underline;text-decoration-color:var(--color-muted);padding:10px 0}.footer__icon{display:inline-flex;stroke:currentColor;stroke-width:1.2px;fill:none}.preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.preview-modal.preview-modal--active{display:flex;align-items:center;justify-content:center;opacity:1}.preview-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#1e293b40;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}.preview-modal__wrapper{position:relative;max-width:480px;width:90%;max-height:85vh;border-radius:24px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #ffffff1a;overflow:hidden;transform:scale(.9) translateY(30px);transition:transform .4s cubic-bezier(.4,0,.2,1)}.preview-modal--active .preview-modal__wrapper{transform:scale(1) translateY(0)}.preview-modal__header{display:flex;align-items:center;justify-content:space-between;background-color:#1e293bd9;padding:24px 28px 20px;border-bottom:1px solid rgba(0,0,0,.08)}.preview-modal__title{font-size:20px;font-weight:600;color:var(--color-surface);margin:0;letter-spacing:-.02em}.preview-modal__close{color:var(--color-muted);border-radius:12px;border:none;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.preview-modal__close:hover{color:var(--color-border);transform:scale(1.05)}.preview-modal__close:active{transform:scale(.95)}.preview-modal__icon{display:inline-flex;stroke:currentColor;stroke-width:2;fill:none}.preview-modal__inner{border-radius:0 0 24px 24px;box-shadow:0 8px 32px #1e293b2e;background:#1e293b;padding:28px 28px 20px}.preview-modal__image{border-radius:12px;box-shadow:0 8px 32px #0000001a}.preview-modal__text-below{width:100%;min-height:40px;display:flex;justify-content:center;align-items:center;color:var(--color-surface);font-size:16px;font-weight:600;line-height:1.4;text-align:center;word-break:break-word;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#ffffff1a;padding:12px 16px;margin-bottom:24px;transition:all .2s ease}.preview-modal__text-below:empty{display:none}.preview-modal__box-button{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;gap:10px;width:100%;margin-top:28px}.preview-modal__button{flex:1 1 0;min-width:0;max-width:90px;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;border-radius:16px;font-size:15px;font-weight:700;font-family:SF Pro Display,Inter,Arial,sans-serif;color:var(--color-muted);box-shadow:0 4px 18px #1e293b21;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1.5px solid rgba(255,255,255,.18);outline:none;-webkit-user-select:none;user-select:none;padding:10px 0 6px;transition:background .18s,box-shadow .18s,transform .14s,color .14s}.preview-modal__button:hover,.preview-modal__button:focus{background:#ffffff52;box-shadow:0 8px 32px #3b82f621;transform:translateY(-2px) scale(1.06)}.preview-modal__button:active{background:#ffffff38;box-shadow:0 2px 8px #1e293b1a;transform:scale(.97)}.preview-modal__button--share{background:linear-gradient(90deg,#3b82f6,#2563eb);border:1.5px solid rgba(255,255,255,.22);box-shadow:0 4px 18px #3b82f62e}.preview-modal__button--share:hover,.preview-modal__button--share:focus{background:linear-gradient(90deg,#2563eb,#3b82f6);box-shadow:0 8px 32px #3b82f638}.preview-modal__button--share:active{background:linear-gradient(90deg,#2563eb,#3b82f6);box-shadow:0 2px 8px #3b82f624;transform:scale(.97)}.preview-modal__button--download{background:linear-gradient(90deg,#22c55e,#16a34a);border:1.5px solid rgba(255,255,255,.22);box-shadow:0 4px 18px #22c55e2e}.preview-modal__button--download:hover,.preview-modal__button--download:focus{background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 8px 32px #22c55e38}.preview-modal__button--download:active{background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 2px 8px #22c55e1a;transform:scale(.97)}.sheet{position:fixed;inset:0;display:none;z-index:1000}.sheet.active{display:block}.sheet__backdrop{position:absolute;inset:0;background:#ffffff1a;transition:background .3s;pointer-events:auto;z-index:200}.sheet__wrapper{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;background:var(--gradient-accent);backdrop-filter:blur(50px) saturate(1.2);-webkit-backdrop-filter:blur(50px) saturate(1.2);border-top-left-radius:28px;border-top-right-radius:28px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #ffffff1a;margin:0 auto;will-change:transform;outline:none;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:201}.sheet.active .sheet__wrapper{transform:translateY(0)}.sheet__indicator{width:44px;height:5px;border-radius:3px;background:var(--color-surface);margin:12px auto 8px}.sheet__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:0 20px 24px}.sheet__label{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--color-surface);margin-bottom:8px;margin-top:8px}.sheet__grid{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;justify-items:center;align-items:center;gap:12px}.sheet__button{width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--color-default);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:18px;border:2px solid transparent;box-shadow:0 4px 24px #1e293b1a;background-color:#ffffff1f;margin-bottom:4px;transition:all .22s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.sheet__button:hover,.sheet__button:focus{background:var(--color-muted);outline:none}.sheet__button--icon{display:inline-flex;stroke:none;fill:var(--color-surface);transition:stroke .5s ease-in-out}.fab{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:var(--color-surface);border:none;border-radius:50%;box-shadow:none;background:var(--gradient-accent);transition:all .4s cubic-bezier(.4,0,.2,1)}.fab:hover{transform:translateY(-3px) scale(1.05)}.fab:active{transform:translateY(0) scale(.95)}.fab:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d,0 8px 32px #00000026,0 0 0 1px #ffffff1a}.fab__wrapper{position:fixed;bottom:24px;right:24px;z-index:999}.fab__icon{display:inline-flex;stroke:currentColor;fill:currentColor;transition:stroke .5s ease-in-out}.qrcode{width:300px;height:300px;border:.5px solid var(--color-muted)}.qrcode__wrapper{width:300px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-evenly;text-align:center;margin:20px}.qrcode__text{max-width:95%;display:block;text-align:justify;font-size:1.13em;font-weight:600;letter-spacing:.02em;line-height:1.25;word-break:break-word;margin-top:.9em;margin-left:auto;margin-right:auto;background:none;border:none;padding:0}
