:root{
  --text:#07111f; --muted:#6b7280; --blue:#007aff; --blue2:#49c8ff;
  --shadow:0 30px 80px rgba(48,88,124,.22);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{min-height:100%}
body{
  margin:0; font-family:"Vazirmatn",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text); overflow-x:hidden;
  background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.95) 0 12%,transparent 30%),radial-gradient(circle at 88% 10%,rgba(145,215,255,.55) 0 16%,transparent 35%),radial-gradient(circle at 10% 82%,rgba(194,242,255,.72) 0 18%,transparent 40%),linear-gradient(155deg,#f8fbff 0%,#edf8ff 40%,#f9fbff 100%);
}
body::before{content:"";position:fixed;inset:-20%;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(0,122,255,.12),transparent 23%),radial-gradient(circle at 80% 25%,rgba(64,220,255,.18),transparent 20%),radial-gradient(circle at 50% 85%,rgba(255,255,255,.85),transparent 28%);filter:blur(14px);animation:floatBg 9s ease-in-out infinite alternate}
@keyframes floatBg{from{transform:translate3d(-1%,-1%,0) scale(1)}to{transform:translate3d(1.5%,1%,0) scale(1.03)}}
.phone{min-height:100svh;width:100%;max-width:480px;margin:0 auto;padding:22px 18px 28px;display:flex;align-items:center;justify-content:center}
.shell{width:100%;position:relative;border-radius:42px;padding:1px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,.16),rgba(0,122,255,.18));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.8)}
.card{position:relative;overflow:hidden;border-radius:41px;padding:24px 18px 18px;min-height:650px;background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.34)),radial-gradient(circle at 20% 0%,rgba(255,255,255,.95),transparent 28%),radial-gradient(circle at 100% 10%,rgba(146,225,255,.28),transparent 32%);backdrop-filter:blur(30px) saturate(185%);-webkit-backdrop-filter:blur(30px) saturate(185%);border:1px solid rgba(255,255,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.28)}
.card.compact{min-height:430px;display:flex;flex-direction:column;justify-content:center;gap:22px}.card.view-only{min-height:420px;display:flex;align-items:center;justify-content:center}
.card::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 20%,rgba(255,255,255,.68) 32%,transparent 46% 100%);transform:translateX(30%);opacity:.55;pointer-events:none}
.orb{position:absolute;border-radius:999px;filter:blur(1px);opacity:.75;pointer-events:none}.orb.one{width:150px;height:150px;background:rgba(80,197,255,.26);left:-54px;top:50px}.orb.two{width:180px;height:180px;background:rgba(255,255,255,.64);right:-70px;bottom:85px}.orb.three{width:90px;height:90px;background:rgba(0,122,255,.16);left:34px;bottom:32px}
.top{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;z-index:2}.brand{display:flex;align-items:center;gap:10px;direction:ltr}.logo{width:36px;height:36px;display:grid;place-items:center;border-radius:14px;color:white;font-weight:900;background:linear-gradient(145deg,#007aff,#54d2ff);box-shadow:0 14px 30px rgba(0,122,255,.28),inset 0 1px 0 rgba(255,255,255,.5)}.brand span{font-weight:800;letter-spacing:-.02em;font-size:18px}.pill{padding:8px 12px;border-radius:999px;color:#0b6bca;font-size:12px;font-weight:800;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(22px)}
.create,.hero,.form,.result-card,.link-box,.success-mark,.ghost{position:relative;z-index:2}.hero{margin-bottom:22px}.hero h1{margin:0;font-size:36px;line-height:1.35;letter-spacing:-.055em;font-weight:900}.hero p{margin:12px 0 0;color:var(--muted);font-size:15px;line-height:1.9;font-weight:500}.center{text-align:center}.form{display:flex;flex-direction:column;gap:16px;margin-top:22px}.field-label{font-size:15px;font-weight:900;color:#111827;margin-bottom:8px;padding-right:4px}.textarea-wrap{position:relative;border-radius:32px;padding:1px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.22),rgba(0,122,255,.15));box-shadow:0 22px 50px rgba(87,125,160,.14)}
textarea{width:100%;min-height:250px;resize:none;border:0;outline:0;padding:24px 22px;border-radius:31px;font:600 18px/2 "Vazirmatn",sans-serif;color:#111827;background:rgba(255,255,255,.48);backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(0,0,0,.04)}textarea::placeholder{color:#9ca3af;font-weight:600}.row{display:grid;grid-template-columns:1fr 116px;gap:12px}.input-card{height:64px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 16px 35px rgba(85,120,150,.10);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}input,select{width:100%;border:0;outline:0;background:transparent;font:800 18px "Vazirmatn",sans-serif;color:#111827;text-align:center;appearance:none}.select-wrap{position:relative}.select-wrap::after{content:"⌄";position:absolute;left:18px;top:50%;transform:translateY(-57%);color:#3b4454;font-size:21px;pointer-events:none}
.submit{height:68px;border:0;border-radius:26px;color:#fff;font:900 17px "Vazirmatn",sans-serif;cursor:pointer;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.58),transparent 28%),linear-gradient(135deg,#007aff,#1bbcff 60%,#66ddff);box-shadow:0 22px 46px rgba(0,122,255,.30),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .16s ease,filter .16s ease}.submit:active{transform:scale(.985);filter:saturate(1.12)}.submit span{display:inline-flex;gap:10px;align-items:center;justify-content:center}.submit i{font-style:normal;font-size:20px;margin-top:-2px}.submit:disabled{opacity:.7}
.result-card{width:100%;border-radius:34px;padding:18px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.76);box-shadow:0 26px 60px rgba(75,111,145,.18),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%)}.text-box{min-height:210px;max-height:62svh;overflow:auto;white-space:pre-wrap;font-size:21px;line-height:2.05;font-weight:700;color:#111827;padding:22px;border-radius:28px;background:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.95);overflow-wrap:anywhere}.copy{width:100%;height:62px;margin-top:14px;border:0;border-radius:24px;color:white;font:900 16px "Vazirmatn",sans-serif;background:linear-gradient(145deg,#101827,#243044);box-shadow:0 22px 44px rgba(17,24,39,.22),inset 0 1px 0 rgba(255,255,255,.18)}
.success-mark{width:70px;height:70px;margin:0 auto;border-radius:28px;display:grid;place-items:center;font-size:36px;font-weight:900;color:#fff;background:linear-gradient(145deg,#007aff,#58d3ff);box-shadow:0 22px 50px rgba(0,122,255,.28),inset 0 1px 0 rgba(255,255,255,.6)}.link-box{display:grid;grid-template-columns:1fr 108px;gap:10px;padding:10px;border-radius:27px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.link-box input{text-align:left;direction:ltr;padding:0 12px;font-size:14px;overflow:hidden;text-overflow:ellipsis}.copy.small{height:52px;margin:0;border-radius:20px}.ghost{display:block;text-align:center;text-decoration:none;color:#0b6bca;font-weight:900;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.72);border-radius:22px;padding:14px}.alert{padding:12px 14px;border-radius:18px;background:rgba(255,75,75,.10);border:1px solid rgba(255,75,75,.22);color:#b42318;font-weight:800;font-size:13px}
@media (max-width:380px){.phone{padding:14px 12px 20px}.card{border-radius:34px;min-height:610px;padding:20px 14px 14px}.shell{border-radius:35px}.hero h1{font-size:31px}textarea{min-height:230px;font-size:16px}.row{grid-template-columns:1fr 98px}.link-box{grid-template-columns:1fr}.copy.small{width:100%}}