@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;900&family=Amiri:wght@400;700&family=Scheherazade+New:wght@400;700&family=Noto+Nastaliq+Urdu:wght@400;700&family=Cormorant+Garamond:wght@300;400;500;600;700&family=Raleway:wght@100;200;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;700&family=Cormorant+Garamond:wght@300;400;500;600;700&family=Raleway:wght@100;200;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Raleway:wght@100;200;300;400;500;600;700&display=swap";:root{font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;background-color:#0a0a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background:#0a0a0f}#root{width:100%;height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0fcc}::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffd70080}::selection{background:#ffd70033;color:#fff}::-moz-selection{background:#ffd70033;color:#fff}body{overflow-x:hidden;overflow-y:auto;cursor:none!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body *{cursor:none!important}#root{width:100vw;min-height:100vh}.scroll-container{position:relative;z-index:10;width:100%;max-width:900px;margin:0 auto;padding:80px 60px;background:linear-gradient(to bottom,#281e144d,#1e160f80,#281e144d);box-shadow:inset 0 0 100px #00000080,inset 0 0 30px #8b5a2b1a,0 0 50px #000c;border-left:2px solid rgba(139,90,43,.2);border-right:2px solid rgba(139,90,43,.2)}.orb-3{width:450px;height:450px;background:radial-gradient(circle,#ffdf0026,#ffdf0000 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.content-container{position:relative;z-index:10;text-align:center;padding:60px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.center-glow{position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(255,215,0,.08) 0%,transparent 60%);filter:blur(60px);pointer-events:none;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%)}.title-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:40px}.title-line{display:block;line-height:1;will-change:transform,opacity,filter}.small-text{font-family:Raleway,sans-serif;font-size:clamp(.8rem,1.5vw,1.2rem);font-weight:400;letter-spacing:12px;color:gold;text-transform:uppercase;text-shadow:0 0 20px rgba(255,215,0,.6),0 0 40px rgba(255,215,0,.3);animation:subtle-glow 4s ease-in-out infinite}@keyframes subtle-glow{0%,to{text-shadow:0 0 20px rgba(255,215,0,.6),0 0 40px rgba(255,215,0,.3)}50%{text-shadow:0 0 30px rgba(255,215,0,.9),0 0 60px rgba(255,215,0,.5)}}.title-main{display:flex;flex-direction:column;align-items:center;gap:-10px}.main-text{font-family:Cormorant Garamond,serif;font-size:clamp(4rem,12vw,10rem);font-weight:300;letter-spacing:.02em;line-height:.85;cursor:default}.main-text:hover .text-gradient{animation:dreamy-float 2s ease-in-out infinite}@keyframes dreamy-float{0%,to{transform:translateY(0);filter:drop-shadow(0 0 60px rgba(255,215,0,.5))}50%{transform:translateY(-8px);filter:drop-shadow(0 5px 80px rgba(255,215,0,.7))}}.text-gradient{background:linear-gradient(120deg,#fff,gold,#ffed4e,gold,#fff,gold,#ffed4e 90%,#fff);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 60px rgba(255,215,0,.5));position:relative;display:inline-block}.text-gradient:after{content:attr(data-text);position:absolute;top:0;left:0;right:0;z-index:-1;background:inherit;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(30px);opacity:.6}.decorative-bar{width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),rgba(255,215,0,.8),rgba(255,215,0,.3),transparent);margin:30px 0;position:relative}.decorative-bar:before,.decorative-bar:after{content:"";position:absolute;width:4px;height:4px;background:gold;border-radius:50%;box-shadow:0 0 10px #ffd700cc;top:50%;transform:translateY(-50%)}.decorative-bar:before{left:0}.decorative-bar:after{right:0}.tagline{font-family:Raleway,sans-serif;font-size:clamp(.9rem,1.8vw,1.3rem);font-weight:200;color:#ffffff80;letter-spacing:8px;text-transform:uppercase;margin-top:10px;transition:all .3s ease}.scroll-indicator{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:1px;height:60px;background:#ffd7001a;display:flex;align-items:center;justify-content:center}.scroll-line{width:1px;height:30px;background:linear-gradient(to bottom,transparent,rgba(255,215,0,.8),transparent);transform-origin:top}.vignette-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:60;background:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,.6) 15%,transparent 35%,transparent 65%,rgba(0,0,0,.6) 85%,rgba(0,0,0,1) 100%)}.hero-section{text-align:center;padding:40px 0 60px;border-bottom:2px double rgba(139,90,43,.3);margin-bottom:60px;position:relative;z-index:10000}.hero-category{font-family:Raleway,sans-serif;font-size:.75rem;letter-spacing:6px;color:#8b5a2bcc;text-transform:uppercase;margin-bottom:25px;font-weight:400}.hero-title{font-family:Cormorant Garamond,serif;font-size:clamp(3rem,9vw,5.5rem);font-weight:400;color:#8b5a2bf2;line-height:1.3;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 30px rgba(139,90,43,.2);letter-spacing:2px}.hero-subtitle{font-family:Cormorant Garamond,serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:500;color:#8b5a2bf2;margin-bottom:30px;text-shadow:0 1px 3px rgba(0,0,0,.4);font-style:italic;letter-spacing:2px;text-transform:none}.decorative-line{width:120px;height:2px;background:linear-gradient(90deg,transparent,rgba(139,90,43,.4),rgba(139,90,43,.6),rgba(139,90,43,.4),transparent);margin:25px auto;position:relative}.decorative-line:before,.decorative-line:after{content:"❖";position:absolute;color:#8b5a2b80;font-size:12px;top:50%;transform:translateY(-50%)}.decorative-line:before{left:-15px}.decorative-line:after{right:-15px}.hero-date{font-family:Raleway,sans-serif;font-size:.8rem;color:#8b5a2b99;letter-spacing:3px;text-transform:uppercase}.magical-navigation{margin:80px 0 60px;padding:50px 30px;position:relative;background:linear-gradient(180deg,#140f0a4d,#1e160f66,#140f0a4d);border-radius:20px;border:1px solid rgba(139,90,43,.3);overflow:hidden}.magical-navigation:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(139,90,43,.15) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 50% 100%,rgba(139,90,43,.1) 0%,transparent 50%);pointer-events:none}.magical-nav-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:45px;position:relative}.magical-ornament-left,.magical-ornament-right{font-size:1.5rem;color:#8b5a2b99;text-shadow:0 0 10px rgba(139,90,43,.3)}.magical-ornament-right{transform:scaleX(-1)}.magical-title{font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:400;color:#8b5a2be6;letter-spacing:4px;text-transform:uppercase;text-shadow:0 2px 10px rgba(139,90,43,.3)}.magical-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative;z-index:2}.magical-card{position:relative;padding:35px 25px;background:linear-gradient(145deg,#1e160fb3,#281e14cc,#1e160fb3);border-radius:15px;cursor:pointer;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.magical-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(139,90,43,.25);border-radius:10px;pointer-events:none;transition:all .5s ease}.magical-card:after{content:"✦";position:absolute;top:5px;left:50%;transform:translate(-50%);font-size:.7rem;color:#8b5a2b66;transition:all .5s ease}.magical-card-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(139,90,43,.2) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.magical-card:hover .magical-card-glow{opacity:1}.magical-card-border{position:absolute;inset:0;border:2px solid transparent;border-radius:15px;background:linear-gradient(145deg,#8b5a2b4d,#daa52033) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity .5s ease;pointer-events:none}.magical-card:hover .magical-card-border{opacity:1}.magical-card:hover:before{border-color:#8b5a2b66;box-shadow:inset 0 0 20px #8b5a2b1a}.magical-card:hover:after{color:#daa520cc;text-shadow:0 0 10px rgba(218,165,32,.5)}.magical-card:hover{background:linear-gradient(145deg,#281e14cc,#322619e6,#281e14cc);box-shadow:0 15px 40px #0000004d,0 0 40px #8b5a2b33,inset 0 1px #ffffff0d}.magical-card-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(218,165,32,.1) 50%,transparent 100%);pointer-events:none}.magical-card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.magical-card-icon{font-size:2.5rem;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:all .5s ease}.magical-card:hover .magical-card-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) drop-shadow(0 0 15px rgba(218,165,32,.5));transform:scale(1.1)}.magical-card-title{font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:600;color:#8b5a2bf2;margin-bottom:12px;letter-spacing:1px;transition:all .5s ease}.magical-card:hover .magical-card-title{color:#daa520f2;text-shadow:0 0 20px rgba(218,165,32,.4)}.magical-card-description{font-family:Cormorant Garamond,serif;font-size:1rem;color:#8b5a2ba6;line-height:1.6;margin-bottom:20px;transition:color .5s ease}.magical-card:hover .magical-card-description{color:#8b5a2bd9}.magical-card-footer{margin-top:auto}.magical-arrow{font-size:1.5rem;color:#8b5a2b66;transition:all .5s ease;display:inline-block}.magical-card:hover .magical-arrow{color:#daa520e6;transform:translate(8px);text-shadow:0 0 15px rgba(218,165,32,.5)}.magical-card-particles{position:absolute;bottom:20px;left:0;right:0;height:30px;pointer-events:none;opacity:0;transition:opacity .5s ease}.magical-card:hover .magical-card-particles{opacity:1}.card-particle{position:absolute;font-size:.6rem;color:#daa520b3;text-shadow:0 0 5px rgba(218,165,32,.5)}.magical-nav-footer{margin-top:40px;display:flex;justify-content:center}.magical-divider{display:flex;align-items:center;justify-content:center;width:200px;position:relative}.magical-divider:before,.magical-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(139,90,43,.4),transparent)}.divider-star{padding:0 15px;color:#8b5a2b80;font-size:.9rem}.article-content{font-family:Cormorant Garamond,serif;color:#8b5a2bd9;line-height:1.8}.story-text{max-width:750px;margin:0 auto;position:relative}.story-content{position:relative}.story-content.collapsed,.story-content.expanded{padding-bottom:0}.story-fade-overlay{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,#1a141000,#1a14100d 10%,#1a141026 25%,#1a141059 45%,#1a1410a6 70%,#1a1410f2);pointer-events:none;z-index:10;filter:blur(2px);border-radius:0 0 20px 20px;-webkit-mask-image:radial-gradient(ellipse 100% 100% at center,black 60%,transparent 100%);mask-image:radial-gradient(ellipse 100% 100% at center,black 60%,transparent 100%)}.read-more-button{display:flex;flex-direction:column;align-items:center;gap:8px;margin:-10px auto 60px;padding:18px 45px;background:linear-gradient(135deg,#8b5a2b40,#a06e3c4d,#8b5a2b40);border:2px solid rgba(139,90,43,.5);border-radius:12px;color:#8b5a2bf2;font-family:Cormorant Garamond,serif;font-size:1.2rem;font-weight:600;letter-spacing:2px;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff1a,0 0 25px #8b5a2b4d;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:20}.read-more-button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,215,0,.15) 0%,transparent 70%);opacity:0;transition:opacity .5s ease}.read-more-button:hover:before{opacity:1}.read-more-button:hover{background:linear-gradient(135deg,#8b5a2b59,#a06e3c66,#8b5a2b59);border-color:#8b5a2bcc;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d,inset 0 1px #ffffff26,0 0 40px #8b5a2b80}.read-more-button:hover span{color:#daa520fa;text-shadow:0 0 15px rgba(218,165,32,.8),0 0 25px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.read-more-button span{position:relative;z-index:2;transition:all .5s ease}.read-more-icon{font-size:1.8rem;color:#8b5a2bb3;line-height:1;transition:all .5s ease}.read-more-button:hover .read-more-icon{color:#daa520e6;text-shadow:0 0 15px rgba(218,165,32,.6);transform:translateY(3px)}.hidden-paragraph{max-height:0;opacity:0;overflow:hidden;margin:0!important;padding:0;transform:translateY(-20px);transition:max-height .8s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),margin .8s cubic-bezier(.4,0,.2,1)}.article-paragraph{font-size:clamp(1.25rem,2.4vw,1.5rem);margin-bottom:28px;color:#3c2d1ed9;text-align:justify;line-height:2;text-indent:2.5em;letter-spacing:.4px;text-shadow:1px 1px 1px rgba(0,0,0,.1);position:relative;max-height:1000px;opacity:1;transform:translateY(0);transition:color .3s ease,text-shadow .3s ease,max-height .8s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.article-paragraph:hover{color:#8b5a2bf2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.article-paragraph-preview{margin-bottom:0!important;max-height:4.2em;overflow:hidden;position:relative;line-height:2.1em}.article-paragraph-first:first-letter{font-size:4em;line-height:.8;float:left;margin:.1em .1em 0 0;color:#8b5a2bcc;font-weight:600;text-shadow:2px 2px 3px rgba(0,0,0,.2)}.final-paragraph{margin-top:40px;margin-bottom:40px;font-size:clamp(1.35rem,2.6vw,1.65rem);font-weight:500;line-height:2.1;color:#3c2d1ee6;transition:color .3s ease,text-shadow .3s ease}.final-paragraph:hover{color:#8b5a2bf2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.story-signature{text-align:center;margin-top:70px;padding-top:50px;border-top:2px double rgba(139,90,43,.25)}.signature-ornament{width:60px;height:60px;margin:0 auto 25px;border:2px solid rgba(139,90,43,.3);border-radius:50%;position:relative;background:radial-gradient(circle,rgba(139,90,43,.05) 0%,transparent 70%)}.signature-ornament:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border:1px solid rgba(139,90,43,.25);border-radius:50%}.text-golden-glow{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:53;color:#8b5a2bf2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3);mix-blend-mode:lighten}.text-golden-glow~.scroll-container .article-paragraph,.text-golden-glow~.scroll-container .final-paragraph{color:#8b5a2bf2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.text-glow-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:52;color:#8b5a2bf2;mix-blend-mode:lighten}.text-glow-layer .article-paragraph,.text-glow-layer .final-paragraph{text-shadow:0 0 20px rgba(139,90,43,.8),0 0 30px rgba(218,165,32,.6),0 0 40px rgba(255,215,0,.4)}@keyframes textGlitterShimmer{0%,to{text-shadow:1px 1px 1px rgba(0,0,0,.1),0 0 5px rgba(255,215,0,0);filter:brightness(1)}50%{text-shadow:1px 1px 1px rgba(0,0,0,.1),0 0 15px rgba(255,215,0,.6),0 0 25px rgba(255,215,0,.4),0 0 35px rgba(218,165,32,.3);filter:brightness(1.15)}}.signature-ornament:after{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#8b5a2b66}.signature-text{font-size:clamp(1.05rem,2.1vw,1.3rem);font-style:italic;color:#64462dbf;line-height:1.9;max-width:600px;margin:0 auto;text-shadow:1px 1px 1px rgba(0,0,0,.1)}.content-block{margin-bottom:60px}.section-title{font-family:Cormorant Garamond,serif;font-size:clamp(2.2rem,4.5vw,3.2rem);font-weight:400;color:#ffd70080;margin-bottom:32px;letter-spacing:.5px;text-shadow:none}.article-text{font-size:clamp(1.3rem,2.5vw,1.6rem);margin-bottom:24px;color:#fff6;text-align:justify;line-height:2}.highlight{color:#8b5a2bf2;font-weight:600;text-shadow:0 0 10px rgba(139,90,43,.3)}.highlight-gold{color:#8b5a2b;font-weight:700;font-size:1.05em;text-shadow:0 0 15px rgba(139,90,43,.4)}.quote-block{margin:80px 0;padding:40px;background:#ffd70008;border-left:2px solid rgba(255,215,0,.4);border-radius:4px;position:relative}.quote-mark{font-family:Cormorant Garamond,serif;font-size:6rem;color:#ffd70033;position:absolute;top:-20px;left:20px;line-height:1}.quote-text{font-family:Cormorant Garamond,serif;font-size:clamp(1.4rem,3vw,1.8rem);font-style:italic;color:#ffffff73;line-height:1.8;margin-bottom:20px;position:relative;z-index:1}.quote-author{font-family:Raleway,sans-serif;font-size:.9rem;color:#ffd700b3;letter-spacing:2px;text-transform:uppercase}.closing-section{margin:80px 0;text-align:center}.closing-ornament{width:60px;height:60px;margin:0 auto 30px;border:1px solid rgba(255,215,0,.3);border-radius:50%;position:relative}.closing-ornament:before,.closing-ornament:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,215,0,.2);border-radius:50%}.closing-ornament:before{width:40px;height:40px}.closing-ornament:after{width:20px;height:20px;background:#ffd7001a}.closing-text{font-size:clamp(1.4rem,2.5vw,1.7rem);color:#fff6;line-height:2;max-width:700px;margin:0 auto}.article-footer{text-align:center;padding:50px 0 40px;border-top:2px double rgba(139,90,43,.2);margin-top:70px}.footer-ornament{width:60px;height:2px;background:#8b5a2b4d;margin:0 auto 20px}.footer-text{font-family:Raleway,sans-serif;font-size:.7rem;letter-spacing:4px;color:#64462d80;text-transform:uppercase}@media(max-width:1024px){.scroll-container{padding:60px 30px}.floating-orb{filter:blur(60px)}.magical-cards-container{grid-template-columns:repeat(3,1fr);gap:20px}.magical-card{padding:30px 20px}}@media(max-width:900px){.magical-cards-container{grid-template-columns:repeat(2,1fr);gap:25px}.magical-card:last-child{grid-column:1 / -1;max-width:400px;justify-self:center}}@media(max-width:768px){.scroll-container{padding:40px 20px;max-width:100%;border-left:1px solid rgba(139,90,43,.2);border-right:1px solid rgba(139,90,43,.2)}.hero-section{padding:40px 0 60px;margin-bottom:40px}.hero-title{font-size:clamp(2.5rem,10vw,3.5rem);line-height:1.2}.hero-subtitle{font-size:clamp(1.6rem,5vw,2.4rem);letter-spacing:2px}.hero-date{font-size:clamp(.9rem,3vw,1rem)}.article-text{text-align:left}.article-paragraph{font-size:clamp(1.1rem,4vw,1.3rem);line-height:1.9;margin-bottom:24px;text-indent:1.5em}.article-paragraph-first:first-letter{font-size:3em;margin:.05em .08em 0 0}.final-paragraph{font-size:clamp(1.15rem,4.2vw,1.4rem);line-height:2;margin-top:35px;margin-bottom:35px}.quote-block{padding:30px 20px;margin:60px 0}.quote-text{font-size:clamp(1.2rem,4.5vw,1.5rem)}.closing-section{margin:60px 0}.story-fade-overlay{height:150px}.read-more-button{padding:16px 35px;font-size:1.1rem;margin:35px auto 50px}.read-more-icon{font-size:1.6rem}.magical-navigation{margin:50px 0 40px;padding:35px 20px}.magical-nav-header{gap:12px;margin-bottom:30px}.magical-ornament-left,.magical-ornament-right{font-size:1.2rem}.magical-title{font-size:clamp(1.2rem,4vw,1.6rem);letter-spacing:2px}.magical-cards-container{grid-template-columns:1fr;gap:20px}.magical-card{padding:30px 20px}.magical-card-icon{font-size:2rem;margin-bottom:15px}.magical-card-title{font-size:1.25rem}.magical-card-description{font-size:.95rem}.story-signature{padding:40px 0}.signature-text{font-size:clamp(1rem,4vw,1.2rem)}.article-footer{padding:60px 20px 40px}.footer-text{font-size:clamp(.9rem,3.5vw,1rem)}.floating-orb{filter:blur(40px)}.orb-1{width:400px;height:400px}.orb-2{width:350px;height:350px}.orb-3{width:300px;height:300px}.floating-particle{width:2px;height:2px}.firefly-modern{width:3px;height:3px}}@media(max-width:480px){.scroll-container{padding:30px 15px}.hero-section{padding:30px 0 50px;margin-bottom:30px}.hero-title{font-size:clamp(2rem,9vw,3rem)}.hero-subtitle{font-size:clamp(1.4rem,6vw,2rem);letter-spacing:1.5px}.article-paragraph{font-size:clamp(1rem,4vw,1.2rem);line-height:1.8;margin-bottom:20px}.story-fade-overlay{height:120px}.read-more-button{padding:14px 30px;font-size:1rem;margin:30px auto 40px}.read-more-icon{font-size:1.4rem}.magical-navigation{margin:40px 0 30px;padding:30px 15px}.magical-nav-header{gap:10px;margin-bottom:25px}.magical-ornament-left,.magical-ornament-right{font-size:1rem}.magical-title{font-size:clamp(1.1rem,5vw,1.4rem);letter-spacing:1.5px}.magical-card{padding:25px 18px}.magical-card-icon{font-size:1.8rem;margin-bottom:12px}.magical-card-title{font-size:1.15rem}.magical-card-description{font-size:.9rem}.story-signature{padding:35px 0}.orb-1{width:300px;height:300px}.orb-2{width:250px;height:250px}.orb-3{width:220px;height:220px}}.floating-particle,.firefly-modern,.floating-orb,.custom-cursor,.cursor-trail{will-change:transform,opacity}*{-webkit-tap-highlight-color:transparent}@media(hover:none)and (pointer:coarse){.custom-cursor{display:block!important;width:35px;height:35px;opacity:1;will-change:transform;transform:translate(-50%,-50%)}.cursor-inner{width:100%;height:100%}.cursor-trail{display:block!important;width:380px;height:380px;will-change:transform;transform:translate(-50%,-50%)}body{cursor:none!important;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}body *{cursor:none!important}.spotlight-glow,.spotlight-layer{display:block!important;opacity:1!important;will-change:background}.scroll-container{-webkit-overflow-scrolling:touch}button,a{min-height:44px;min-width:44px;touch-action:manipulation}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box}.app-container{position:relative;width:100vw;min-height:100vh;background:#1a1410;overflow-x:hidden;cursor:none!important}.app-container *{cursor:none!important}.scroll-container{position:relative;z-index:10;width:100%;max-width:900px;margin:0 auto;padding:80px 60px;background:linear-gradient(to bottom,#281e144d,#1e160f80,#281e144d);box-shadow:inset 0 0 100px #00000080,inset 0 0 30px #8b5a2b1a,0 0 50px #000c;border-left:2px solid rgba(139,90,43,.2);border-right:2px solid rgba(139,90,43,.2);min-height:100vh}.floating-particle{position:fixed;width:3px;height:3px;background:#ffd700e6;border-radius:50%;box-shadow:0 0 8px #ffd700cc,0 0 15px #ffd70080,0 0 25px #ffd7004d,0 0 40px #ffd70026;pointer-events:none;z-index:3}.firefly-modern{position:absolute;width:4px;height:4px;background:gold;border-radius:50%;box-shadow:0 0 15px #ffd700e6,0 0 30px #ffd70099,0 0 45px #ffd7004d;pointer-events:none;z-index:4}.ink-spot{position:fixed;border-radius:50%;background:radial-gradient(circle,rgba(60,45,30,.2) 0%,rgba(60,45,30,.1) 50%,transparent 70%);pointer-events:none;filter:blur(40px);z-index:1}.ink-spot-1{width:500px;height:500px;top:-100px;right:-100px}.ink-spot-2{width:600px;height:600px;bottom:-150px;left:-150px}.back-button{position:fixed;top:30px;left:30px;background:linear-gradient(135deg,#8b5a2b33,#a06e3c40,#8b5a2b33);border:2px solid rgba(139,90,43,.5);color:#503723f2;padding:12px 24px;border-radius:8px;font-family:Georgia,serif;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a,0 0 20px #8b5a2b4d;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.back-button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,215,0,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.back-button:hover:before{opacity:1}.back-button:hover{background:linear-gradient(135deg,#8b5a2b4d,#a06e3c59,#8b5a2b4d);border-color:#8b5a2bb3;transform:translate(-5px)}.back-arrow{font-size:1.3rem;transition:transform .3s ease;position:relative;z-index:2}.back-button:hover .back-arrow{transform:translate(-5px)}.poetry-header{text-align:center;margin-bottom:60px;padding:40px 20px;border-bottom:2px double rgba(139,90,43,.3)}.poetry-title{font-family:Cormorant Garamond,serif;font-size:clamp(3rem,7vw,4.5rem);font-weight:400;color:#8b5a2bf2;line-height:1.3;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 30px rgba(139,90,43,.2);letter-spacing:2px;transition:all .3s ease}.poetry-title:hover{color:#8b5a2bfa;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.poetry-introduction{margin:40px auto;max-width:700px;padding:0 20px}.intro-text{font-family:Cormorant Garamond,serif;font-size:clamp(1.2rem,2.5vw,1.5rem);color:#3c2d1ebf;line-height:2;margin-bottom:20px;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.1);transition:color .3s ease,text-shadow .3s ease}.intro-text:hover{color:#8b5a2bf2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.intro-text-emphasis{font-family:Cormorant Garamond,serif;font-size:clamp(1.3rem,2.8vw,1.7rem);font-style:italic;color:#3c2d1ee6;line-height:2;margin:30px 0;font-weight:600;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.1);transition:color .3s ease,text-shadow .3s ease}.intro-text-emphasis:hover{color:#8b5a2bf2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.poetry-ornament-top,.poetry-ornament-bottom{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(139,90,43,.3) 50%,transparent 100%);margin:20px auto;max-width:400px}.poetry-ornament-top:before,.poetry-ornament-top:after,.poetry-ornament-bottom:before,.poetry-ornament-bottom:after{content:"❦";position:absolute;color:#8b5a2b99;font-size:1.2rem;top:50%;transform:translateY(-50%)}.language-selector{display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap;margin:40px auto 30px;padding:20px}.language-btn{display:flex;align-items:center;justify-content:center;padding:14px 32px;min-width:140px;background:linear-gradient(135deg,#8b5a2b26,#a06e461a);border:2px solid rgba(139,90,43,.3);border-radius:8px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden}.language-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(218,165,32,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.language-btn:hover:before{width:300px;height:300px}.language-btn:hover{background:linear-gradient(135deg,#8b5a2b40,#a06e4633);border-color:#8b5a2b80;transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.language-btn:hover .language-name{color:#8b5a2bfa;text-shadow:0 0 15px rgba(218,165,32,.8),0 0 25px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.language-btn.active{background:linear-gradient(135deg,#8b5a2b4d,#a06e4640);border-color:#8b5a2b99;box-shadow:0 0 20px #8b5a2b66,0 8px 25px #0000004d;transform:translateY(-2px)}.language-name{font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500;color:#8b5a2be6;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.3)}.poetry-ornament-top:before,.poetry-ornament-bottom:before{left:-30px}.poetry-ornament-top:after,.poetry-ornament-bottom:after{right:-30px}.poems-container{display:flex;flex-direction:column;gap:60px;margin:40px 0}.poem-letter{background:#ffd70005;border:1px solid rgba(139,90,43,.2);border-radius:4px;padding:50px 40px;position:relative;transition:all .4s ease}.poem-letter:hover{background:#ffd7000a;border-color:#8b5a2b4d;box-shadow:0 10px 40px #0000004d}.corner-ornament{position:absolute;font-size:1.2rem;color:#8b5a2b4d;opacity:.5}.corner-top-left{top:15px;left:15px}.corner-top-right{top:15px;right:15px;transform:rotate(90deg)}.corner-bottom-left{bottom:15px;left:15px;transform:rotate(-90deg)}.corner-bottom-right{bottom:15px;right:15px;transform:rotate(180deg)}.poem-letter:hover .corner-ornament{color:#b48246b3;opacity:1;text-shadow:0 0 20px rgba(255,215,0,.5)}.paper-stain{position:absolute;border-radius:50%;pointer-events:none;opacity:.15;mix-blend-mode:multiply}.stain-1{width:80px;height:80px;top:10%;right:15%;background:radial-gradient(circle,rgba(139,90,43,.3) 0%,transparent 70%);filter:blur(15px)}.stain-2{width:60px;height:60px;bottom:20%;left:10%;background:radial-gradient(circle,rgba(100,70,40,.25) 0%,transparent 70%);filter:blur(12px)}.ink-blot{position:absolute;top:20px;right:30px;width:50px;height:50px;background:radial-gradient(circle,rgba(60,45,30,.08) 0%,rgba(60,45,30,.04) 50%,transparent 70%);border-radius:50%;filter:blur(10px)}.wax-seal{position:absolute;top:-15px;right:40px;width:55px;height:55px;background:linear-gradient(135deg,#8b5a2bd9,#b48246f2,#8b5a2bd9);border-radius:50%;box-shadow:0 4px 15px #00000059,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000004d,0 0 20px #ffd70033;display:flex;align-items:center;justify-content:center;border:2px solid rgba(139,90,43,.6);transition:all .3s ease}.wax-seal:hover{transform:rotate(15deg) scale(1.1);box-shadow:0 6px 20px #0006,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000004d,0 0 30px #ffd70066}.seal-inner{color:#faf5ebf2;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.poem-title{font-family:Cormorant Garamond,serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:500;color:#3c2d1ed9;margin-bottom:30px;text-align:center;letter-spacing:1px;text-shadow:1px 1px 1px rgba(0,0,0,.1);transition:color .3s ease,text-shadow .3s ease}.poem-title:hover{color:#8b5a2bf2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.poem-letter[data-language=persian] .poem-title,.poem-letter[data-language=persian] .verse-line{font-family:Noto Nastaliq Urdu,Scheherazade New,serif;direction:rtl;text-align:center}.poem-letter[data-language=urdu] .poem-title,.poem-letter[data-language=urdu] .verse-line{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;direction:rtl;text-align:right;font-size:clamp(1.4rem,2.7vw,1.8rem);line-height:2.8;letter-spacing:0;font-style:normal}.poem-letter[data-language=arabic] .poem-title,.poem-letter[data-language=arabic] .verse-line{font-family:Amiri,Scheherazade New,serif;direction:rtl;text-align:center;font-size:clamp(1.3rem,2.5vw,1.6rem);line-height:2.8;letter-spacing:0}.poem-letter[data-language=turkish] .verse-line{font-family:Cormorant Garamond,Georgia,serif}.poem-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,90,43,.3) 50%,transparent 100%);margin:20px 0 30px}.translate-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;margin:15px 0 25px;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:1px;color:#8b5a2bf2;background:linear-gradient(135deg,#daa52026,#8b5a2b1f);border:1.5px solid rgba(139,90,43,.4);border-radius:6px;cursor:none!important;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #8b5a2b33,inset 0 1px #ffffff26}.poem-verses{position:relative;z-index:2}.poem-verses.translated .verse-line{direction:ltr;text-align:left;font-family:Cormorant Garamond,serif}.poem-verses.translated .poem-title{direction:ltr;text-align:center}.couplet-spacer{height:25px}.verse-line{font-family:Cormorant Garamond,serif;font-size:clamp(1.2rem,2.3vw,1.5rem);color:#3c2d1ed9;line-height:2.2;margin-bottom:8px;text-align:center;letter-spacing:.5px;font-style:italic;text-shadow:1px 1px 1px rgba(0,0,0,.1);transition:color .3s ease,text-shadow .3s ease;position:relative}.verse-line:hover{color:#8b5a2bf2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.verse-line:hover+.verse-line,.verse-line:has(+.verse-line:hover){color:#8b5a2bf2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.paper-edge-top,.paper-edge-bottom{position:absolute;left:0;right:0;height:15px;background:linear-gradient(90deg,rgba(139,90,43,.1) 0%,transparent 10%,transparent 90%,rgba(139,90,43,.1) 100%);pointer-events:none}.paper-edge-top{top:0;border-top:1px solid rgba(139,90,43,.15)}.paper-edge-bottom{bottom:0;border-bottom:1px solid rgba(139,90,43,.15)}.poetry-signature{text-align:center;padding:60px 20px 40px;margin-top:60px;border-top:2px double rgba(139,90,43,.3)}.signature-line{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,90,43,.3) 50%,transparent 100%);margin:0 auto 20px;max-width:300px}.signature-text{font-family:Cormorant Garamond,serif;font-size:1.2rem;color:#3c2d1ebf;font-style:italic;letter-spacing:1px;text-shadow:1px 1px 1px rgba(0,0,0,.1);transition:color .3s ease,text-shadow .3s ease}.signature-flourish{display:flex;justify-content:center;margin-top:20px}.flourish-svg{width:200px;height:40px;opacity:.6}.candle-flame{position:fixed;width:120px;height:160px;pointer-events:none;z-index:5;filter:blur(20px)}.candle-left{bottom:15%;left:5%;background:radial-gradient(ellipse 60px 80px at center bottom,rgba(255,215,0,.6) 0%,rgba(255,180,80,.4) 30%,rgba(255,140,60,.2) 60%,transparent 100%)}.candle-right{top:20%;right:5%;background:radial-gradient(ellipse 60px 80px at center bottom,rgba(255,200,100,.55) 0%,rgba(255,170,90,.35) 30%,rgba(255,130,50,.18) 60%,transparent 100%)}@media(max-width:768px){.scroll-container{padding:60px 25px;max-width:100%;-webkit-overflow-scrolling:touch}.poetry-header{padding:50px 15px;margin-bottom:50px}.poetry-title{font-size:clamp(2.5rem,9vw,3.5rem)}.poetry-subtitle{font-size:clamp(1.2rem,4vw,1.6rem)}.intro-text,.intro-text-emphasis{font-size:clamp(1rem,3.8vw,1.3rem);line-height:1.9}.poems-container{gap:50px}.poem-letter{padding:40px 25px}.poem-title{font-size:clamp(1.4rem,5vw,1.8rem)}.verse-line{font-size:clamp(1.15rem,4.2vw,1.4rem);line-height:2.2;padding:6px 0}.language-selector{gap:12px;padding:15px;flex-wrap:wrap;justify-content:center}.language-btn{padding:12px 24px;min-width:130px;font-size:.95rem}.language-name{font-size:.9rem}.back-button{top:15px;left:15px;padding:10px 18px;font-size:.9rem}.back-arrow{font-size:1.1rem}.wax-seal{width:38px;height:38px;top:-12px}.seal-inner{font-size:1.1rem}.corner-ornament{font-size:1rem}}@media(max-width:480px){.scroll-container{padding:40px 15px}.poetry-header{padding:40px 10px;margin-bottom:40px}.poetry-title{font-size:clamp(2rem,8vw,3rem)}.poetry-subtitle{font-size:clamp(1.1rem,3.8vw,1.4rem)}.intro-text,.intro-text-emphasis{font-size:clamp(.95rem,3.5vw,1.2rem)}.poem-letter{padding:30px 20px}.poem-title{font-size:clamp(1.3rem,4.8vw,1.6rem)}.verse-line{font-size:clamp(1.05rem,4vw,1.25rem);line-height:2}.language-selector{gap:10px;padding:12px}.language-btn{padding:10px 20px;min-width:110px;font-size:.85rem}.back-button{padding:8px 15px;font-size:.85rem}.back-arrow{font-size:1rem}.wax-seal{width:32px;height:32px}}.longest-verse-header{text-align:center;margin-bottom:80px;padding:60px 20px;border-bottom:2px double rgba(139,90,43,.3)}.verse-ornament-top,.verse-ornament-bottom{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(139,90,43,.4) 50%,transparent 100%);margin:0 auto;max-width:400px}.verse-ornament-top{margin-bottom:40px}.verse-ornament-bottom{margin-top:40px}.translate-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;margin:30px 0 0;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:1px;color:#8b5a2bf2;background:linear-gradient(135deg,#daa52026,#8b5a2b1f);border:1.5px solid rgba(139,90,43,.4);border-radius:6px;cursor:none!important;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #8b5a2b33,inset 0 1px #ffffff26}.translate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent);transition:left .5s ease}.translate-btn:hover:before{left:100%}.translate-btn:hover{color:#8b5a2b;border-color:#daa520b3;background:linear-gradient(135deg,#daa52040,#8b5a2b33);box-shadow:0 0 15px #ffd70080,0 0 30px #daa5204d,0 4px 12px #8b5a2b4d,inset 0 1px #fff3}.translate-btn:active{transform:translateY(1px);box-shadow:0 0 10px #ffd70066,0 1px 4px #8b5a2b4d,inset 0 1px #ffffff1a}.translate-icon{font-size:1.1rem;color:#8b5a2bcc;transition:color .3s ease}.translate-btn:hover .translate-icon{color:#daa520}.verse-title{font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;color:#8b5a2bf2;line-height:1.4;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 30px rgba(139,90,43,.2);letter-spacing:1px;transition:all .3s ease}.verse-title:hover{color:#8b5a2bfa;text-shadow:0 0 25px rgba(218,165,32,.8),0 0 40px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.verse-subtitle{font-family:Noto Nastaliq Urdu,serif;font-size:clamp(1.3rem,2.5vw,1.8rem);font-style:normal;color:#64462db3;margin-bottom:25px;letter-spacing:1px;direction:rtl}.verse-description{font-family:Cormorant Garamond,serif;font-size:clamp(1.1rem,2vw,1.4rem);color:#3c2d1ed9;line-height:1.9;max-width:700px;margin:0 auto;text-shadow:1px 1px 1px rgba(0,0,0,.1);transition:color .3s ease,text-shadow .3s ease}.verse-description:hover{color:#8b5a2bf2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.verse-container{max-width:900px;margin:0 auto;padding:60px 30px;position:relative}.verse-content{background:linear-gradient(135deg,#8b5a2b08,#a06e4605);border:2px solid rgba(139,90,43,.2);border-radius:15px;padding:60px 40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff0d}.verse-line-long{font-family:Noto Nastaliq Urdu,serif;font-size:clamp(1.4rem,2.7vw,1.9rem);color:#3c2d1ed9;line-height:2.8;margin-bottom:8px;text-align:right;direction:rtl;letter-spacing:0;text-shadow:1px 1px 1px rgba(0,0,0,.1);transition:color .3s ease,text-shadow .3s ease;position:relative;padding:8px 0}.verse-content.translated .verse-line-long{direction:ltr;text-align:left;font-family:Cormorant Garamond,serif;font-size:clamp(1.2rem,2.3vw,1.5rem);line-height:2.2}.verse-line-long:hover{color:#8b5a2bf2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.verse-line-long:hover+.verse-line-long,.verse-line-long:has(+.verse-line-long:hover){color:#8b5a2bf2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.verse-spacer{height:30px}.verse-signature{text-align:center;padding:80px 20px 50px;margin-top:80px}.signature-line{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(139,90,43,.4) 50%,transparent 100%);margin:0 auto 30px;max-width:350px}.signature-text{font-family:Cormorant Garamond,serif;font-size:clamp(1.1rem,2vw,1.3rem);font-style:italic;color:#3c2d1ed9;letter-spacing:.5px;text-shadow:1px 1px 1px rgba(0,0,0,.1);transition:color .3s ease,text-shadow .3s ease}.signature-text:hover{color:#8b5a2bf2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}@media(max-width:768px){.scroll-container{padding:50px 25px;max-width:100%;-webkit-overflow-scrolling:touch}.longest-verse-header{padding:50px 15px;margin-bottom:60px}.verse-title{font-size:clamp(2rem,7vw,3rem);line-height:1.3}.verse-subtitle{font-size:clamp(1.2rem,4.5vw,1.6rem);margin-bottom:20px}.verse-description{font-size:clamp(1rem,3.8vw,1.3rem);line-height:1.8;padding:0 10px}.verse-container{padding:50px 20px}.verse-content{padding:40px 25px;border-width:1px}.verse-line-long{font-size:clamp(1.3rem,4.5vw,1.7rem);line-height:2.6;padding:7px 0;margin-bottom:6px}.verse-spacer{height:25px}.verse-signature{padding:60px 15px 40px;margin-top:60px}.signature-text{font-size:clamp(1rem,3.5vw,1.2rem)}.back-button{top:15px;left:15px;padding:10px 18px;font-size:.9rem}}@media(max-width:480px){.scroll-container{padding:40px 15px}.longest-verse-header{padding:40px 10px;margin-bottom:50px}.verse-title{font-size:clamp(1.8rem,6.5vw,2.5rem)}.verse-subtitle{font-size:clamp(1.1rem,4vw,1.4rem)}.verse-description{font-size:clamp(.95rem,3.5vw,1.2rem)}.verse-container{padding:40px 10px}.verse-content{padding:30px 20px}.verse-line-long{font-size:clamp(1.2rem,4.2vw,1.5rem);line-height:2.4;padding:6px 0}.verse-spacer{height:20px}.verse-signature{padding:50px 10px 35px}.signature-text{font-size:clamp(.95rem,3.2vw,1.1rem)}.back-button{top:12px;left:12px;padding:8px 15px;font-size:.85rem}}.features-header{text-align:center;margin-bottom:80px;padding:60px 20px;border-bottom:2px double rgba(139,90,43,.3)}.features-ornament-top,.features-ornament-bottom{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(139,90,43,.4) 50%,transparent 100%);margin:0 auto;max-width:400px}.features-ornament-top{margin-bottom:40px}.features-ornament-bottom{margin-top:40px}.features-title{font-family:Cormorant Garamond,serif;font-size:clamp(3rem,7vw,4.5rem);font-weight:600;color:#8b5a2bf2;line-height:1.2;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 30px rgba(139,90,43,.2);letter-spacing:3px;transition:all .3s ease}.features-title:hover{color:#8b5a2bfa;text-shadow:0 0 25px rgba(218,165,32,.8),0 0 40px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.features-subtitle{font-family:Cormorant Garamond,serif;font-size:clamp(1.3rem,3vw,1.8rem);font-style:italic;color:#64462dbf;margin-bottom:30px;letter-spacing:2px}.features-intro{font-family:Cormorant Garamond,serif;font-size:clamp(1.15rem,2.2vw,1.4rem);color:#3c2d1ed9;line-height:2;max-width:700px;margin:0 auto;text-shadow:1px 1px 1px rgba(0,0,0,.1);transition:color .3s ease,text-shadow .3s ease}.features-intro:hover{color:#8b5a2bf2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.features-intro .highlight-gold{color:#daa520f2;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:35px;padding:40px 20px;max-width:1200px;margin:0 auto}.feature-card{position:relative;background:linear-gradient(145deg,#2d231966,#231c1480,#2d231966);border:1px solid rgba(139,90,43,.25);border-radius:15px;overflow:hidden;transition:all .4s ease;cursor:pointer}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,215,0,.03) 0%,transparent 50%,rgba(139,90,43,.03) 100%);pointer-events:none;transition:opacity .4s ease}.feature-card:hover{border-color:#daa52080;box-shadow:0 15px 50px #0000004d,0 0 30px #daa52026,inset 0 0 40px #8b5a2b0d;transform:translateY(-5px)}.feature-card:hover:before{background:linear-gradient(135deg,rgba(255,215,0,.08) 0%,transparent 50%,rgba(139,90,43,.08) 100%)}.feature-card-inner{padding:40px 30px;position:relative;z-index:1}.feature-title{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:600;color:#daa520e6;text-align:center;margin-bottom:8px;margin-top:10px;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.feature-card:hover .feature-title{color:#ffd700f2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.5)}.feature-subtitle{font-family:Cormorant Garamond,serif;font-size:1rem;font-style:italic;color:#8b5a2bb3;text-align:center;margin-bottom:20px;letter-spacing:1px}.feature-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,90,43,.5) 50%,transparent 100%);margin:0 auto 20px;transition:width .4s ease}.feature-card:hover .feature-divider{width:100px;background:linear-gradient(90deg,transparent 0%,rgba(218,165,32,.7) 50%,transparent 100%)}.feature-content{font-family:Cormorant Garamond,serif;font-size:1.1rem;color:#3c2d1ecc;text-align:center;line-height:1.9;text-shadow:1px 1px 1px rgba(0,0,0,.1);transition:all .3s ease}.feature-card:hover .feature-content{color:#503c28f2}.feature-corner{position:absolute;font-size:1rem;color:#8b5a2b4d;opacity:0;transition:all .4s ease}.corner-tl{top:10px;left:12px}.corner-tr{top:10px;right:12px;transform:scaleX(-1)}.corner-bl{bottom:10px;left:12px;transform:scaleY(-1)}.corner-br{bottom:10px;right:12px;transform:scale(-1)}.feature-card:hover .feature-corner{opacity:1;color:#daa52080}.feature-card.clickable{cursor:pointer}.feature-card.clickable .feature-content{color:#daa520d9;font-weight:500;font-style:italic}.feature-card.clickable:hover .feature-content{color:#ffd700f2;text-shadow:0 0 15px rgba(218,165,32,.6),0 0 25px rgba(255,215,0,.4)}.feature-explore{position:absolute;bottom:20px;right:25px;font-size:1.5rem;color:#8b5a2b80;opacity:0;transform:translate(-10px);transition:all .4s ease}.feature-card.clickable:hover .feature-explore{opacity:1;transform:translate(0);color:#daa520e6}.explore-arrow{display:inline-block;animation:arrowBounce 2s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.features-signature{text-align:center;padding:80px 20px 60px;margin-top:60px}.features-signature .signature-line{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(139,90,43,.4) 50%,transparent 100%);margin:0 auto 30px;max-width:350px}.features-signature .signature-text{font-family:Cormorant Garamond,serif;font-size:clamp(1.1rem,2vw,1.3rem);font-style:italic;color:#3c2d1ed9;letter-spacing:.5px;text-shadow:1px 1px 1px rgba(0,0,0,.1);transition:color .3s ease,text-shadow .3s ease}.features-signature .signature-text:hover{color:#8b5a2bf2;text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}.back-button:hover span{color:#8b5a2bfa;text-shadow:0 0 15px rgba(218,165,32,.8),0 0 25px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.3)}@media(max-width:768px){.scroll-container{padding:50px 20px;max-width:100%;-webkit-overflow-scrolling:touch}.features-header{padding:50px 15px;margin-bottom:50px}.features-title{font-size:clamp(2.5rem,9vw,3.5rem);letter-spacing:2px}.features-subtitle{font-size:clamp(1.2rem,4vw,1.5rem)}.features-intro{font-size:clamp(1.05rem,3.8vw,1.3rem);line-height:1.9;padding:0 10px}.features-grid{grid-template-columns:1fr;gap:25px;padding:30px 15px}.feature-card-inner{padding:35px 25px}.feature-title{font-size:1.4rem}.feature-subtitle{font-size:.95rem}.feature-content{font-size:1.05rem}.back-button{top:15px;left:15px;padding:10px 18px;font-size:.9rem}.features-signature{padding:60px 15px 50px;margin-top:40px}}@media(max-width:480px){.scroll-container{padding:40px 15px}.features-header{padding:40px 10px;margin-bottom:40px}.features-title{font-size:clamp(2rem,8vw,3rem)}.features-subtitle{font-size:clamp(1.1rem,3.8vw,1.3rem)}.features-intro{font-size:clamp(1rem,3.5vw,1.2rem)}.features-grid{gap:20px;padding:25px 10px}.feature-card-inner{padding:30px 20px}.feature-title{font-size:1.3rem}.feature-content{font-size:1rem}.back-button{top:12px;left:12px;padding:8px 15px;font-size:.85rem}}@media(min-width:600px)and (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr);gap:25px}}.app-container{position:relative;width:100vw;min-height:100vh;background:#1a1410;overflow-x:hidden}.grid-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,rgba(139,90,43,.03) 0px,transparent 1px,transparent 2px,rgba(139,90,43,.03) 3px),repeating-linear-gradient(90deg,rgba(139,90,43,.03) 0px,transparent 1px,transparent 2px,rgba(139,90,43,.03) 3px),repeating-linear-gradient(45deg,rgba(139,90,43,.02) 0px,transparent 2px,transparent 4px,rgba(139,90,43,.02) 6px);z-index:1;opacity:.6}.floating-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;will-change:transform,opacity}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#ffd70040,#ffd70000 70%);top:20%;left:10%;z-index:2}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#daa52033,#daa52000 70%);bottom:20%;right:15%;z-index:2}.floating-particle{position:fixed;width:3px;height:3px;background:#ffd700e6;border-radius:50%;box-shadow:0 0 8px #ffd700cc,0 0 15px #ffd70080,0 0 25px #ffd7004d;pointer-events:none;z-index:3}.custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;pointer-events:none;z-index:10000}.cursor-inner{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,gold,#ffed4e,gold);box-shadow:0 0 8px #ffd700e6,0 0 16px #ffd700b3,0 0 24px #ffd70080,0 0 36px #ffd7004d;transform:translate(-50%,-50%)}.cursor-trail{position:fixed;top:0;left:0;width:300px;height:300px;pointer-events:none;z-index:9998;background:radial-gradient(circle,rgba(255,215,0,.2) 0%,rgba(255,215,0,.12) 20%,rgba(255,215,0,.06) 40%,rgba(255,237,78,.03) 60%,transparent 80%);filter:blur(50px);mix-blend-mode:screen;transform:translate(-50%,-50%)}.spotlight-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50;mix-blend-mode:multiply}.spotlight-glow{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:49;mix-blend-mode:screen}.scroll-container{position:relative;z-index:10;width:100%;max-width:900px;margin:0 auto;padding:80px 60px;background:linear-gradient(to bottom,#281e1440,#1e160f66,#281e1440);box-shadow:inset 0 0 80px #0000004d,inset 0 0 20px #8b5a2b14;border-left:2px solid rgba(139,90,43,.15);border-right:2px solid rgba(139,90,43,.15)}.hero-section{text-align:center;margin-bottom:80px;padding:40px 0}.hero-category{font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:4px;color:#8b5a2bb3;text-transform:uppercase;margin-bottom:30px}.hero-title{font-family:Cormorant Garamond,serif;font-size:clamp(3rem,8vw,5rem);font-weight:600;color:#8b5a2bf2;margin:0;line-height:1.2;text-shadow:0 0 20px rgba(255,215,0,.3),0 2px 4px rgba(0,0,0,.2)}.hero-subtitle{font-family:Raleway,sans-serif;font-size:clamp(1rem,2vw,1.3rem);font-weight:300;letter-spacing:3px;color:#8b5a2b99;margin-top:20px;font-style:italic}.decorative-line{width:200px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(139,90,43,.5) 50%,transparent 100%);margin:40px auto;box-shadow:0 0 15px #8b5a2b4d}.article-content{margin-top:60px}.story-text{max-width:750px;margin:0 auto}.article-paragraph{font-family:Cormorant Garamond,serif;font-size:clamp(1.25rem,2.4vw,1.5rem);margin-bottom:28px;color:#3c2d1ed9;text-align:justify;line-height:2;text-indent:2.5em;letter-spacing:.4px;text-shadow:1px 1px 1px rgba(0,0,0,.1);transition:color .3s ease,text-shadow .3s ease}.article-paragraph:hover{color:#8b5a2bf2;text-shadow:0 0 15px rgba(218,165,32,.5),0 2px 4px rgba(0,0,0,.2)}.article-paragraph-first{margin-top:0}.article-paragraph-first:first-letter{font-size:4em;line-height:.8;float:left;margin:.1em .1em 0 0;font-weight:600;color:#8b5a2be6;text-shadow:0 0 20px rgba(255,215,0,.4),0 2px 4px rgba(0,0,0,.2)}.final-paragraph{margin-bottom:60px}.navigation-section{margin-top:80px;padding:60px 0}.decorative-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,90,43,.3) 20%,rgba(139,90,43,.5) 50%,rgba(139,90,43,.3) 80%,transparent 100%);margin-bottom:50px;box-shadow:0 0 15px #8b5a2b4d}.navigation-links{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.nav-link-button{display:flex;align-items:center;gap:12px;padding:18px 35px;background:linear-gradient(135deg,#8b5a2b26,#a06e3c33,#8b5a2b26);border:2px solid rgba(139,90,43,.4);border-radius:8px;color:#8b5a2be6;font-family:Raleway,sans-serif;font-size:1rem;font-weight:500;letter-spacing:1.5px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 24px #0003,inset 0 1px #ffffff1a,0 0 20px #8b5a2b33;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-link-button:hover{background:linear-gradient(135deg,#8b5a2b40,#a06e3c4d,#8b5a2b40);border-color:#daa52099;transform:translateY(-3px);box-shadow:0 10px 35px #0000004d,inset 0 1px #ffffff26,0 0 40px #daa52066;color:#daa520fa}.nav-text{font-size:1rem;text-transform:uppercase;transition:all .3s ease}.nav-link-button:hover .nav-text{color:#ffd700f2;text-shadow:0 0 12px rgba(218,165,32,.6)}.nav-arrow{font-size:1.4rem;transition:transform .3s ease}.nav-link-button:hover .nav-arrow{transform:translate(5px)}.nav-link-button:first-child:hover .nav-arrow{transform:translate(-5px)}@media(max-width:768px){.scroll-container{padding:60px 30px}.hero-title{font-size:clamp(2.5rem,10vw,3.5rem)}.hero-subtitle{font-size:clamp(.9rem,3vw,1.1rem)}.article-paragraph{font-size:clamp(1.1rem,4vw,1.3rem);text-indent:1.5em}.article-paragraph-first:first-letter{font-size:3em}.navigation-links{flex-direction:column;gap:20px}.nav-link-button{width:100%;justify-content:center}}@media(max-width:480px){.scroll-container{padding:40px 20px}.hero-category{font-size:.75rem;letter-spacing:3px}.article-paragraph{font-size:1.1rem;line-height:1.8;text-indent:1em}.article-paragraph-first:first-letter{font-size:2.5em}.nav-link-button{padding:15px 25px;font-size:.9rem}}
