*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a1929;color:#e2e8f0;overflow-x:hidden;line-height:1.6}html{scroll-behavior:smooth}.app{position:relative;min-height:100vh;background:transparent}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.background-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;opacity:.9}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0a192fb3,#0a192f80,#0a192fcc);z-index:1}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.floating-elements{position:absolute;width:100%;height:100%}.floating-element{position:absolute;width:6px;height:6px;background:radial-gradient(circle,rgba(96,165,250,.6),transparent);border-radius:50%;animation:floatAround 25s linear infinite;box-shadow:0 0 20px #60a5facc}@keyframes floatAround{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100px,-100vh) rotate(360deg);opacity:0}}.content{position:relative;z-index:2;min-height:100vh;opacity:0;transition:opacity 1.5s ease-in-out}.content.fade-in{opacity:1}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative}.hero-content{max-width:900px;animation:heroFadeIn 1.5s ease-out}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.title-container{margin-bottom:2rem}.hero-title{font-size:5rem;font-weight:700;color:#fff;text-shadow:0 0 40px rgba(96,165,250,.8),0 0 80px rgba(96,165,250,.5),0 4px 20px rgba(0,0,0,.8);letter-spacing:3px;margin-bottom:1.5rem;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 40px rgba(96,165,250,.8),0 0 80px rgba(96,165,250,.5),0 4px 20px rgba(0,0,0,.8)}50%{text-shadow:0 0 60px rgba(96,165,250,1),0 0 100px rgba(96,165,250,.7),0 4px 20px rgba(0,0,0,.8)}}.title-underline{height:4px;width:200px;margin:0 auto;background:linear-gradient(90deg,transparent,rgba(96,165,250,.8),rgba(147,197,253,1),rgba(96,165,250,.8),transparent);box-shadow:0 0 20px #60a5fa99;animation:underlinePulse 2s ease-in-out infinite}@keyframes underlinePulse{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.1)}}.hero-subtitle{font-size:1.8rem;color:#bae6fd;font-weight:300;margin-bottom:3rem;text-shadow:0 4px 15px rgba(0,0,0,.7);line-height:1.6}.hero-cta{margin-top:3rem}.cta-button{padding:1.2rem 3rem;font-size:1.2rem;font-weight:600;color:#0a1929;background:linear-gradient(135deg,#60a5fa,#93c5fd);border:none;border-radius:50px;cursor:pointer;transition:all .4s ease;box-shadow:0 10px 30px #60a5fa66,0 0 50px #60a5fa4d;text-transform:uppercase;letter-spacing:1px}.cta-button:hover{transform:translateY(-5px);box-shadow:0 15px 40px #60a5fa99,0 0 80px #60a5fa80;background:linear-gradient(135deg,#93c5fd,#60a5fa)}.cta-button:active{transform:translateY(-2px)}.category-selector{display:flex;justify-content:center;gap:1rem;margin:4rem auto;padding:0 2rem;flex-wrap:wrap;max-width:1200px}.category-btn{background:#1e3a8a99;border:2px solid rgba(96,165,250,.3);color:#bfdbfe;padding:1rem 1.8rem;border-radius:50px;cursor:pointer;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500}.category-btn:hover{background:#2563eb80;border-color:#60a5fa99;box-shadow:0 0 20px #60a5fa66;transform:translateY(-3px)}.category-btn.active{background:linear-gradient(135deg,#2563eb,#60a5fa);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #60a5fa80}.category-emoji{font-size:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.activities-grid{max-width:1200px;margin:0 auto;padding:2rem;display:grid;gap:3rem}.category-section{animation:slideUp .8s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.category-title{font-size:2.2rem;margin-bottom:2rem;color:#93c5fd;font-weight:400;display:flex;align-items:center;gap:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(96,165,250,.3);text-shadow:0 0 20px rgba(96,165,250,.5)}.category-icon{font-size:2rem}.activities-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.activity-card{background:#1e3a8a80;padding:2rem;border-radius:20px;display:flex;align-items:flex-start;gap:1.5rem;transition:all .4s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(96,165,250,.2);position:relative;overflow:hidden;animation:cardAppear .6s ease-out}@keyframes cardAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.activity-card:hover{transform:translateY(-8px);background:#2563eb99;border-color:#60a5fa80;box-shadow:0 15px 40px #60a5fa4d}.activity-hover-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(96,165,250,.2),transparent);transition:left .6s ease}.activity-card:hover .activity-hover-effect{left:100%}.activity-icon{font-size:2.5rem;flex-shrink:0}.activity-content{flex:1}.activity-name{font-size:1.3rem;margin-bottom:.5rem;color:#e0f2fe;font-weight:600}.activity-description{color:#bae6fd;font-size:.95rem;line-height:1.6}.meditation-section{max-width:1200px;margin:4rem auto;padding:3rem 2rem;text-align:center;background:#1e3a8a66;border-radius:25px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(96,165,250,.3)}.meditation-header h2{font-size:2.5rem;margin-bottom:1rem;color:#93c5fd;font-weight:400;text-shadow:0 0 20px rgba(96,165,250,.5)}.meditation-header p{font-size:1.2rem;color:#bae6fd;margin-bottom:2rem}.breathing-container{display:flex;justify-content:center;align-items:center;min-height:350px}.breathing-circle{width:220px;height:220px;border:4px solid rgba(96,165,250,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all 4s ease-in-out;background:radial-gradient(circle,#2563eb4d,#1e3a8a80);box-shadow:0 0 40px #60a5fa66,inset 0 0 40px #60a5fa33}.breathing-in{transform:scale(1.4);border-color:#60a5fa;box-shadow:0 0 60px #60a5fab3}.breathing-hold{transform:scale(1.4);border-color:#93c5fd;box-shadow:0 0 80px #60a5facc}.breathing-out{transform:scale(1);border-color:#60a5fa80;box-shadow:0 0 40px #60a5fa66}.breathing-guidance{text-align:center}.breathing-text{font-size:1.8rem;color:#e0f2fe;margin-bottom:.5rem;font-weight:600;text-shadow:0 0 20px rgba(96,165,250,.8)}.breathing-instruction{font-size:1rem;color:#bae6fd}.quote-section{max-width:900px;margin:4rem auto;padding:3rem 2rem;text-align:center;background:#1e3a8a80;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:5px solid #60a5fa;box-shadow:0 10px 40px #0000004d}.quote{font-size:1.6rem;font-style:italic;color:#e0f2fe;margin-bottom:1.5rem;line-height:1.8}.quote-author{font-size:1.2rem;color:#93c5fd}.iframe-section{max-width:1200px;margin:4rem auto;padding:3rem 2rem;background:#1e3a8a4d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.iframe-title{font-size:2.2rem;text-align:center;margin-bottom:2rem;color:#93c5fd;text-shadow:0 0 20px rgba(96,165,250,.5)}.iframe-container{position:relative;width:100%;padding-bottom:56.25%;background:#0f172a99;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0006;border:2px solid rgba(96,165,250,.3)}.iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:16px}.footer{margin-top:4rem;border-radius:40px;width:100%;padding:3rem 2rem 2rem;border-top:2px solid rgba(96,165,250,.3);background:#0f172acc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.footer-content{max-width:800px;margin:0 auto;text-align:center}.footer-disclaimer p{margin-bottom:1rem;color:#bae6fd;font-size:1.1rem}.footer-copyright p{color:#7dd3fc;font-size:.95rem;margin-top:2rem;opacity:.8}@media(max-width:768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.3rem}.cta-button{padding:1rem 2rem;font-size:1rem}.category-selector{gap:.8rem;padding:0 1rem}.category-btn{padding:.8rem 1.2rem;font-size:.9rem}.activities-list{grid-template-columns:1fr}.breathing-circle{width:180px;height:180px}}@media(max-width:480px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.category-selector{flex-direction:column;align-items:stretch}.category-btn{justify-content:center}.activity-card{flex-direction:column;text-align:center}.breathing-circle{width:160px;height:160px}}::selection{background:#60a5fa66;color:inherit}.smoke-effect{position:fixed;pointer-events:none;z-index:10000;transform:translate(-50%,-50%)}.smoke-particle{position:absolute;width:8px;height:8px;background:#fffc;border-radius:50%;animation:smokeAnimation 1s ease-out forwards}@keyframes smokeAnimation{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(${Math.random() * 100 - 50}px,${Math.random() * -80 - 20}px) scale(0);opacity:0}}.smoke-btn{position:relative;overflow:hidden}.smoke-btn:active:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);animation:smokeClick .6s ease-out}@keyframes smokeClick{0%{width:0;height:0;opacity:.8}to{width:200px;height:200px;opacity:0}}.activity-card.clickable{cursor:pointer;transition:all .3s ease}.activity-card.clickable:hover{transform:translateY(-5px) scale(1.02);background:#ffffff1a;box-shadow:0 20px 50px #0006}.smoke-btn{position:relative;padding:.875rem 2rem;border-radius:50px;font-weight:600;color:#fff;cursor:pointer;overflow:hidden;border:none;outline:none;background:#ffffff1a;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.smoke-btn-border{position:absolute;inset:0;border-radius:50px;border:2px solid #6ee7b7;z-index:2}.smoke-btn-inner{position:absolute;inset:0;background:#10b981;overflow:hidden;border-radius:50px;z-index:1;filter:url(#goo)}.smoke-blob{position:absolute;width:25%;height:160%;top:10%;background:#000;border-radius:50%;transform:translateY(200%) scale(1.7);transition:transform .45s}.smoke-btn:hover .smoke-blob{transform:translateY(-10%) scale(1.7)}.movie-buddy-section{padding:4rem 1rem;text-align:center}.movie-buddy-header h2{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.movie-buddy-header p{font-size:1.2rem;color:#fffc;margin-bottom:3rem}.movie-buddy-content{display:flex;justify-content:center}.movie-buddy-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;border:1px solid rgba(255,255,255,.1);max-width:400px;text-align:center;transition:all .3s ease}.movie-buddy-card:hover{transform:translateY(-5px);background:#ffffff14;box-shadow:0 20px 50px #0006}.movie-buddy-emoji{font-size:4rem;margin-bottom:1.5rem}.movie-buddy-info h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.movie-buddy-info p{color:#ffffffb3;margin-bottom:2rem}.movie-buddy-btn{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #667eea4d;position:relative;overflow:hidden}.movie-buddy-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea66}@media(max-width:768px){.movie-buddy-section{padding:3rem 1rem}.movie-buddy-header h2{font-size:2rem}.movie-buddy-card{padding:2rem}}