:root{--desert-sand: #f4e4c1;--desert-sunset: #ff8c61;--desert-sky: #87ceeb;--warm-orange: #ff6b35;--deep-purple: #4a154b;--text-light: #fef9f3;--shadow: rgba(0, 0, 0, .2)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;width:100%}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden}.scroll-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;position:relative;z-index:1}.stage{height:100vh;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;position:relative;width:100%}.background-layer{position:fixed;top:-10%;left:-10%;width:120%;height:120%;background:linear-gradient(to bottom,#ff8c6140,#f4e4c166),url(/assets/CozyDesert-CNdwjNif.svg);background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .1s ease-out,filter .1s ease-out;will-change:transform,filter;z-index:0}.scroll-title{font-size:6rem;font-weight:900;background:linear-gradient(135deg,#5a8a5a,#7db77d,#a8d5a8,#8fbc8f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;letter-spacing:-.03em;line-height:1;text-shadow:0 4px 30px rgba(143,188,143,.4);animation:gradientShift 6s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.scroll-subtitle{font-size:2.5rem;color:#3d6b3d;font-weight:600;margin:0;text-shadow:0 2px 15px rgba(255,255,255,.9),0 4px 30px rgba(143,188,143,.3);letter-spacing:.02em}.scroll-description{font-size:1.75rem;line-height:1.9;color:#2c4a2c;font-weight:500;max-width:800px;margin:0 auto;text-align:center;text-shadow:0 2px 10px rgba(255,255,255,.8),0 3px 20px rgba(143,188,143,.2);letter-spacing:.01em}.final-text{font-family:Roboto,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:5rem;font-weight:900;color:#8fbc8f;text-shadow:0 0 30px rgba(143,188,143,.6),0 4px 15px rgba(0,0,0,.2);letter-spacing:.05em;text-transform:lowercase}.mobile-wrapper{position:fixed;top:0;left:0;width:100%;height:100dvh;overflow:hidden}.mobile-scroll{height:100dvh;scroll-snap-type:y mandatory}.mobile-stage{height:100dvh;padding:1.5rem;display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center}.mobile-stage-top{justify-content:flex-start;padding-top:25vh}.mobile-stage-bottom{justify-content:flex-end;padding-bottom:5rem}.mobile-bg{height:100dvh;width:100%;left:0;top:0;background-attachment:scroll}.glass-card{background:#143c1e66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:2rem;width:100%;max-width:340px;box-shadow:0 8px 32px #00000026;transform:translateY(20px);opacity:0;animation:fadeUp .8s ease-out forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.mobile-title{font-size:4rem;line-height:.95;padding:0;text-align:center;text-shadow:0 4px 20px rgba(0,0,0,.2);width:100%}.mobile-subtitle{font-size:2rem;color:#e0f2e0;text-shadow:none;margin:0;text-align:left}.mobile-description{font-size:1.15rem;line-height:1.6;color:#e0f2e0;text-shadow:none;text-align:left;margin:0}.mobile-final{font-size:5rem;color:#fff;text-shadow:0 0 30px rgba(143,188,143,.6)}@media(max-width:1024px){.scroll-title{font-size:4.5rem}.scroll-subtitle{font-size:2rem}.scroll-description{font-size:1.5rem}.final-text{font-size:4rem}}