@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Manrope:wght@500;600;700;800&family=Playfair+Display:wght@600;700&family=Sora:wght@600;700;800&display=swap');
:root{--pp-cream:#f3eadc;--pp-paper:#fffaf2;--pp-green:#263a2c;--pp-green2:#405a43;--pp-gold:#d8ad66;--pp-ink:#303732;--pp-muted:#70675e;--pp-line:rgba(135,93,52,.16)}
body.how-page-body,body:has(.creator-page),body:has(.dashboard){min-height:100vh!important;background:radial-gradient(circle at 80% 0,rgba(255,248,232,.95),transparent 32%),linear-gradient(145deg,#f5eee3,#e8dccb)!important;color:var(--pp-ink)!important;font-family:"Manrope",sans-serif!important}
body.how-page-body:before,body:has(.creator-page):before,body:has(.dashboard):before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(216,173,102,.08) 1px,transparent 1px),linear-gradient(rgba(216,173,102,.06) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.how-page{max-width:1180px!important;padding:30px 24px 80px!important}.how-back,.back{display:inline-flex!important;align-items:center!important;min-height:42px!important;padding:0 17px!important;border:1px solid rgba(216,173,102,.48)!important;border-radius:999px!important;background:linear-gradient(135deg,var(--pp-green),var(--pp-green2))!important;color:#fffaf0!important;box-shadow:0 10px 24px rgba(27,43,31,.16)!important;text-decoration:none!important;font-family:"Manrope",sans-serif!important;font-weight:800!important}
.how-hero{position:relative!important;min-height:410px!important;padding:62px 46% 54px 52px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important;border:1px solid rgba(216,173,102,.28)!important;border-radius:34px!important;background:linear-gradient(90deg,rgba(22,35,26,.94),rgba(22,35,26,.7)),url("YEMEK-2.webp") center/cover!important;box-shadow:0 28px 70px rgba(44,33,22,.18)!important}.how-hero:after{content:"";position:absolute;right:35px;bottom:28px;width:31%;height:72%;border:5px solid rgba(255,250,242,.76);border-radius:28px;background:url("YEMEK-4.webp") center/cover;box-shadow:0 20px 44px rgba(0,0,0,.28);transform:rotate(2deg)}.how-hero h1{position:relative;z-index:2;color:#fffaf0!important;font:700 clamp(42px,5vw,70px)/.98 "Playfair Display",serif!important}.how-hero p{position:relative;z-index:2;color:rgba(255,250,240,.83)!important;font:600 15px/1.65 "Manrope",sans-serif!important}.how-card{padding:30px!important;border:1px solid var(--pp-line)!important;border-radius:28px!important;background:linear-gradient(145deg,#fffdf8,#f5eadb)!important;box-shadow:0 16px 38px rgba(54,38,23,.09)!important}.how-card h2,.top h1,.recipes-section>h2{color:#29372e!important;font-family:"Playfair Display",serif!important;font-weight:700!important}.how-step{position:relative;padding:19px 18px 19px 54px!important;border-top:1px solid rgba(135,93,52,.13)!important}.how-step:before{content:"✦";position:absolute;left:15px;top:18px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--pp-green);color:var(--pp-gold)}.how-step h3{font-family:"Sora",sans-serif!important;color:#304034!important}
body:has(.creator-page){padding:34px!important}.creator-page{position:relative;max-width:1080px!important;padding:44px!important;overflow:hidden!important;border:1px solid var(--pp-line)!important;border-radius:34px!important;background:linear-gradient(145deg,#fffdf8,#f3e6d4)!important;box-shadow:0 30px 80px rgba(46,34,22,.16)!important}.creator-page:after{content:"";position:absolute;right:-35px;top:-28px;width:260px;height:210px;border-radius:35px;background:url("YEMEK-4.webp") center/cover;opacity:.17;transform:rotate(8deg)}.creator-page .top,.creator-form,.creator-info{position:relative;z-index:2}.creator-page .top h1{font-size:48px!important;letter-spacing:-.03em!important}.creator-info{border-color:rgba(216,173,102,.3)!important;background:rgba(255,250,242,.78)!important;color:#4d554f!important}.creator-form label{color:#344139!important;font-family:"Sora",sans-serif!important}.creator-form input,.creator-form textarea{border-color:rgba(135,93,52,.18)!important;background:rgba(255,255,255,.78)!important;color:#303732!important;font-family:"Manrope",sans-serif!important}.creator-form input:focus,.creator-form textarea:focus{border-color:#ad713f!important;box-shadow:0 0 0 3px rgba(173,113,63,.12)!important}.creator-submit,.creator-reset{border:1px solid rgba(216,173,102,.45)!important;border-radius:999px!important;background:linear-gradient(135deg,var(--pp-green),var(--pp-green2))!important;color:#fffaf0!important;box-shadow:0 12px 28px rgba(27,43,31,.18)!important}.creator-reset{background:#fff8ed!important;color:#304034!important}
.dashboard{max-width:1280px!important;padding:30px!important}.welcome-card{position:relative;min-height:250px!important;padding:48px!important;overflow:hidden!important;border:1px solid rgba(216,173,102,.35)!important;border-radius:34px!important;background:linear-gradient(90deg,rgba(26,43,31,.96),rgba(26,43,31,.66)),url("YEMEK-2.webp") center/cover!important;box-shadow:0 26px 68px rgba(32,26,18,.2)!important}.welcome-card:after{content:"";position:absolute;right:28px;top:25px;width:245px;height:200px;border:5px solid rgba(255,250,242,.72);border-radius:28px;background:url("YEMEK-6.webp") center/cover;transform:rotate(3deg);box-shadow:0 18px 40px rgba(0,0,0,.25)}.welcome-card h1,.welcome-card p{position:relative;z-index:2;max-width:65%}.welcome-card h1{font:700 52px/1 "Playfair Display",serif!important}.stat-card,.recipes-section{border:1px solid var(--pp-line)!important;background:linear-gradient(145deg,#fffdf8,#f5eadb)!important;box-shadow:0 16px 36px rgba(54,38,23,.09)!important}.stat-card{border-radius:25px!important}.action-btn{border:1px solid rgba(216,173,102,.45)!important;border-radius:999px!important;background:linear-gradient(135deg,var(--pp-green),var(--pp-green2))!important;color:#fffaf0!important}.recipe-card{border-color:var(--pp-line)!important;background:#fffaf3!important}
.how-page:before,.creator-page:before,.dashboard:before{content:"Nili's Kitchen";display:block;margin:0 0 20px;color:#29372e;font:400 28px/1 "Lobster",cursive;letter-spacing:.01em}
.how-card,.creator-info,.stat-card,.recipes-section{backdrop-filter:blur(8px)}
.how-card:hover,.stat-card:hover,.recipe-card:hover{border-color:rgba(184,128,70,.38)!important;box-shadow:0 20px 46px rgba(54,38,23,.13)!important;transform:translateY(-2px)}
.how-card,.stat-card,.recipe-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.creator-actions button,.action-btn,.how-back,.back{transition:transform .2s ease,filter .2s ease}.creator-actions button:hover,.action-btn:hover,.how-back:hover,.back:hover{filter:brightness(1.08);transform:translateY(-2px)}
@media(max-width:760px){body:has(.creator-page){padding:10px!important}.creator-page{padding:24px 17px!important}.creator-page .top{flex-direction:column!important}.creator-page .top h1{font-size:36px!important}.how-page{padding:14px 10px 50px!important}.how-hero{min-height:480px!important;padding:34px 22px 210px!important}.how-hero:after{right:20px;bottom:20px;width:calc(100% - 40px);height:175px}.how-hero h1{font-size:40px!important}.how-card{padding:21px!important}.dashboard{padding:12px!important}.welcome-card{min-height:430px!important;padding:34px 22px 220px!important}.welcome-card:after{right:20px;top:auto;bottom:20px;width:calc(100% - 40px);height:175px}.welcome-card h1,.welcome-card p{max-width:100%}.welcome-card h1{font-size:40px!important}.stats-grid{grid-template-columns:1fr 1fr!important}.action-grid{flex-direction:column!important}}

/* Keep premium pages on the same font system as home and world pages. */
@media(max-width:760px){
  body.how-page-body,
  body:has(.creator-page),
  body:has(.dashboard),
  body.how-page-body button,
  body:has(.creator-page) button,
  body:has(.dashboard) button,
  body.how-page-body input,
  body:has(.creator-page) input,
  body:has(.dashboard) input,
  body.how-page-body textarea,
  body:has(.creator-page) textarea{
    font-family:"Manrope",Arial,sans-serif!important;
  }

  .how-page:before,
  .creator-page:before,
  .dashboard:before{
    font-size:26px!important;
  }

  .how-hero h1,
  .creator-page .top h1,
  .welcome-card h1,
  .how-card h2,
  .top h1,
  .recipes-section>h2{
    font-family:"Playfair Display",Georgia,serif!important;
    letter-spacing:-.025em!important;
  }

  .how-hero p,
  .creator-info,
  .creator-form input,
  .creator-form textarea{
    font-family:"Manrope",Arial,sans-serif!important;
    font-size:13px!important;
    line-height:1.5!important;
  }

  .how-step h3,
  .creator-form label{
    font-family:"Sora","Manrope",Arial,sans-serif!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:700!important;
  }
}