/* NMN.TIPS — index (landing) page styles
   Extracted from index.html inline <style> block. */
:root {
  --crimson:    #780000;
  --yellow:     #f0f03c;
  --green:      #14a01e;
  --ivory:      #F9F6EF;
  --dark:       #0C0A07;
  --warm:       #C8BFB0;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;overflow:hidden;}
body{background:var(--dark);color:var(--ivory);font-family:'Comic Sans MS','Comic Sans',cursive;}

/* GRAIN OVERLAY */
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");opacity:.35;pointer-events:none;z-index:900;}

/* TOP STRIPE */
.top-stripe{position:fixed;top:0;left:0;right:0;height:4px;z-index:1000;background:linear-gradient(90deg,var(--green),var(--yellow),var(--crimson),var(--green));background-size:300% 100%;animation:stripeSlide 5s linear infinite;}
@keyframes stripeSlide{to{background-position:300% 0;}}

/* AMBIENT */
.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.amb{position:absolute;border-radius:50%;filter:blur(130px);animation:breathe ease-in-out infinite;}
.amb-1{width:80vw;height:80vw;background:radial-gradient(circle,rgba(120,0,0,0.2) 0%,transparent 70%);top:-20%;left:-10%;animation-duration:11s;}
.amb-2{width:55vw;height:55vw;background:radial-gradient(circle,rgba(20,160,30,0.12) 0%,transparent 70%);bottom:-5%;right:-10%;animation-duration:14s;animation-delay:-5s;}
.amb-3{width:40vw;height:40vw;background:radial-gradient(circle,rgba(240,240,60,0.07) 0%,transparent 70%);top:40%;left:55%;animation-duration:9s;animation-delay:-3s;}
@keyframes breathe{0%,100%{opacity:.6;transform:scale(1);}50%{opacity:1;transform:scale(1.1);}}

/* CORNERS */
.corner{position:fixed;width:28px;height:28px;z-index:50;opacity:.3;}
.c-tl{top:16px;left:16px;border-top:1.5px solid var(--yellow);border-left:1.5px solid var(--yellow);}
.c-tr{top:16px;right:16px;border-top:1.5px solid var(--yellow);border-right:1.5px solid var(--yellow);}
.c-bl{bottom:16px;left:16px;border-bottom:1.5px solid var(--yellow);border-left:1.5px solid var(--yellow);}
.c-br{bottom:16px;right:16px;border-bottom:1.5px solid var(--yellow);border-right:1.5px solid var(--yellow);}

/* TOP BAR */
.topbar{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;justify-content:space-between;align-items:center;padding:18px 28px 12px;background:linear-gradient(to bottom,rgba(12,10,7,.85),transparent);}
.site-brand{font-family:'Papyrus',fantasy;font-size:.9rem;letter-spacing:.3em;color:var(--yellow);text-decoration:none;opacity:.8;}
.topbar-login{font-size:.72rem;letter-spacing:.15em;color:var(--warm);opacity:.7;cursor:pointer;border:1px solid rgba(255,255,255,.12);padding:5px 14px;border-radius:100px;background:none;font-family:'Comic Sans MS',cursive;transition:all .2s;}
.topbar-login:hover{opacity:1;border-color:var(--yellow);color:var(--yellow);}

/* CAROUSEL */
.carousel-wrap{position:relative;width:100%;height:100vh;z-index:10;}
.slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 40px 60px;opacity:0;transform:scale(1.03);transition:opacity .7s ease, transform .7s ease;pointer-events:none;}
.slide.active{opacity:1;transform:scale(1);pointer-events:all;}

/* SLIDE BACKGROUNDS */
.slide-pt   { --slide-accent: #780000; }
.slide-train{ --slide-accent: #3a0000; }
.slide-meal { --slide-accent: var(--green); }
.slide-bike { --slide-accent: #14601e; }

.slide::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,rgba(var(--slide-rgb),.18) 0%,transparent 70%);pointer-events:none;}
.slide-pt::before   { --slide-rgb:120,0,0; }
.slide-train::before{ --slide-rgb:58,0,0; }
.slide-meal::before { --slide-rgb:20,160,30; }
.slide-bike::before { --slide-rgb:20,96,30; }

/* LOGO */
.slide-logo{width:clamp(120px,18vw,200px);filter:drop-shadow(0 0 40px rgba(120,0,0,.6)) drop-shadow(0 0 80px rgba(240,240,60,.1));animation:logoPulse 5s ease-in-out infinite;margin-bottom:clamp(16px,3vh,30px);}
@keyframes logoPulse{0%,100%{filter:drop-shadow(0 0 40px rgba(120,0,0,.6)) drop-shadow(0 0 80px rgba(240,240,60,.1));}50%{filter:drop-shadow(0 0 60px rgba(120,0,0,.9)) drop-shadow(0 0 100px rgba(240,240,60,.18));}}

.slide-eyebrow{font-size:clamp(.6rem,1.4vw,.75rem);letter-spacing:.38em;text-transform:uppercase;color:var(--slide-accent);opacity:.9;margin-bottom:10px;}
.slide-title{font-family:'Papyrus',fantasy;font-size:clamp(2rem,6vw,5rem);line-height:1.05;letter-spacing:-.01em;margin-bottom:14px;background:linear-gradient(140deg,#fff 10%,rgba(255,255,255,.7) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.slide-desc{font-size:clamp(.8rem,1.6vw,.95rem);line-height:1.8;color:rgba(249,246,239,.55);max-width:520px;margin-bottom:clamp(20px,4vh,36px);}

/* ENTER BUTTON */
.slide-btn{position:relative;font-family:'Papyrus',fantasy;font-size:clamp(.85rem,1.6vw,1rem);letter-spacing:.18em;padding:clamp(12px,2vh,16px) clamp(28px,4vw,44px);border:2px solid var(--slide-accent);border-radius:2px;cursor:pointer;background:transparent;color:#fff;transition:background .25s,color .25s,box-shadow .25s;overflow:hidden;}
.slide-btn:hover{background:var(--slide-accent);box-shadow:0 0 28px rgba(var(--slide-rgb),.45);}

/* COMING SOON overlay on button */
.slide-btn.coming-soon{cursor:default;opacity:.55;border-color:#555;}
.slide-btn.coming-soon:hover{background:transparent;box-shadow:none;}
.cs-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,8,5,.7);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--yellow);font-family:'Papyrus',fantasy;pointer-events:none;}

/* DOTS NAV */
.carousel-dots{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:600;}
.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);cursor:pointer;transition:all .3s;}
.dot.active{background:#fff;transform:scale(1.3);}

/* ARROWS */
.arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:600;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);background:rgba(12,10,7,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(249,246,239,.5);font-size:1.1rem;transition:all .25s;user-select:none;}
.arrow:hover{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(12,10,7,.8);}
.arrow-left{left:20px;}
.arrow-right{right:20px;}

/* SLIDE COUNTER */
.slide-counter{position:fixed;top:72px;right:28px;z-index:600;font-size:.62rem;letter-spacing:.18em;color:rgba(249,246,239,.28);}

/* TOUCH HINT */
.swipe-hint{position:fixed;bottom:60px;left:50%;transform:translateX(-50%);font-size:.6rem;letter-spacing:.15em;color:rgba(249,246,239,.2);z-index:600;white-space:nowrap;animation:hintFade 3s ease 1.5s both;}
@keyframes hintFade{0%{opacity:0;}30%{opacity:1;}80%{opacity:1;}100%{opacity:0;}}

@media(max-width:640px){
  .slide{padding:70px 24px 80px;}
  .arrow{display:none;}
}