.sleep-hero{background:#0F172A;background-image:radial-gradient(ellipse at 20% 50%,rgba(124,58,237,0.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 30%,rgba(99,102,241,0.08) 0%,transparent 50%);min-height:260px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.sleep-stars{position:absolute;top:0;left:0;width:2px;height:2px;background:transparent;border-radius:50%;box-shadow:120px 45px rgba(255,255,255,0.7),340px 80px rgba(255,255,255,0.5),560px 30px rgba(255,255,255,0.8),720px 120px rgba(255,255,255,0.4),890px 55px rgba(255,255,255,0.65),1050px 90px rgba(255,255,255,0.55),180px 160px rgba(255,255,255,0.45),430px 190px rgba(255,255,255,0.7),670px 200px rgba(255,255,255,0.35),900px 170px rgba(255,255,255,0.6),60px 230px rgba(255,255,255,0.5),290px 240px rgba(255,255,255,0.4),510px 250px rgba(255,255,255,0.75),740px 230px rgba(255,255,255,0.45),980px 210px rgba(255,255,255,0.55),1100px 40px rgba(255,255,255,0.6),1200px 140px rgba(255,255,255,0.4),1300px 200px rgba(255,255,255,0.5),80px 80px rgba(255,255,255,0.3),400px 100px rgba(255,255,255,0.45),640px 140px rgba(255,255,255,0.35),800px 70px rgba(255,255,255,0.55),1000px 110px rgba(255,255,255,0.4),200px 30px rgba(255,255,255,0.6),760px 220px rgba(255,255,255,0.3);animation:sleepStarsTwinkle 4s ease-in-out infinite alternate}.sleep-stars:nth-child(2){box-shadow:50px 60px rgba(255,255,255,0.55),270px 20px rgba(255,255,255,0.4),490px 70px rgba(255,255,255,0.65),650px 40px rgba(255,255,255,0.5),830px 100px rgba(255,255,255,0.45),1000px 30px rgba(255,255,255,0.7),140px 130px rgba(255,255,255,0.35),380px 150px rgba(255,255,255,0.55),600px 180px rgba(255,255,255,0.4),860px 160px rgba(255,255,255,0.5),30px 200px rgba(255,255,255,0.6),250px 220px rgba(255,255,255,0.35),470px 230px rgba(255,255,255,0.65),710px 210px rgba(255,255,255,0.4),940px 240px rgba(255,255,255,0.5),1080px 80px rgba(255,255,255,0.45),1160px 170px rgba(255,255,255,0.55),320px 60px rgba(255,255,255,0.4),550px 110px rgba(255,255,255,0.5),770px 90px rgba(255,255,255,0.35);animation-duration:5s;animation-delay:1.5s}@keyframes sleepStarsTwinkle{0%{opacity:0.6}100%{opacity:1}}.sleep-moon{position:absolute;right:15%;top:50%;transform:translateY(-50%);opacity:0.12;font-size:8rem;line-height:1;pointer-events:none;user-select:none;animation:sleepMoonFloat 6s ease-in-out infinite}@keyframes sleepMoonFloat{0%,100%{transform:translateY(-50%) rotate(-5deg)}50%{transform:translateY(calc(-50% - 10px)) rotate(5deg)}}.sleep-card{background:var(--bg-card,#1e293b);border-radius:var(--radius-xl,20px);border:1px solid rgba(255,255,255,0.08);padding:2rem;max-width:720px;margin:-60px auto 2rem auto;position:relative;z-index:2;box-shadow:0 20px 60px rgba(0,0,0,0.4)}.sleep-tabs{display:flex;background:var(--bg-secondary,#0f172a);border-radius:var(--radius-lg,14px);padding:4px;margin-bottom:1.5rem;gap:4px}.sleep-tab-btn{flex:1;padding:10px 16px;border:none;cursor:pointer;border-radius:var(--radius-md,10px);font-weight:600;font-size:0.875rem;transition:all 0.22s ease;background:transparent;color:var(--text-secondary,#94a3b8);font-family:var(--font-primary,'Inter',sans-serif);line-height:1.4}.sleep-tab-btn:hover:not(.active){background:rgba(255,255,255,0.05);color:var(--text-primary,#f1f5f9)}.sleep-tab-btn.active{background:linear-gradient(135deg,var(--accent-violet,#7c3aed),hsl(280,80%,55%));color:white;box-shadow:0 0 20px rgba(124,58,237,0.3)}.sleep-mode-panel{margin-bottom:0.5rem}.sleep-time-input{width:100%;padding:14px 18px;font-size:1.5rem;font-weight:700;background:var(--bg-secondary,#0f172a);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-md,10px);color:var(--text-primary,#f1f5f9);text-align:center;transition:border-color 0.2s,box-shadow 0.2s;box-sizing:border-box;font-family:var(--font-display,'Outfit',sans-serif);cursor:pointer}.sleep-time-input:focus{outline:none;border-color:var(--accent-violet,#7c3aed);box-shadow:0 0 20px rgba(124,58,237,0.2)}.sleep-time-input::-webkit-calendar-picker-indicator{filter:invert(1) opacity(0.4);cursor:pointer}.sleep-now-btn{width:100%;padding:14px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:white;border:none;border-radius:var(--radius-md,10px);font-size:1rem;font-weight:700;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-primary,'Inter',sans-serif);letter-spacing:0.01em}.sleep-now-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(124,58,237,0.4)}.sleep-now-btn:active{transform:translateY(0)}.sleep-advanced-panel{margin-top:1rem;padding:1rem 1.25rem;background:var(--bg-secondary,#0f172a);border-radius:var(--radius-md,10px);border:1px dashed rgba(255,255,255,0.1);display:none;animation:sleepFadeInUp 0.25s ease forwards}.sleep-advanced-panel.open{display:block}.sleep-result-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:var(--radius-md,10px);background:var(--bg-secondary,#1e293b);border:1px solid rgba(255,255,255,0.06);margin-bottom:0.75rem;transition:transform 0.2s ease,box-shadow 0.2s ease;opacity:0;animation:sleepFadeInUp 0.4s ease forwards;cursor:default}.sleep-result-card:hover{transform:translateX(4px);box-shadow:var(--shadow-md,0 4px 16px rgba(0,0,0,0.3))}.sleep-result-card.recommended{border-color:rgba(16,185,129,0.5);box-shadow:0 0 20px rgba(16,185,129,0.15);animation:sleepFadeInUp 0.4s ease forwards,sleepPulse 1.5s ease 0.5s 2}.sleep-result-time{font-size:1.75rem;font-weight:800;font-family:var(--font-display,'Outfit',sans-serif);color:var(--text-primary,#f1f5f9);min-width:120px;flex-shrink:0}.sleep-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;white-space:nowrap}.sleep-badge.red{background:rgba(239,68,68,0.15);color:#EF4444;border:1px solid rgba(239,68,68,0.2)}.sleep-badge.yellow{background:rgba(245,158,11,0.15);color:#F59E0B;border:1px solid rgba(245,158,11,0.2)}.sleep-badge.green{background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.2)}.sleep-badge.blue{background:rgba(59,130,246,0.15);color:#3B82F6;border:1px solid rgba(59,130,246,0.2)}.sleep-recommended-tag{font-size:0.65rem;font-weight:700;color:#10B981;text-transform:uppercase;letter-spacing:0.08em}.sleep-toast{position:fixed;bottom:24px;right:24px;background:#10B981;color:white;padding:12px 20px;border-radius:var(--radius-md,10px);font-weight:600;font-size:0.9rem;opacity:0;transform:translateY(20px);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none;z-index:9999;box-shadow:0 8px 24px rgba(16,185,129,0.35);font-family:var(--font-primary,'Inter',sans-serif)}.sleep-toast.show{opacity:1;transform:translateY(0)}@keyframes sleepFadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes sleepPulse{0%,100%{box-shadow:0 0 20px rgba(16,185,129,0.15)}50%{box-shadow:0 0 32px rgba(16,185,129,0.4)}}.sleep-seo-article{max-width:800px;margin:0 auto;padding:0 1.5rem 4rem;color:var(--text-primary,#f1f5f9);font-family:var(--font-primary,'Inter',sans-serif);line-height:1.75}.sleep-seo-article h2{font-family:var(--font-display,'Outfit',sans-serif);font-size:1.45rem;font-weight:800;color:var(--text-primary,#f1f5f9);margin:2.5rem 0 0.75rem;padding-bottom:0.5rem;border-bottom:2px solid rgba(124,58,237,0.25)}.sleep-seo-article p{color:var(--text-secondary,#94a3b8);margin-bottom:1rem;font-size:0.975rem}.sleep-seo-article a{color:var(--accent-violet,#7c3aed);text-decoration:none;font-weight:600;border-bottom:1px solid rgba(124,58,237,0.3);transition:border-color 0.2s}.sleep-seo-article a:hover{border-bottom-color:var(--accent-violet,#7c3aed)}.sleep-age-table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:0.9rem}.sleep-age-table th{background:rgba(124,58,237,0.15);color:var(--accent-violet,#7c3aed);font-weight:700;padding:10px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,0.08);text-transform:uppercase;font-size:0.75rem;letter-spacing:0.05em}.sleep-age-table td{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,0.05);color:var(--text-secondary,#94a3b8)}.sleep-age-table tr:last-child td{border-bottom:none}.sleep-age-table tr:hover td{background:rgba(255,255,255,0.03)}.sleep-age-table .sleep-highlight{color:#10B981;font-weight:700}.sleep-faq-item{border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-md,10px);margin-bottom:0.75rem;overflow:hidden;transition:border-color 0.2s}.sleep-faq-item:hover{border-color:rgba(124,58,237,0.3)}.sleep-faq-item summary{padding:1rem 1.25rem;cursor:pointer;font-weight:600;color:var(--text-primary,#f1f5f9);font-size:0.95rem;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,0.03);list-style:none;transition:background 0.2s}.sleep-faq-item summary::-webkit-details-marker{display:none}.sleep-faq-item summary::after{content:'+';font-size:1.25rem;color:var(--accent-violet,#7c3aed);font-weight:400;flex-shrink:0;transition:transform 0.25s}.sleep-faq-item[open] summary::after{transform:rotate(45deg)}.sleep-faq-item[open] summary{background:rgba(124,58,237,0.06)}.sleep-faq-answer{padding:0.75rem 1.25rem 1.25rem;color:var(--text-secondary,#94a3b8);font-size:0.92rem;line-height:1.7;border-top:1px solid rgba(255,255,255,0.05)}.sleep-related-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.sleep-tool-card{display:block;padding:1.25rem;background:var(--bg-card,#1e293b);border:1px solid rgba(255,255,255,0.07);border-radius:var(--radius-lg,14px);text-decoration:none !important;border-bottom:none !important;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s;color:inherit}.sleep-tool-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,0.3);border-color:rgba(124,58,237,0.3)}.sleep-tool-card-icon{font-size:1.75rem;margin-bottom:0.5rem;display:block}.sleep-tool-card-title{font-weight:700;font-size:0.95rem;color:var(--text-primary,#f1f5f9);margin-bottom:0.25rem;font-family:var(--font-display,'Outfit',sans-serif)}.sleep-tool-card-desc{font-size:0.8rem;color:var(--text-muted,#64748b);line-height:1.5}.fc-sleep-calculator-wrap .sleep-card{margin:0 auto 2rem auto}.sleep-widget-heading{font-family:var(--font-display,'Outfit',sans-serif);font-size:1.5rem;font-weight:800;color:var(--text-primary,#f1f5f9)}@media (max-width:640px){.sleep-card{margin:-40px 1rem 2rem 1rem;padding:1.25rem}.sleep-result-time{font-size:1.35rem;min-width:90px}.sleep-result-card{flex-wrap:wrap;gap:0.75rem}.sleep-moon{display:none}.sleep-tabs{flex-direction:column}.sleep-seo-article{padding:0 1rem 3rem}.sleep-seo-article h2{font-size:1.2rem}.sleep-related-tools{grid-template-columns:1fr}.sleep-now-btn{font-size:0.9rem}}