.age-page{--ag-navy:#22223B;--ag-navy-mid:#3d3d5c;--ag-navy-light:#5a5a78;--ag-soft:#f4f4f8;--ag-ink:#22223B;--ag-muted:#6b6b80;--ag-line:#e2e2ec;--ag-card-radius:20px;--ag-shadow:0 12px 32px rgba(34, 34, 59, 0.10);direction:rtl;font-family:Vazirmatn,sans-serif}.age-page .age-hero{max-width:760px;margin:0 auto;padding:clamp(96px,14vw,140px) 20px 8px;text-align:center}.age-page .age-hero-title{font-size:clamp(30px, 5.5vw, 44px);font-weight:700;color:var(--ag-navy);margin:0 0 14px;position:relative;display:inline-block}.age-page .age-hero-title::after{content:"";display:block;width:56%;height:5px;margin:10px auto 0;border-radius:4px;background:var(--ag-navy);opacity:.85}.age-page .age-hero-subtitle{font-size:clamp(14px, 2.2vw, 17px);line-height:2;color:var(--ag-muted);margin:0 auto;max-width:620px}.age-page .age-hero-subtitle strong{color:var(--ag-navy)}.age-page .age-tool{max-width:860px;margin:28px auto 56px;padding:0 16px}.age-page .age-card{background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-card-radius);box-shadow:var(--ag-shadow)}.age-page .age-form-card{padding:clamp(20px,3.5vw,32px)}.age-page .age-cal-tabs{position:relative;display:flex;width:min(340px,100%);margin:0 auto 26px;padding:5px;background:var(--ag-soft);border-radius:999px}.age-page .age-cal-tab{flex:1;position:relative;z-index:1;border:none;background:0 0;padding:11px 8px;font-family:inherit;font-size:clamp(13px, 2vw, 15px);font-weight:700;color:var(--ag-muted);border-radius:999px;cursor:pointer;transition:color .25s}.age-page .age-cal-tab.active{color:#fff}.age-page .age-cal-tab-glider{position:absolute;top:5px;bottom:5px;width:calc(50% - 7.5px);border-radius:999px;background:linear-gradient(135deg,var(--ag-navy),var(--ag-navy-mid));box-shadow:0 4px 12px rgba(34,34,59,.28);inset-inline-start:5px;inset-inline-end:auto;transition:inset-inline-start .3s cubic-bezier(.4, 0, .2, 1),inset-inline-end .3s cubic-bezier(.4, 0, .2, 1)}.age-page .age-mode-gregorian .age-cal-tab-glider{inset-inline-start:auto;inset-inline-end:5px}.age-page .age-inputs{display:grid;grid-template-columns:1fr 1.4fr 1.1fr;gap:clamp(10px,2vw,18px);transition:opacity .22s,transform .22s}.age-page .age-inputs-swapping{opacity:.35;pointer-events:none;transform:scale(.985)}.age-page .age-label{display:block;font-size:clamp(12px, 1.8vw, 14px);font-weight:700;color:var(--ag-ink);margin-bottom:8px}.age-page .age-select{width:100%;padding:13px 14px;font-family:inherit;font-size:clamp(14px, 2vw, 16px);color:var(--ag-ink);background-color:#fafafc;border:1.5px solid var(--ag-line);border-radius:14px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z' fill='%2322223B'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;background-size:13px;transition:border-color .2s,box-shadow .2s}.age-page .age-select:hover{border-color:var(--ag-navy-mid)}.age-page .age-select:focus{outline:0;border-color:var(--ag-navy);box-shadow:0 0 0 4px rgba(34,34,59,.1)}.age-page .age-form-error{margin:16px 0 0;padding:12px 16px;border-radius:12px;background:#fdf0ef;border:1px solid #f3cbc7;color:#a13c32;font-size:14px;text-align:center}.age-page .age-form-error[hidden]{display:none}.age-page .age-actions{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:26px;flex-wrap:wrap}.age-page .age-submit{display:inline-flex;align-items:center;gap:10px;padding:15px 42px;border:none;border-radius:999px;font-family:inherit;font-size:clamp(15px, 2.2vw, 17px);font-weight:700;color:#fff;background:linear-gradient(135deg,var(--ag-navy),var(--ag-navy-mid));box-shadow:0 8px 20px rgba(34,34,59,.28);cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s}.age-page .age-submit:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(34,34,59,.38);filter:brightness(1.05)}.age-page .age-submit:active{transform:translateY(0)}.age-page .age-reset{padding:13px 24px;border:1.5px solid var(--ag-line);border-radius:999px;font-family:inherit;font-size:14px;font-weight:700;color:var(--ag-muted);background:#fff;cursor:pointer;transition:.2s}.age-page .age-reset:hover{color:var(--ag-navy);border-color:var(--ag-navy-mid);background:var(--ag-soft)}.age-page .age-reset[hidden]{display:none}.age-page .age-result{display:flex;flex-direction:column;gap:20px;width:100%;margin-top:44px}.age-page .age-result[hidden]{display:none!important}.age-page .age-result-enter{animation:.55s cubic-bezier(.22,.7,.35,1) both ageFadeUp}@keyframes ageFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.age-page .age-result-hero{padding:clamp(26px,4vw,40px) clamp(18px,3vw,32px);text-align:center;background:radial-gradient(1100px 320px at 50% -120px,rgba(34,34,59,.07),transparent 70%),#fff}.age-page .age-result-label{display:inline-block;font-size:clamp(13px, 1.8vw, 15px);font-weight:700;color:var(--ag-navy);background:var(--ag-soft);padding:6px 18px;border-radius:999px;margin-bottom:18px}.age-page .age-result-main{display:flex;justify-content:center;align-items:baseline;gap:clamp(8px,2vw,18px);flex-wrap:wrap}.age-page .age-main-unit{display:inline-flex;align-items:baseline;gap:clamp(5px,1vw,10px)}.age-page .age-main-unit b{font-size:clamp(40px, 8.5vw, 72px);font-weight:700;line-height:1;color:var(--ag-navy);font-variant-numeric:tabular-nums}.age-page .age-main-unit i{font-style:normal;font-size:clamp(14px, 2.4vw, 19px);font-weight:700;color:var(--ag-muted)}.age-page .age-main-sep{font-size:clamp(14px, 2.4vw, 19px);color:var(--ag-line);font-weight:700}.age-page .age-live{margin:22px 0 0;font-size:clamp(13px, 2vw, 16px);color:var(--ag-muted)}.age-page .age-live b{color:var(--ag-navy);font-variant-numeric:tabular-nums}.age-page .age-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ag-navy-mid);margin-left:6px;vertical-align:middle;animation:1.6s ease-in-out infinite agePulse}@keyframes agePulse{0%,100%{box-shadow:0 0 0 0 rgba(34,34,59,.35)}50%{box-shadow:0 0 0 6px rgba(34,34,59,0)}}.age-page .age-share-row{display:flex;justify-content:center;gap:10px;margin-top:22px;flex-wrap:wrap}.age-page .age-chip-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:1.5px solid var(--ag-line);border-radius:999px;background:#fff;font-family:inherit;font-size:13px;font-weight:700;color:var(--ag-navy);cursor:pointer;transition:.2s}.age-page .age-chip-btn:hover{background:var(--ag-soft);border-color:var(--ag-navy-mid)}.age-page .age-units-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(8px,1.5vw,14px);margin-top:0}.age-page .age-unit-card{background:#fff;border:1px solid var(--ag-line);border-radius:16px;padding:clamp(12px,2vw,18px) 8px;text-align:center;box-shadow:0 4px 14px rgba(34,34,59,.06);transition:transform .2s,box-shadow .2s}.age-page .age-unit-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(34,34,59,.11)}.age-page .age-unit-value{display:block;font-size:clamp(15px, 2.4vw, 22px);font-weight:700;color:var(--ag-navy);font-variant-numeric:tabular-nums;direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.age-page .age-unit-name{display:block;margin-top:5px;font-size:clamp(11px, 1.6vw, 13px);color:var(--ag-muted);font-weight:700}.age-page .age-detail-row{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(12px,2vw,18px);margin-top:0}.age-page .age-birthday-card,.age-page .age-birthinfo-card{padding:clamp(20px,3vw,28px)}.age-page .age-card-title{display:flex;align-items:center;gap:9px;font-size:clamp(15px, 2.2vw, 18px);font-weight:700;color:var(--ag-navy);margin-bottom:18px}.age-page .age-card-title svg{color:var(--ag-navy-mid);flex-shrink:0}.age-page .age-birthday-count{font-size:clamp(15px, 2.2vw, 18px);color:var(--ag-ink);margin-bottom:8px}.age-page .age-birthday-count b{font-size:clamp(30px, 5vw, 44px);color:var(--ag-navy);font-variant-numeric:tabular-nums;line-height:1.2}.age-page .age-birthday-date{font-size:clamp(12px, 1.8vw, 14px);color:var(--ag-muted);margin-bottom:18px;line-height:1.9}.age-page .age-progress{height:10px;border-radius:999px;background:var(--ag-soft);overflow:hidden}.age-page .age-progress-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--ag-navy-mid),var(--ag-navy));transition:width .9s cubic-bezier(.22, .7, .35, 1)}.age-page .age-progress-text{margin-top:9px;font-size:clamp(11px, 1.6vw, 13px);color:var(--ag-muted)}.age-page .age-info-list{list-style:none;margin:0;padding:0}.age-page .age-info-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px dashed var(--ag-line);font-size:clamp(13px, 1.9vw, 15px)}.age-page .age-info-list li:last-child{border-bottom:none}.age-page .age-info-list li>span{color:var(--ag-muted);flex-shrink:0}.age-page .age-info-list li .age-icon-value,.age-page .age-info-list li .age-icon-value span,.age-page .age-info-list li b{color:var(--ag-ink);font-weight:700;text-align:left}.age-page .age-gregorian-inline,.age-page .age-gregorian-ltr{direction:ltr;unicode-bidi:isolate}.age-page .age-icon-value{display:inline-flex!important;align-items:center;gap:8px;justify-content:flex-end}.age-page .age-icon-value::after{content:"";display:inline-block;width:28px;height:28px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}.age-page .age-icon-value[data-season=spring]::after{background-image:url("/icons/calendar/spring-icon.png")}.age-page .age-icon-value[data-season=summer]::after{background-image:url("/icons/calendar/summer-icon.png")}.age-page .age-icon-value[data-season=autumn]::after{background-image:url("/icons/calendar/autumn-icon.png")}.age-page .age-icon-value[data-season=winter]::after{background-image:url("/icons/calendar/winter-icon.png")}.age-page .age-icon-value[data-zodiac=aries]::after{background-image:url("/icons/zodiac/aries.svg")}.age-page .age-icon-value[data-zodiac=taurus]::after{background-image:url("/icons/zodiac/taurus.svg")}.age-page .age-icon-value[data-zodiac=gemini]::after{background-image:url("/icons/zodiac/gemini.svg")}.age-page .age-icon-value[data-zodiac=cancer]::after{background-image:url("/icons/zodiac/cancer.svg")}.age-page .age-icon-value[data-zodiac=leo]::after{background-image:url("/icons/zodiac/leo.svg")}.age-page .age-icon-value[data-zodiac=virgo]::after{background-image:url("/icons/zodiac/virgo.svg")}.age-page .age-icon-value[data-zodiac=libra]::after{background-image:url("/icons/zodiac/libra.svg")}.age-page .age-icon-value[data-zodiac=scorpio]::after{background-image:url("/icons/zodiac/scorpio.svg")}.age-page .age-icon-value[data-zodiac=sagittarius]::after{background-image:url("/icons/zodiac/sagittarius.svg")}.age-page .age-icon-value[data-zodiac=capricorn]::after{background-image:url("/icons/zodiac/capricorn.svg")}.age-page .age-icon-value[data-zodiac=aquarius]::after{background-image:url("/icons/zodiac/aquarius.svg")}.age-page .age-icon-value[data-zodiac=pisces]::after{background-image:url("/icons/zodiac/pisces.svg")}.age-page .age-icon-value[data-animal=rat]::after{background-image:url("/icons/countdown1405/zodiac-signs/icon-variant/rat.png")}.age-page .age-icon-value[data-animal=ox]::after{background-image:url("/icons/countdown1405/zodiac-signs/icon-variant/ox.png")}.age-page .age-icon-value[data-animal=tiger]::after{background-image:url("/icons/countdown1405/zodiac-signs/icon-variant/tiger.png")}.age-page .age-icon-value[data-animal=rabbit]::after{background-image:url("/icons/countdown1405/zodiac-signs/icon-variant/rabbit.png")}.age-page .age-icon-value[data-animal=dragon]::after{background-image:url("/icons/countdown1405/zodiac-signs/icon-variant/dragon.png")}.age-page .age-icon-value[data-animal=snake]::after{background-image:url("/icons/countdown1405/zodiac-signs/icon-variant/snake.png")}.age-page .age-icon-value[data-animal=horse]::after{background-image:url("/icons/countdown1405/zodiac-signs/icon-variant/horse.png")}.age-page .age-icon-value[data-animal=goat]::after{background-image:url("/icons/countdown1405/zodiac-signs/icon-variant/goat.png")}.age-page .age-icon-value[data-animal=monkey]::after{background-image:url("/icons/countdown1405/zodiac-signs/icon-variant/monkey.png")}.age-page .age-icon-value[data-animal=rooster]::after{background-image:url("/icons/countdown1405/zodiac-signs/icon-variant/rooster.png")}.age-page .age-icon-value[data-animal=dog]::after{background-image:url("/icons/countdown1405/zodiac-signs/icon-variant/dog.png")}.age-page .age-icon-value[data-animal=pig]::after{background-image:url("/icons/countdown1405/zodiac-signs/icon-variant/pig.png")}@media (max-width:760px){.age-page .age-units-grid{grid-template-columns:repeat(3,1fr)}.age-page .age-detail-row{grid-template-columns:1fr}}@media (max-width:560px){.age-page .age-inputs{grid-template-columns:1fr 1fr}.age-page .age-inputs .age-field:nth-child(3){grid-column:1/-1}.age-page .age-submit{width:100%;justify-content:center}.age-page .age-reset{width:100%}}@media (max-width:380px){.age-page .age-units-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.age-page .age-cal-tab-glider,.age-page .age-progress-fill,.age-page .age-submit,.age-page .age-unit-card{transition:none}.age-page .age-live-dot,.age-page .age-result-enter{animation:none}}