*{margin:0;padding:0;font-size:14px;box-sizing:border-box;outline:none}:root{--body: #f7f7f7;--text-color: #000;--text-reverse: #fff;--primary-color: #1672f9;--primary-fade: #cfe2ff;--card: #fff}body{background:var(--body)}[dir=ltr]{--gradient-direction: left}[dir=ltr] *{font-family:roboto,vazirmatn}[dir=ltr] .download-style-menu{right:0}[dir=rtl]{--gradient-direction: right}[dir=rtl] *{font-family:vazirmatn,roboto}[dir=rtl] .download-style-menu{left:0}a{color:var(--text-color);text-decoration:none}xoshnus{position:relative;display:flex;flex-direction:column;min-height:100vh}navigation{position:sticky;display:flex;align-items:center;justify-content:space-between;gap:15px;top:0;width:100%;padding:10px;background:var(--card);box-shadow:0 0 10px #0000000d;z-index:10}icon{position:relative;display:block;width:16px;height:16px}icon svg{display:block;width:100%;height:100%;object-fit:contain}header{position:relative;display:flex;gap:15px;height:40px;margin-bottom:10px}header .search{position:relative;display:block;width:100%;height:100%}header .search input{position:relative;width:100%;height:100%;padding:10px 50px;border:1px solid var(--card);border-radius:25px;overflow:hidden}header .search input:focus{border-color:var(--primary-color)}header .search icon{position:absolute;width:16px;height:16px;margin:auto 0;inset:0 18px;opacity:.25;pointer-events:none}nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;height:34px;margin-bottom:10px}nav p{opacity:.5}xoshnus-font{position:relative;display:flex;flex-direction:column;width:100%;aspect-ratio:44/28;border-radius:20px;-webkit-user-select:none;user-select:none;background:var(--card);box-shadow:0 0 15px #0000;transition:all .3s;overflow:hidden;cursor:pointer}xoshnus-font:hover{box-shadow:0 0 15px #0000001a}xoshnus-color{position:relative;display:flex;flex-direction:column;gap:10px;width:100%;height:130px;padding:15px;border-radius:20px;-webkit-user-select:none;user-select:none;background:var(--card);box-shadow:0 0 15px #0000;transition:all .3s;overflow:hidden;cursor:pointer}xoshnus-color:hover{box-shadow:0 0 15px #0000001a}contact-us{margin:auto;padding:25px 0}contact-us .form .form-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;padding:16px 18px 16px 24px;color:#b42704;border-radius:18px;background:var(--card);position:relative}contact-us .form .form-banner:before{content:"";position:absolute;top:12px;bottom:12px;left:10px;width:4px;border-radius:999px;background:currentColor}contact-us .form .form-banner.success{color:#1f8a52;border-color:#b8e1c9}contact-us .form .form-banner.error{color:#c23e3e;border-color:#efc5c5}contact-us .form .form-banner .banner-copy strong{display:block;font-size:15px;line-height:1.25}contact-us .form .form-banner .banner-copy p{margin-top:4px;color:#5f6777;line-height:1.45}contact-us .form .form-banner .banner-close{width:32px;height:32px;flex-shrink:0;color:#6f7685;border:1px solid #edf0f5;border-radius:999px;background:#f7f8fb;font-size:125%;line-height:1;cursor:pointer;transition:all .3s}contact-us .form .form-banner .banner-close:hover{color:var(--text-color);border-color:#d8dde8;background:#eef2f8}contact-us .form .actions button{width:50%;height:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-reverse);border:transparent;border-radius:25px;background:var(--primary-color);cursor:pointer}contact-us .form .actions button:focus{outline:3px solid var(--primary-fade)}contact-us .form .actions button:disabled{opacity:.7;cursor:wait}contact-us .form .actions button .button-content{display:inline-flex;align-items:center;justify-content:center;gap:10px}contact-us .form .actions button .button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:999px;animation:contact-submit-spin .8s linear infinite}@keyframes contact-submit-spin{to{rotate:360deg}}@media(max-width:500px){contact-us .form .actions button{width:100%}}contact-us .form .actions{display:flex;align-items:end;width:100%}.loading{position:absolute;display:flex;align-items:center;justify-content:center;flex:1;inset:0 -20px;padding:clamp(24px,5vw,56px);background:linear-gradient(180deg,#f7f7f7b8,#f7f7f7e0),radial-gradient(circle at 16% 18%,rgba(22,114,249,.18) 0%,transparent 30%),radial-gradient(circle at 84% 72%,rgba(125,177,255,.2) 0%,transparent 28%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:9;overflow:hidden;isolation:isolate;cursor:progress}.loading .loader{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:26px;width:min(100%,480px);padding:clamp(24px,3vw,34px);border:1px solid rgba(255,255,255,.72);border-radius:34px;background:linear-gradient(160deg,#fffffff5,#f1f6ffe6),linear-gradient(180deg,#ffffff1f,#fff0);box-shadow:0 32px 80px #0f172a29,inset 0 1px #ffffffd1;overflow:hidden;z-index:1}.loading .loader:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);pointer-events:none}.loading .loader:after{content:"";position:absolute;right:-48px;bottom:-56px;width:190px;height:190px;border-radius:100%;background:radial-gradient(circle,rgba(22,114,249,.14) 0%,transparent 68%);pointer-events:none}.loading .loader .spinner{position:relative;display:block;width:96px;height:96px;flex-shrink:0;border-radius:32px;background:linear-gradient(145deg,#fffffffa,#e6f0fff0);box-shadow:0 24px 46px #1672f92e,inset 0 1px #ffffffe0,inset 0 -10px 24px #7db1ff29}.loading .loader .spinner:before,.loading .loader .spinner:after{content:"";position:absolute;border-radius:inherit}.loading .loader .spinner:before{inset:12px;border-radius:24px;background:conic-gradient(from 210deg,#1672f90f,#1672f92e 55deg,#1672f9f5 150deg,#91bffff5,#1672f914 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 0);animation:loader-spin 1s linear infinite}@keyframes loader-spin{to{rotate:360deg}}.loading .loader .spinner:after{inset:26px;border-radius:18px;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.94) 0%,rgba(255,255,255,.12) 38%,transparent 40%),linear-gradient(180deg,#bfdbfe,#60a5fa 48%,#1672f9);box-shadow:0 14px 28px #1672f93d,inset 0 1px #ffffff85;animation:loader-bob 1.9s ease-in-out infinite}@keyframes loader-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.03)}}.loading .loader .text{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0}.loading .loader .text:before{content:"";display:block;width:88px;height:10px;margin-bottom:2px;border-radius:999px;background:linear-gradient(90deg,#1672f933,#1672f905)}.loading .loader .text strong{color:#0f172a;font-size:clamp(1.35rem,2vw,1.65rem);font-weight:900;line-height:1;letter-spacing:-.03em}.loading .loader .text p{max-width:28ch;color:#0f172aad;font-size:.98rem;line-height:1.72}.loading .loader .text:after{content:"";display:block;width:clamp(132px,48%,176px);height:6px;margin-top:6px;border-radius:999px;background:linear-gradient(90deg,#1672f914,#1672f96b 30%,#91bfffc2 50%,#1672f914);background-size:200% 100%;animation:loader-pulse 1.8s ease-in-out infinite}@keyframes loader-pulse{0%{background-position:200% 50%;opacity:.6}50%{background-position:100% 50%;opacity:1}to{background-position:0% 50%;opacity:.6}}@media(max-width:680px){.loading .loader{grid-template-columns:1fr;justify-items:center}.loading .loader .spinner{width:88px;height:88px}.loading .loader .text{align-items:center;text-align:center}.loading .loader .text:before,.loading .loader .text:after{margin-left:auto;margin-right:auto}}xoshnus-help{position:relative;display:flex;flex-direction:column;gap:5px;width:100%;height:auto;padding:15px;border-radius:20px;-webkit-user-select:none;user-select:none;background:var(--card);box-shadow:0 0 15px #0000;transition:all .3s;overflow:hidden;cursor:pointer}xoshnus-help:hover{box-shadow:0 0 15px #0000001a}#panel{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:15px;width:300px;height:100vh;left:calc(100% - 315px);right:calc(100% - 315px);top:65px;pointer-events:none;z-index:10}#panel .alert{position:relative;display:flex;flex-direction:column;gap:10px;width:100%;left:calc(100% + 30px);right:calc(100% + 30px);padding:15px;border-radius:10px;background:var(--card);box-shadow:0 0 15px #0000001a;transition:all .3s;pointer-events:all;overflow:hidden}#panel .alert .header{position:relative;display:flex;align-items:center;gap:10px;font-weight:900}#panel .alert .header svg{flex-shrink:0;width:20px;height:20px;fill:var(--color)}#panel .alert .header strong{width:100%}#panel .alert .header .controls{margin-left:auto;display:flex;align-items:center;gap:5px}#panel .alert .header .controls .close,#panel .alert .header .controls .more{width:24px;height:24px;padding:7px;fill:#000;opacity:.5;border-radius:5px;transition:all .3s;cursor:pointer}#panel .alert .header .controls .close:hover,#panel .alert .header .controls .more:hover{opacity:1}#panel .alert .header .controls .close:hover{rotate:90deg}#panel .alert .message{height:0px;margin-bottom:-10px;overflow:hidden;transition:.3s}#panel .alert .progress{position:absolute;display:block;width:100%;height:4px;left:0;right:0;bottom:0;background:var(--color);animation:progress forwards linear}@keyframes progress{0%{width:100%}to{width:0}}#panel .alert.success{--color: #0cc180}#panel .alert.information{--color: #13c1e8}#panel .alert.warning{--color: #ffa503}#panel .alert.error{--color: #e81353}#panel .alert.show{left:calc(100% - 300px);right:calc(100% - 300px)}#panel .alert.open>.header>.controls>.more{rotate:180deg}.app-modal{position:fixed;display:flex;align-items:center;justify-content:center;inset:0;padding:24px;pointer-events:none;z-index:10}.app-modal .app-modal__backdrop{position:absolute;inset:0;opacity:0;background:#0f172a80;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:opacity .28s ease,backdrop-filter .28s ease}.app-modal .app-modal__panel{position:relative;width:100%;padding:20px;border-radius:24px;opacity:0;background:var(--card);box-shadow:0 24px 80px #0f172a3d;transform:translateY(28px) scale(.96);transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .28s ease}.app-modal .app-modal__close{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border:none;border-radius:14px;background:var(--body);cursor:pointer;transition:background .3s,transform .3s}.app-modal .app-modal__close:hover{background:#e9edf5;transform:rotate(90deg)}.app-modal .app-modal__close:focus-visible{outline:3px solid var(--primary-fade)}.app-modal .app-modal__close icon{width:18px;height:18px;fill:var(--text-color)}.app-modal.show{pointer-events:all}.app-modal.show .app-modal__backdrop{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-modal.show .app-modal__panel{opacity:1;transform:translateY(0) scale(1)}@media(max-width:680px){.app-modal{padding:12px}.app-modal .app-modal__panel{padding:16px;border-radius:18px;transform:translateY(48px) scale(.98)}.app-modal.show .app-modal__panel{transform:translateY(0) scale(1)}}.color-modal .app-modal__panel{max-width:420px;padding:18px}.color-modal .color-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.color-modal .color-modal__copy{display:flex;flex-direction:column;gap:6px}.color-modal .color-modal__copy span{opacity:.5}.color-modal .color-modal__copy strong{font-size:24px;font-weight:900;letter-spacing:.04em}.color-modal .color-modal__preview{position:relative;display:flex;align-items:end;min-height:170px;margin-bottom:18px;padding:18px;border-radius:22px;background:linear-gradient(160deg,var(--color),color-mix(in srgb,var(--color) 55%,#000 45%));overflow:hidden}.color-modal .color-modal__preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.38),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.24),transparent 55%);pointer-events:none}.color-modal .color-modal__preview span{position:relative;padding:8px 12px;border-radius:999px;color:#fff;font-weight:700;letter-spacing:.04em;background:#0f172a33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.color-modal .color-modal__controls{display:grid;gap:14px;margin-bottom:18px}.color-modal .color-modal__picker,.color-modal .color-modal__field{display:flex;flex-direction:column;gap:8px}.color-modal .color-modal__field span{opacity:.5}.color-modal .color-modal__field input{width:100%;border:1px solid #e7ebf3;background:#fff;transition:border-color .3s,box-shadow .3s}.color-modal .color-modal__field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #1672f91f}.color-modal .color-modal__picker{gap:12px}.color-modal .color-modal__picker .color-modal__spectrum,.color-modal .color-modal__picker .color-modal__hue{position:relative;overflow:hidden;cursor:crosshair;touch-action:none}.color-modal .color-modal__picker .color-modal__spectrum{height:220px;border-radius:22px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--hue),100%,50%));box-shadow:inset 0 0 0 1px #0f172a0f}.color-modal .color-modal__picker .color-modal__hue{height:18px;border-radius:999px;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.color-modal .color-modal__picker .color-modal__thumb{position:absolute;width:20px;height:20px;border:2px solid #fff;border-radius:999px;box-shadow:0 10px 24px #0f172a33,0 0 0 1px #0f172a29;pointer-events:none;transform:translate(-50%,-50%)}.color-modal .color-modal__picker .color-modal__thumb--spectrum{background:transparent}.color-modal .color-modal__picker .color-modal__thumb--hue{top:50%;background:var(--color)}.color-modal .color-modal__field input{height:46px;padding:0 14px;border-radius:14px;text-transform:uppercase}.color-modal .color-modal__actions{display:flex;justify-content:end;gap:12px}.color-modal .color-modal__actions button{min-width:110px;height:44px;padding:0 18px;color:var(--text-color);border:none;border-radius:999px;background:#eef2f8;cursor:pointer;transition:transform .3s,background .3s,color .3s}.color-modal .color-modal__actions button:hover{transform:translateY(-1px)}.color-modal .color-modal__actions button.apply{color:var(--text-reverse);background:var(--primary-color)}.message{display:flex;justify-content:center;flex-direction:column;flex:1;width:100%}.message .empty,.message .error{display:grid;gap:10px;max-width:720px;margin:0 auto 36px;padding:28px;width:100%;border:1px solid rgba(148,163,184,.18);border-radius:30px;background:#ffffffeb}.message .empty strong,.message .error strong{color:#0f172a;font-size:1.15rem}.message .empty p,.message .error p{color:#0f172ab3}.message .empty button,.message .error button{width:fit-content;min-width:120px;height:40px;padding:0 18px;color:var(--text-reverse);border:none;border-radius:20px;background:var(--primary-color);cursor:pointer}