*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body,html{overflow-x:hidden}body{background:radial-gradient(ellipse at 30% 20%,#1e3a8a 0,#0f172a 30%),radial-gradient(ellipse at 70% 80%,#1e40af 0,#0f172a 50%),radial-gradient(ellipse at 50% 50%,#312e81 0,#0f172a 80%),radial-gradient(circle at 20% 50%,#1e40af 0,transparent 50%),radial-gradient(circle at 80% 50%,#312e81 0,transparent 50%);background-attachment:fixed;min-height:100vh;color:#f8fafc}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(1px 1px at 60px 60px,#fbbf24,transparent),radial-gradient(2px 2px at 140px 100px,#fff,transparent),radial-gradient(1px 1px at 220px 140px,#fcd34d,transparent),radial-gradient(2px 2px at 280px 70px,#fef3c7,transparent),radial-gradient(1px 1px at 340px 110px,#fbbf24,transparent),radial-gradient(2px 2px at 120px 180px,#fff,transparent),radial-gradient(1px 1px at 380px 60px,#fcd34d,transparent),radial-gradient(2px 2px at 30px 120px,#fef3c7,transparent);background-repeat:repeat;background-size:400px 200px;animation:galaxyRotate 700s linear infinite;pointer-events:none;z-index:2;opacity:.4}body{position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(1px 1px at 20px 30px,#fef3c7,transparent),radial-gradient(2px 2px at 40px 70px,#fbbf24,transparent),radial-gradient(1px 1px at 90px 40px,#f9fafb,transparent),radial-gradient(2px 2px at 130px 80px,#fef3c7,transparent),radial-gradient(1px 1px at 160px 30px,#fbbf24,transparent),radial-gradient(2px 2px at 200px 80px,#fcd34d,transparent),radial-gradient(1px 1px at 250px 40px,#fff,transparent),radial-gradient(1px 1px at 180px 120px,#fef3c7,transparent),radial-gradient(1px 1px at 300px 50px,#fbbf24,transparent),radial-gradient(2px 2px at 350px 90px,#fff,transparent),radial-gradient(2px 2px at 80px 150px,#fbbf24,transparent),radial-gradient(1px 1px at 320px 40px,#fef3c7,transparent),radial-gradient(2px 2px at 50px 180px,#fcd34d,transparent),radial-gradient(1px 1px at 280px 120px,#fff,transparent);background-repeat:repeat;background-size:450px 250px;animation:galaxyRotate 600s linear infinite;pointer-events:none;z-index:1;opacity:.7}@keyframes galaxyRotate{0%{transform:translateX(0) translateY(0) rotate(0deg);opacity:.7}25%{transform:translateX(20px) translateY(-10px) rotate(90deg);opacity:.9}50%{transform:translateX(0) translateY(-20px) rotate(180deg);opacity:.8}75%{transform:translateX(-20px) translateY(-10px) rotate(270deg);opacity:.9}to{transform:translateX(0) translateY(0) rotate(1turn);opacity:.7}}.app-layout:before{content:"";position:fixed;top:-10px;left:20vw;width:80px;height:2px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 30%,#fff);border-radius:2px;animation:shootingStar1 20s linear infinite;pointer-events:none;z-index:3;opacity:0}.app-layout:after{top:-20px;left:70vw;width:100px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 40%,hsla(0,0%,100%,.9));animation:shootingStar2 25s linear 8s infinite}.app-layout:after,.main-content:before{content:"";position:fixed;height:1.5px;border-radius:2px;pointer-events:none;z-index:3;opacity:0}.main-content:before{top:-15px;left:10vw;width:60px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,.8));animation:shootingStar3 30s linear 15s infinite}.tab-content:before{content:"";position:fixed;top:-25px;left:50vw;width:90px;height:2px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6) 30%,#fff);border-radius:2px;animation:shootingStar4 35s linear 25s infinite;pointer-events:none;z-index:3;opacity:0}@keyframes shootingStar1{0%{transform:translateX(0) translateY(0) rotate(35deg);opacity:0}5%{opacity:1}25%{transform:translateX(30vw) translateY(120vh) rotate(35deg);opacity:.8}30%{opacity:0}to{transform:translateX(0) translateY(0) rotate(35deg);opacity:0}}@keyframes shootingStar2{0%{transform:translateX(0) translateY(0) rotate(45deg);opacity:0}3%{opacity:.9}20%{transform:translateX(-20vw) translateY(120vh) rotate(45deg);opacity:.7}25%{opacity:0}to{transform:translateX(0) translateY(0) rotate(45deg);opacity:0}}@keyframes shootingStar3{0%{transform:translateX(0) translateY(0) rotate(25deg);opacity:0}4%{opacity:.8}22%{transform:translateX(40vw) translateY(120vh) rotate(25deg);opacity:.6}28%{opacity:0}to{transform:translateX(0) translateY(0) rotate(25deg);opacity:0}}@keyframes shootingStar4{0%{transform:translateX(0) translateY(0) rotate(50deg);opacity:0}2%{opacity:1}18%{transform:translateX(-10vw) translateY(120vh) rotate(50deg);opacity:.8}22%{opacity:0}to{transform:translateX(0) translateY(0) rotate(50deg);opacity:0}}.app-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(15,23,42,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.1);padding:1rem 2rem}.header-content{justify-content:space-between;max-width:1200px;margin:0 auto}.header-content,.logo-section{display:flex;align-items:center}.logo-section{gap:.75rem;position:relative}.logo-section:before{content:"✨";position:absolute;left:-25px;top:-8px;font-size:.8rem;animation:starTwinkle1 3s ease-in-out infinite;opacity:.8}.logo-section:after{content:"⭐";position:absolute;right:-25px;top:-5px;font-size:.7rem;animation:starTwinkle2 2.5s ease-in-out .5s infinite;opacity:.9}@keyframes starTwinkle1{0%,to{opacity:.3;transform:scale(.8) translateY(0)}50%{opacity:1;transform:scale(1.2) translateY(-3px)}}@keyframes starTwinkle2{0%,to{opacity:.4;transform:scale(.9) translateY(0) rotate(0deg)}50%{opacity:1;transform:scale(1.1) translateY(-2px) rotate(180deg)}}.logo-icon{font-size:1.8rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoMoonFloat 4s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 0 8px rgba(251,191,36,.4));position:relative}.logo-icon:before{content:"🌟";top:-12px;left:-15px;font-size:.6rem;animation:starOrbit1 6s linear infinite}.logo-icon:after,.logo-icon:before{position:absolute;filter:none;-webkit-text-fill-color:initial}.logo-icon:after{content:"💫";bottom:-12px;right:-15px;font-size:.7rem;animation:starOrbit2 5s linear infinite reverse}@keyframes starOrbit1{0%{transform:rotate(0deg) translateX(20px) rotate(0deg);opacity:.6}50%{opacity:1}to{transform:rotate(1turn) translateX(20px) rotate(-1turn);opacity:.6}}@keyframes starOrbit2{0%{transform:rotate(0deg) translateX(18px) rotate(0deg) scale(.8);opacity:.7}50%{opacity:1;transform:rotate(180deg) translateX(18px) rotate(-180deg) scale(1.1)}to{transform:rotate(1turn) translateX(18px) rotate(-1turn) scale(.8);opacity:.7}}@keyframes logoMoonFloat{0%,to{transform:translateY(0) rotate(0deg);filter:drop-shadow(0 0 8px rgba(251,191,36,.4)) brightness(1)}25%{transform:translateY(-3px) rotate(-2deg);filter:drop-shadow(0 0 12px rgba(251,191,36,.6)) brightness(1.1)}50%{transform:translateY(-5px) rotate(0deg);filter:drop-shadow(0 0 15px rgba(251,191,36,.8)) brightness(1.2)}75%{transform:translateY(-3px) rotate(2deg);filter:drop-shadow(0 0 12px rgba(251,191,36,.6)) brightness(1.1)}}.logo-text{font-size:1.25rem;font-weight:600;color:#f8fafc}.language-select{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:.5rem .75rem;color:#f8fafc;font-size:.875rem;cursor:pointer}.language-select option{background:#0f172a;color:#f8fafc}.app-layout{margin-top:80px;min-height:calc(100vh - 80px)}.main-content{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:10}.content-header{text-align:center;margin-bottom:3rem;background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden}.content-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(147,51,234,.05));pointer-events:none}.main-title{font-size:2.5rem;font-weight:700;color:#fbbf24;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);position:relative;z-index:2}.main-description{font-size:1.125rem;line-height:1.6;color:#e2e8f0;max-width:800px;margin:0 auto;position:relative;z-index:2}.tab-navigation{display:flex;background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:.5rem;margin-bottom:2rem;gap:.5rem}.tab-btn{flex:1;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:8px;color:#94a3b8;font-weight:500;cursor:pointer;transition:all .3s ease}.tab-btn.active{background:hsla(0,0%,100%,.9);color:#1e293b;font-weight:600}.tab-btn:hover:not(.active){background:hsla(0,0%,100%,.1);color:#e2e8f0}.tab-content{position:relative;z-index:10}.benefits-consequences-container{margin-bottom:3rem}.benefits-consequences-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;min-height:200px}@media (max-width:768px){.benefits-consequences-grid{grid-template-columns:1fr;gap:1rem}}.benefit-consequence-card{background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:20px;padding:2rem;border:1px solid hsla(0,0%,100%,.06);transition:all .3s ease;position:relative;overflow:hidden}.benefit-consequence-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent 50%);opacity:0;transition:opacity .3s ease}.benefit-consequence-card:hover{transform:translateY(-5px);border-color:rgba(251,191,36,.4);box-shadow:0 20px 40px rgba(0,0,0,.3)}.benefit-consequence-card:hover:before{opacity:1}.benefits-card{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(16,185,129,.08));border:1px solid rgba(34,197,94,.25)}.consequences-card{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(220,38,127,.08));border:1px solid rgba(239,68,68,.25)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.card-content{position:relative;z-index:2}.benefit-list,.consequence-list{list-style:none;space-y:.75rem}.benefit-list li,.consequence-list li{color:#f1f5f9;font-size:.95rem;line-height:1.6;margin-bottom:.75rem;display:flex;align-items:center;transition:color .2s ease}.benefit-list li:hover,.consequence-list li:hover{color:#fbbf24}.icon-wrapper{font-size:1.25rem;padding:.5rem;background:hsla(0,0%,100%,.8);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px}.card-title{font-size:1.25rem;font-weight:700;color:#fbbf24;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.calculator-main-container{margin-bottom:3rem}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;min-height:500px}@media (max-width:1024px){.calculator-grid{grid-template-columns:1fr;gap:2rem}}.time-selection-section{background:rgba(30,58,138,.05);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(59,130,246,.12);border-radius:24px;padding:2.5rem;position:relative;overflow:hidden}.time-selection-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.1),transparent 70%);pointer-events:none}.results-section-modern{background:rgba(51,65,85,.05);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(148,163,184,.12);border-radius:24px;padding:2.5rem;position:relative;overflow:hidden}.results-section-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(148,163,184,.1),transparent 70%);pointer-events:none}.section-header{margin-bottom:1rem}.section-header h2{font-size:1.5rem;font-weight:600;color:#f8fafc}.time-toggle{margin-bottom:1.5rem;background:hsla(0,0%,100%,.05);padding:.25rem;border-radius:12px}.toggle-btn{padding:.75rem 1rem;border-radius:8px;font-weight:500}.toggle-btn.active{background:hsla(0,0%,100%,.9);font-weight:600}.time-display{display:flex;justify-content:center}.time-input{font-size:3rem;font-weight:600;background:rgba(251,191,36,.9);color:#1e293b;border:none;border-radius:16px;padding:1rem 2rem;text-align:center;min-width:200px}.section-title{font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;position:relative;z-index:2}.share-btn-modern{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;font-size:.9rem;margin-left:auto;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px rgba(59,130,246,.3)}.share-btn-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.4);background:linear-gradient(135deg,#2563eb,#1e40af)}.share-btn-modern .share-icon{font-size:1.1rem;animation:shareIconFloat 2s ease-in-out infinite}@keyframes shareIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.share-icon{font-size:1rem}.share-text{font-size:.9rem}.results-container{space-y:1rem;margin-bottom:2rem;position:relative;z-index:2}.result-card-modern{background:hsla(0,0%,100%,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;transition:all .3s ease;position:relative;overflow:hidden}.result-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(251,191,36,.1),transparent 50%);opacity:0;transition:opacity .3s ease}.result-card-modern:hover{transform:translateY(-3px);border-color:rgba(251,191,36,.4);box-shadow:0 12px 25px rgba(0,0,0,.2)}.result-card-modern:hover:before{opacity:1}.result-card-featured{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(16,185,129,.1));border:2px solid rgba(34,197,94,.4);transform:scale(1.02)}.result-card-featured:before{background:linear-gradient(135deg,rgba(34,197,94,.15),transparent 50%)}.result-left,.result-right{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:2}.result-right{align-items:flex-end}.result-time-modern{font-size:2rem;font-weight:700;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3)}.result-cycles{font-size:.9rem;color:#cbd5e1;font-weight:500}.result-hours{font-size:1rem;color:#e2e8f0;font-weight:600}.quality-badge-modern{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.sleep-tip{background:rgba(59,130,246,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;position:relative;z-index:2}.tip-icon{font-size:1.2rem;opacity:.8}.tip-text{font-size:.85rem;color:#cbd5e1;line-height:1.4}.share-btn{background:hsla(0,0%,100%,.9);color:#1e293b;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:500;cursor:pointer;font-size:.875rem;margin-left:auto}.results-grid{display:grid;gap:1rem}.result-card{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.result-time{font-size:1.5rem;font-weight:700;color:#fbbf24}.result-info{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.cycles-text{font-size:.875rem;color:#e2e8f0}.quality-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff}.bg-green-500{background-color:#10b981}.bg-yellow-500{background-color:#f59e0b}.bg-orange-500{background-color:#f97316}.bg-red-500{background-color:#ef4444}.science-section-modern{background:rgba(139,69,19,.05);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(251,191,36,.12);border-radius:24px;padding:2.5rem;margin-bottom:3rem;position:relative;overflow:hidden}.science-section-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(251,191,36,.08),transparent 70%);pointer-events:none}.science-icon{animation:brainPulse 3s ease-in-out infinite}@keyframes brainPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}.science-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;position:relative;z-index:2}.science-card-modern{background:hsla(0,0%,100%,.07);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.science-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(251,191,36,.1),transparent 50%);opacity:0;transition:opacity .3s ease}.science-card-modern:hover{transform:translateY(-5px);border-color:rgba(251,191,36,.4);box-shadow:0 15px 30px rgba(0,0,0,.3)}.science-card-modern:hover:before{opacity:1}.science-number{font-size:2.5rem;font-weight:700;color:#fbbf24;margin-bottom:.5rem;position:relative;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.science-label{font-size:.875rem;color:#e2e8f0;font-weight:500;position:relative;z-index:2}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.stat-icon{font-size:1.5rem;opacity:.7}.stat-content{flex:1}.stat-label{margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:#fbbf24}.today-sleep-section{background:rgba(51,65,85,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.15);border-radius:20px;padding:2rem;margin-bottom:2rem}.date-text{color:#94a3b8;font-size:.875rem;margin-left:auto}.add-record-btn{background:#f59e0b;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:500;cursor:pointer;font-size:.875rem}.today-content{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:2rem;text-align:center}.no-records{color:#e2e8f0;font-style:italic}.sleep-record{display:flex;justify-content:space-between;align-items:center}.record-time{font-weight:600;color:#fbbf24}.record-quality{font-size:1.25rem}.recent-records-section{background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.15);border-radius:24px;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.recent-records-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(168,85,247,.08),transparent 70%);pointer-events:none}.section-title{font-size:1.25rem;font-weight:600;color:#fbbf24;margin-bottom:.5rem;position:relative;z-index:2}.section-subtitle{color:#cbd5e1;margin-bottom:1.5rem;position:relative;z-index:2}.records-list{space-y:1rem}.record-item:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px);border-color:rgba(251,191,36,.3)}.record-date{font-weight:600;color:#fbbf24}.record-details{color:#cbd5e1}.record-rating{font-size:1rem}.education-section{background:rgba(51,65,85,.15);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.15);border-radius:24px;padding:2.5rem;margin-bottom:2rem;position:relative;overflow:hidden}.education-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,.08),transparent 70%);pointer-events:none}.section-description{color:#e2e8f0;line-height:1.6;margin-bottom:2rem;position:relative;z-index:2}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.benefit-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;transition:all .3s ease;position:relative;z-index:2}.benefit-item:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px);border-color:rgba(251,191,36,.3)}.benefit-icon{font-size:1.5rem;padding:.5rem;background:#fff;border-radius:8px}.benefit-content h4{font-weight:600;color:#fbbf24;margin-bottom:.25rem}.benefit-content p{color:#cbd5e1;font-size:.875rem}.consequences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.consequence-group h4{font-weight:600;color:#fbbf24;margin-bottom:1rem;position:relative;z-index:2}.consequence-group ul{list-style:none;space-y:.5rem}.consequence-group li{color:#e2e8f0;line-height:1.5;margin-bottom:.5rem;position:relative;z-index:2}.sleep-stages{margin-bottom:2rem}.sleep-stages h4{font-weight:600;color:#1e293b;margin-bottom:1rem}.stages-list{display:grid;gap:1rem}.stage-item{padding:1rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;position:relative;z-index:2;transition:all .3s ease}.stage-item:hover{background:hsla(0,0%,100%,.15);border-color:rgba(251,191,36,.3);transform:translateY(-2px)}.stage-item strong{color:#fbbf24;display:block;margin-bottom:.5rem}.stage-item p{color:#cbd5e1}.why-90-minutes{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.15);padding:1.5rem;border-radius:16px;position:relative;z-index:2}.why-90-minutes h4{font-weight:600;color:#fbbf24;margin-bottom:1rem}.why-90-minutes>p{color:#e2e8f0;line-height:1.6;margin-bottom:1rem}.pro-tip{display:flex;gap:1rem;padding:1rem;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.2);border-radius:8px}.tip-icon{font-size:1.25rem}.tip-content strong{color:#fbbf24;display:block;margin-bottom:.5rem}.tip-content p{color:#e2e8f0}.sharing-section{background:rgba(51,65,85,.12);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.15);border-radius:24px;padding:2.5rem;margin-bottom:2rem;position:relative;overflow:hidden}.sharing-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(16,185,129,.08),transparent 70%);pointer-events:none}.sharing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}@media (min-width:1024px){.sharing-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px) and (max-width:1023px){.sharing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.sharing-grid{grid-template-columns:1fr}}.sharing-card{padding:1.5rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.12);border-radius:16px;transition:all .3s ease;position:relative;z-index:2}.sharing-card:hover{background:hsla(0,0%,100%,.15);transform:translateY(-3px);border-color:rgba(251,191,36,.3);box-shadow:0 8px 20px rgba(0,0,0,.2)}.sharing-icon{font-size:1.5rem;margin-bottom:1rem}.sharing-card h4{font-weight:600;color:#fbbf24;margin-bottom:.5rem}.sharing-card p{color:#cbd5e1;font-size:.875rem;line-height:1.5}.hashtags h4{font-weight:600;color:#fbbf24;margin-bottom:1rem;position:relative;z-index:2}.hashtag-list{display:flex;flex-wrap:wrap;gap:.5rem}.hashtag{background:rgba(251,191,36,.1);color:#92400e;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.testimonials-section{background:rgba(15,23,42,.05);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid hsla(0,0%,100%,.06);border-radius:24px;padding:4rem 2rem;margin:2rem;position:relative;z-index:10;overflow:hidden}.testimonials-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(147,51,234,.05));pointer-events:none}.testimonials-container{max-width:1200px;margin:0 auto}.testimonials-title{font-size:2.5rem;font-weight:700;color:#f8fafc;text-align:center;margin-bottom:.5rem}.testimonials-subtitle{color:#94a3b8;text-align:center;margin-bottom:3rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}@media (min-width:1200px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1199px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-card{background:hsla(0,0%,100%,.07);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent 50%);opacity:0;transition:opacity .3s ease}.testimonial-card:hover{transform:translateY(-8px);border-color:rgba(251,191,36,.3);box-shadow:0 20px 40px rgba(0,0,0,.3)}.testimonial-card:hover:before{opacity:1}.testimonial-header{gap:1rem;margin-bottom:1rem}.avatar,.testimonial-header{display:flex;align-items:center}.avatar{width:48px;height:48px;background:#f3f4f6;border-radius:50%;justify-content:center;font-size:1.5rem}.user-name{font-weight:600;color:#f8fafc}.user-name,.user-title{position:relative;z-index:2}.user-title{color:#cbd5e1;font-size:.875rem}.rating{font-size:1rem;margin-bottom:1rem}.testimonial-text{color:#e2e8f0;line-height:1.6;position:relative;z-index:2}.user-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stat-item{text-align:center;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.5rem}.stat-number{font-size:2.5rem;font-weight:700;color:#fbbf24;margin-bottom:.5rem}.stat-label{color:#e2e8f0;font-size:.875rem}.copyright-footer{background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.1);padding:1.5rem 0;margin-top:2rem;position:relative;z-index:10}.copyright-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center;display:flex;flex-direction:column;gap:1rem}.copyright-text{color:#cbd5e1;font-size:.875rem;margin:0;opacity:.8}.footer-links{display:flex;justify-content:center;gap:1rem}.footer-link{color:#94a3b8;text-decoration:none;font-size:.875rem;padding:.25rem .5rem;border-radius:4px;transition:all .3s ease}.footer-link:hover{color:#fbbf24;background:hsla(0,0%,100%,.05)}.moon-magical{animation:moonMagical 4s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}@keyframes moonMagical{0%,to{transform:translateY(0) rotate(0deg) scale(1);filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}25%{transform:translateY(-8px) rotate(-5deg) scale(1.05);filter:drop-shadow(0 0 15px rgba(251,191,36,.7))}50%{transform:translateY(-12px) rotate(0deg) scale(1.1);filter:drop-shadow(0 0 20px rgba(251,191,36,.8))}75%{transform:translateY(-8px) rotate(5deg) scale(1.05);filter:drop-shadow(0 0 15px rgba(251,191,36,.7))}}.animated-heart{animation:heartBeat 2s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.animated-warning{animation:warningPulse 3s ease-in-out infinite}@keyframes warningPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}.results-icon{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg);filter:brightness(1)}50%{transform:scale(1.1) rotate(10deg);filter:brightness(1.3)}}.time-toggle-container{margin:2rem 0}.time-toggle{display:flex;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:.5rem;gap:.5rem}.toggle-btn{flex:1;padding:1rem 1.5rem;background:transparent;border:none;border-radius:12px;color:#94a3b8;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.toggle-btn.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;transform:scale(1.02);box-shadow:0 4px 12px rgba(251,191,36,.3)}.toggle-btn:hover:not(.active){background:hsla(0,0%,100%,.1);color:#e2e8f0;transform:scale(1.01)}.toggle-icon{font-size:1.2rem}.toggle-text{font-size:.95rem}.time-input-container{margin:2rem 0}.time-label{display:block;font-size:1.1rem;color:#e2e8f0;margin-bottom:1rem;text-align:center;font-weight:500}.time-display-wrapper{display:flex;justify-content:center;margin-bottom:2rem}.calendar-time-picker{background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.08);border-radius:24px;padding:2rem;margin:2rem 0}.time-picker-wheel-container{display:flex;align-items:flex-start;justify-content:center;gap:1rem;margin-top:2rem;margin-bottom:2rem;flex-wrap:wrap}.time-wheel-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.time-wheel-label{font-size:1rem;color:#fbbf24;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.time-wheel{display:grid;gap:.25rem;padding:.5rem;background:hsla(0,0%,100%,.03);border-radius:12px;border:1px solid hsla(0,0%,100%,.08)}.hour-wheel,.time-wheel{grid-template-columns:repeat(4,1fr)}.hour-wheel,.minute-wheel{grid-template-rows:repeat(6,1fr)}.minute-wheel{grid-template-columns:repeat(2,1fr)}.time-wheel-item{background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;padding:.5rem;text-align:center;color:#e2e8f0;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.time-wheel-item:hover{background:rgba(251,191,36,.2);color:#fbbf24;transform:scale(1.05);border-color:rgba(251,191,36,.3)}.time-wheel-item.active{background:linear-gradient(135deg,rgba(251,191,36,.8),rgba(245,158,11,.8));color:#1e293b;transform:scale(1.1);box-shadow:0 4px 15px rgba(251,191,36,.4);border-color:rgba(251,191,36,.6)}.time-separator-wheel{font-size:2.5rem;font-weight:700;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3);align-self:center;margin-top:2rem;margin-left:.5rem;margin-right:.5rem;animation:timeSeparatorPulse 2s ease-in-out infinite}.selected-time-display{text-align:center;padding:1.5rem;background:rgba(251,191,36,.1);border-radius:16px;border:1px solid rgba(251,191,36,.2)}.selected-time-large{font-size:3rem;font-weight:700;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:.5rem}.selected-time-period{font-size:1.2rem;font-weight:600;color:#cbd5e1;text-transform:uppercase;letter-spacing:1px}@keyframes timeSeparatorPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.time-wheel::-webkit-scrollbar{width:4px}.time-wheel::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:2px}.time-wheel::-webkit-scrollbar-thumb{background:rgba(251,191,36,.5);border-radius:2px}.time-wheel::-webkit-scrollbar-thumb:hover{background:rgba(251,191,36,.7)}.privacy-container{max-width:800px;margin:0 auto;padding:2rem;background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;position:relative;z-index:10;overflow:hidden}.privacy-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(147,51,234,.05));pointer-events:none}.privacy-title{font-size:2.5rem;font-weight:700;color:#fbbf24;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.privacy-title,.privacy-updated{text-align:center;position:relative;z-index:2}.privacy-updated{color:#94a3b8;margin-bottom:3rem}.privacy-content{position:relative;z-index:2}.privacy-section{margin-bottom:2.5rem}.privacy-section h2{font-size:1.5rem;font-weight:600;color:#fbbf24;margin-bottom:1rem;border-bottom:2px solid rgba(251,191,36,.3);padding-bottom:.5rem}.privacy-section p{color:#e2e8f0;line-height:1.6;margin-bottom:1rem}.privacy-section ul{list-style:none;margin-left:1rem}.privacy-section li{color:#cbd5e1;margin-bottom:.75rem;position:relative;padding-left:1.5rem}.privacy-section li:before{content:"•";color:#fbbf24;position:absolute;left:0;font-weight:700}.back-link{color:#e2e8f0;text-decoration:none;padding:.5rem 1rem;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;transition:all .3s ease}.back-link:hover{background:hsla(0,0%,100%,.1);color:#fbbf24}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.sleep-modal{background:rgba(51,65,85,.95);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:0;max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1);background:rgba(59,130,246,.1)}.modal-header h3{font-size:1.25rem;font-weight:600;color:#fbbf24;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:hsla(0,0%,100%,.1);color:#fbbf24}.modal-content{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#fbbf24;margin-bottom:.5rem;font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-input{width:100%;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:.75rem;color:#e2e8f0;font-size:.9rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:#fbbf24;background:hsla(0,0%,100%,.12)}.quality-selector{display:flex;gap:.5rem;flex-wrap:wrap}.quality-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:.5rem;color:#e2e8f0;cursor:pointer;transition:all .3s ease;font-size:.8rem;min-width:60px}.quality-btn:hover{background:hsla(0,0%,100%,.15)}.quality-btn.active{background:#fbbf24;color:#1e293b;border-color:#fbbf24}.duration-preview{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:.75rem;text-align:center;color:#fbbf24;font-weight:600;margin-top:1rem}.modal-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid hsla(0,0%,100%,.1);background:rgba(15,23,42,.3)}.cancel-btn,.save-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn{background:hsla(0,0%,100%,.1);color:#94a3b8}.cancel-btn:hover{background:hsla(0,0%,100%,.2);color:#e2e8f0}.save-btn{background:#fbbf24;color:#1e293b}.save-btn:hover{background:#f59e0b;transform:translateY(-1px)}.record-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin-bottom:1rem;transition:all .3s ease;position:relative;z-index:2}.record-info{flex:1}.record-actions{display:flex;gap:.5rem;margin-left:1rem}.delete-btn,.edit-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;padding:.5rem;cursor:pointer;transition:all .3s ease;font-size:.9rem;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.edit-btn:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.4);transform:scale(1.05)}.delete-btn:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4);transform:scale(1.05)}.current-time-info{background:rgba(15,23,42,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:1.5rem;text-align:center;position:relative;z-index:2}.time-info-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.time-info-icon{font-size:1.2rem}.time-info-title{font-size:.9rem;color:#94a3b8;font-weight:600}.time-info-content{space-y:.5rem}.selected-time{font-size:2.5rem;font-weight:700;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:.5rem}.time-mode-label{font-size:.85rem;color:#cbd5e1;font-weight:500}@media (max-width:768px){.main-content{padding:1rem}.main-title,.time-input{font-size:2rem}.time-input{min-width:150px}.testimonials-grid,.user-stats{grid-template-columns:1fr}.time-picker-wheel-container{gap:1.5rem;flex-direction:column;align-items:center}.time-wheel-section{width:100%;max-width:300px}.time-wheel{gap:.5rem;padding:.75rem}.time-wheel-item{min-width:44px;min-height:44px;padding:.5rem}.share-btn-modern{padding:.75rem 1rem;font-size:.9rem;min-width:auto}.share-btn-modern .share-text{display:none}.share-btn-modern .share-icon{font-size:1.2rem;margin-right:0}.animated-heart,.animated-warning{display:none}.icon-wrapper.benefits-icon,.icon-wrapper.consequences-icon{margin-bottom:.5rem}}@media (min-width:600px) and (max-width:700px){.time-picker-wheel-container{gap:1.5rem}.time-wheel{grid-template-columns:repeat(3,1fr);max-width:200px}.hour-wheel{grid-template-columns:repeat(4,1fr);max-width:250px}.minute-wheel{grid-template-columns:repeat(3,1fr);max-width:180px}.time-wheel-item{min-width:38px;min-height:38px;padding:.5rem;font-size:.9rem}}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal{background:rgba(51,65,85,.95);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.share-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.share-modal-header h3{font-size:1.5rem;font-weight:700;color:#fbbf24;margin:0}.share-modal-close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.share-modal-close:hover{background:hsla(0,0%,100%,.1);color:#f8fafc}.share-preview{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.share-preview p{color:#e2e8f0;margin:0;line-height:1.5;font-size:.95rem}.share-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.share-platforms .share-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;color:#e2e8f0;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.share-platforms .share-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px);border-color:rgba(251,191,36,.4);box-shadow:0 8px 20px rgba(0,0,0,.3)}.share-platforms .share-btn .share-icon{font-size:1.1rem}.space-y-6>*+*{margin-top:1.5rem}