@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap";html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{overflow-x:hidden}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#fff;direction:rtl;background:#0c0710;font-family:Vazirmatn,sans-serif}button{font-family:inherit}.app{background:radial-gradient(circle at 20% 20%,#c14a7a2e,#0000 30%),radial-gradient(circle at 80% 80%,#6d3a992e,#0000 30%),#0c0710;min-height:100vh;position:relative;overflow:hidden}.background-glow{filter:blur(100px);pointer-events:none;opacity:.25;border-radius:50%;width:450px;height:450px;position:fixed}.glow-one{background:#d44a86;top:-200px;right:-150px}.glow-two{background:#743bca;bottom:-200px;left:-150px}.landing-page{text-align:center;justify-content:center;align-items:center;padding:30px;display:flex}.landing-content{z-index:2;max-width:700px;position:relative}.camera{background:#ffffff12;border:1px solid #ffffff1f;border-radius:30px;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 25px;font-size:42px;display:flex;box-shadow:0 20px 60px #00000059}.small-title{color:#dba3bf;margin-bottom:15px;font-size:15px}.landing-content h1{letter-spacing:-5px;margin:0;font-size:clamp(60px,10vw,110px);font-weight:800;line-height:.95}.landing-content h1 span{background:linear-gradient(135deg,#ff9cc5,#c978ff);color:#0000;-webkit-background-clip:text}.landing-content p{color:#b8aeba;margin:35px 0;font-size:18px;line-height:2}.start-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c84d82,#7540a7);border:none;border-radius:18px;padding:17px 32px;font-size:16px;transition:all .3s;box-shadow:0 15px 40px #b945794d}.start-button:hover{transform:translateY(-4px);box-shadow:0 20px 50px #b9457973}.start-button span{margin-right:12px}.mini-info{color:#746a78;margin-top:25px;font-size:12px}.chapters-header{z-index:2;justify-content:space-between;align-items:center;max-width:1250px;margin:auto;padding:30px 25px;display:flex;position:relative}.chapters-header>div:nth-child(2){text-align:center}.chapters-header span{color:#9b8d9e;font-size:12px}.chapters-header h1{margin:5px 0 0;font-size:25px}.home-button,.back-button{color:#c8beca;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;padding:10px 15px;transition:all .25s}.home-button:hover,.back-button:hover{color:#fff;background:#ffffff1c}.header-camera{font-size:28px}.chapters-container{z-index:2;max-width:1250px;margin:auto;padding:50px 25px 40px;position:relative}.intro{text-align:center;margin-bottom:55px}.intro span{color:#b883a1;font-size:13px}.intro h2{margin:12px 0;font-size:36px}.intro p{color:#857987;margin:0}.stories-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.story-card{text-align:right;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff14;border-radius:25px;min-height:250px;padding:28px;transition:all .35s;position:relative;overflow:hidden}.story-card:after{content:"";background:#cf49801a;border-radius:50%;width:150px;height:150px;transition:all .4s;position:absolute;bottom:-80px;left:-80px}.story-card:hover{background:#ffffff12;border-color:#e073a44d;transform:translateY(-8px);box-shadow:0 25px 70px #0000004d}.story-card:hover:after{transform:scale(2)}.card-number{color:#675c6c;font-size:12px;position:absolute;top:22px;left:25px}.card-icon{margin-bottom:30px;font-size:42px}.card-content span{color:#a87f97;font-size:11px}.card-content h3{margin:8px 0 25px;font-size:20px}.read-more{color:#d391b0;font-size:12px}footer{text-align:center;color:#625965;margin-top:70px;font-size:12px}.story-page{padding:30px}.back-button{z-index:5;margin:10px;position:relative}.story-content{z-index:2;text-align:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff0b;border:1px solid #ffffff14;border-radius:35px;width:min(750px,100%);margin:70px auto;padding:50px;position:relative;box-shadow:0 30px 100px #0000004d}.story-icon{margin-bottom:20px;font-size:60px}.chapter{color:#b77d99;font-size:12px}.story-content h1{margin:10px 0 25px;font-size:clamp(30px,5vw,48px)}.story-line{background:linear-gradient(90deg,#d45488,#8750bc);width:60px;height:2px;margin:0 auto 35px}.story-content p{color:#c2b7c4;margin:0 0 18px;font-size:17px;line-height:2.5}.story-heart{color:#df6d9b;margin:35px 0;font-size:30px;animation:1.5s infinite heartbeat}.next-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#bd4e80,#713da0);border:none;border-radius:15px;padding:14px 25px;transition:all .3s}.next-button:hover{transform:translateY(-3px)}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (width<=900px){.stories-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.landing-content h1{font-size:65px}.landing-content p{font-size:15px}.chapters-header{padding:20px 15px}.chapters-header h1{font-size:19px}.header-camera{font-size:22px}.stories-grid{grid-template-columns:1fr}.chapters-container{padding:30px 15px}.intro h2{font-size:28px}.story-content{border-radius:25px;margin:40px auto;padding:30px 20px}.story-content p{font-size:15px;line-height:2.3}.story-page{padding:15px}}.music-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:100;background:#140f19bf;border:1px solid #ffffff26;border-radius:50%;width:48px;height:48px;font-size:20px;transition:all .3s;position:fixed;top:24px;left:24px;box-shadow:0 8px 25px #00000040}.music-button:hover{background:#96466ecc;transform:scale(1.08)}