.calculator{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border-radius:22px;padding:25px;box-shadow:0 10px 30px rgba(26,75,95,.08);margin-bottom:30px;max-width:900px;margin-left:auto;margin-right:auto;box-sizing:border-box;border:1px solid #d9e3ee;position:relative;overflow:hidden}.calculator::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(107,158,158,.12),transparent 38%),radial-gradient(circle at bottom left,rgba(26,75,95,.08),transparent 35%);pointer-events:none}.accuracy-note{background:#fefcf5;border-right:5px solid #6b9e9e;padding:15px;margin:25px 0;border-radius:16px;font-size:0.9rem;color:#1a3f5c;box-shadow:0 6px 16px rgba(0,0,0,.04);animation:fadeIn 0.5s ease-out;border:1px solid #ecdca8}.accuracy-note p{margin:0 0 10px 0;font-weight:700;color:#1a4b5f;display:flex;align-items:center;gap:10px}.accuracy-note ul{margin:0;padding-right:20px;list-style-type:none}.accuracy-note li{margin-bottom:8px;padding-right:10px;position:relative;line-height:1.5}.accuracy-note li:before{content:"•";color:#1a4b5f;font-weight:bold;position:absolute;right:-15px}.accuracy-note strong{color:#1a4b5f}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.accuracy-note.simple{text-align:center;font-size:0.85rem;padding:12px;background:#f2f6fc;border-right-color:#1a4b5f}.accuracy-note.simple p{margin:0;justify-content:center}.tabs{display:flex;gap:6px;margin-bottom:16px;background:#f2f6fc;padding:6px;border-radius:14px;width:max-content;border:1px solid #d0ddee}.tab-btn{padding:8px 16px;border-radius:10px;border:0;background:transparent;cursor:pointer;font-weight:600;color:#2e546a;transition:all .2s ease}.tab-btn.active{background:linear-gradient(135deg,#1a4b5f 0%,#2b6a79 100%);color:#fff;box-shadow:0 6px 18px rgba(26,75,95,.14);font-weight:700}.date-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.date-input-wrapper{position:relative;min-width:0;flex:1}.date-input{width:100%;padding:8px 10px;border-radius:12px;border:1.5px solid #ecdca8;text-align:center;cursor:pointer;background:#fefcf5;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.date-input:focus{outline:none;border-color:#1a4b5f;background:#fff;box-shadow:0 0 0 4px rgba(26,75,95,.08)}.date-list{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #1a4b5f;border-radius:12px;max-height:240px;overflow:auto;display:none;box-shadow:0 12px 28px rgba(0,0,0,0.08);z-index:1050}.date-list.active{display:block}.date-item{padding:10px;text-align:center;border-bottom:1px solid #dce5ec;cursor:pointer}.date-item:last-child{border-bottom:none}.date-item:hover{background:#f2f6fc}.calculate-btn{background:linear-gradient(135deg,#1a4b5f 0%,#2b6a79 100%);color:#fff;border:0;padding:10px 20px;border-radius:12px;cursor:pointer;font-weight:700;margin-top:10px;display:inline-flex;gap:10px;align-items:center;box-shadow:0 8px 18px rgba(26,75,95,.14);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(26,75,95,.18);filter:saturate(1.03)}.results-container{margin-top:18px;display:none}.results-container.show{display:block}.results-title{color:#1a4b5f;font-size:1.1rem;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #ecdca8;font-weight:800}.age-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:14px}.age-card{background:#fefcf5;padding:12px;border-radius:16px;border:1px solid #ecdca8;text-align:center;min-height:72px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,.02)}.age-number{font-size:1.4rem;font-weight:800;color:#1a3f5c;display:block;margin-bottom:6px}.age-label{color:#5a6c7d;font-size:.85rem}.additional-results{background:#fefcf5;padding:12px;border-radius:16px;margin-bottom:15px;border:1px solid #ecdca8}.result-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #dce5ec}.result-item:last-child{border-bottom:none}.islamic-results{background:#fefcf5;border:1px solid #ecdca8;border-radius:16px;padding:16px;margin-top:15px}.islamic-title{color:#1a4b5f;font-size:1.1rem;margin-bottom:12px;text-align:center;font-weight:800}.islamic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.islamic-card{background:#fff;padding:12px;border-radius:12px;border:1px solid #d0ddee;text-align:center;min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all 0.2s ease}.islamic-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(26,75,95,.08)}.islamic-number{font-size:1.3rem;font-weight:800;color:#6b9e9e;display:block;margin-bottom:6px}.islamic-label{color:#1a3f5c;font-size:.85rem}.verse-container{background:#fefcf5;border-right:4px solid #ecdca8;padding:12px;border-radius:12px;margin-top:16px;text-align:center;font-style:italic;color:#7a5c2e;border:1px solid #ecdca8}.play-verse{background:#1a4b5f;color:#fff;border:0;padding:6px 12px;border-radius:12px;cursor:pointer;margin-top:8px;font-size:.9rem;transition:transform .2s ease}.play-verse:hover{transform:translateY(-2px);background:#1a3f5c}.life-stats{background:#fefcf5;border:1px solid #ecdca8;border-radius:16px;padding:20px;margin-top:20px;box-shadow:0 6px 16px rgba(0,0,0,.04)}.stats-title{color:#1a4b5f;font-size:1.2rem;margin-bottom:16px;text-align:center;font-weight:800;border-bottom:2px solid #6b9e9e;padding-bottom:8px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stats-card{background:#fff;padding:12px;border-radius:12px;border:1px solid #d0ddee;text-align:center;min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all 0.2s ease}.stats-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(26,75,95,.08);border-color:#6b9e9e}.stats-number{font-size:1.3rem;font-weight:800;color:#6b9e9e;display:block;margin-bottom:6px}.stats-label{color:#1a4b5f;font-size:.85rem;font-weight:600}.next-birthday{background:#fefcf5;border:1px solid #ecdca8;border-radius:16px;padding:16px;margin-top:15px}.birthday-title{color:#1a4b5f;font-size:1.1rem;margin-bottom:12px;text-align:center;font-weight:800}.birthday-info{text-align:center;margin-bottom:12px}.birthday-days{font-size:2rem;font-weight:800;color:#6b9e9e;display:block;margin:10px 0}.birthday-details{background:#fff;padding:10px;border-radius:12px;border:1px solid #d0ddee;margin-top:10px}.calc-link{display:block;padding:12px;background:#f2f6fc;color:#1a3f5c;text-decoration:none;border-radius:12px;text-align:center;transition:all .3s;border:1px solid #d0ddee;font-weight:600}.calc-link:hover{background:#1a4b5f;color:#fff;transform:translateY(-2px)}.special-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:20px}.feature-card{background:#fefcf5;padding:15px;border-radius:16px;border:1px solid #ecdca8}.blessed-day-info{margin-top:12px;padding:10px;background:#fff8e1;border-radius:12px;display:none}.blessed-day-text{color:#e65100;font-weight:600;margin:0}.saudi-time{text-align:center;margin-top:10px;font-size:0.85rem;color:#5a6c7d}#gregorian-input-form .calculate-btn{margin:10px auto;display:block;width:fit-content}@media(max-width:768px){.age-number{font-size:1.2rem}.date-input{padding:10px;font-size:0.95rem}.alert-box{width:85%;padding:20px}.islamic-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.islamic-card{padding:8px;min-height:70px}.stats-card{padding:8px;min-height:70px}.islamic-number{font-size:1.1rem;margin-bottom:4px}.stats-number{font-size:1.1rem;margin-bottom:4px}.islamic-label{font-size:0.8rem}.stats-label{font-size:0.8rem}}@media(max-width:480px){.islamic-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.tabs{flex-direction:column;width:100%}.tab-btn{width:100%;text-align:center}}#hijri-input-form .calculate-btn{margin:10px auto 0;display:block}.calculate-btn.loading{opacity:.8;cursor:wait;position:relative}.calculate-btn.loading::after{content:"";position:absolute;right:12px;width:16px;height:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}