/*
Theme Name: MYNE
Theme URI: https://myne.app/
Author: MYNE
Description: Lightweight custom WordPress theme for the MYNE campus community launch page.
Version: 1.3.0
License: GPL-2.0-or-later
Text Domain: myne
*/

:root{
  --bg:#f7f6f1; --ink:#171717; --muted:#66635d; --line:#dedbd2;
  --card:#fffefa; --accent:#8a63ff; --accent2:#c8ff55; --dark:#171717;
  --radius:26px; --shadow:0 18px 55px rgba(20,20,20,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}
h1,h2,h3,p{margin:0}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,92%);margin:auto}
.topbar{background:#171717;color:#fff;padding:11px 20px;text-align:center;font-size:13px;font-weight:700;letter-spacing:.01em}
.topbar span{opacity:.7;margin-right:8px}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:900;font-size:29px;letter-spacing:-.07em}
.navlinks{display:flex;gap:28px;color:#625f59;font-size:14px;font-weight:650}
.navlinks a:hover{color:#111}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:999px;border:1px solid #171717;font-weight:800;font-size:14px;cursor:pointer}
.btn.dark{background:#171717;color:white}
.btn.light{background:#fffefa}
.btn.lime{background:var(--accent2);border-color:var(--accent2)}
.hero{padding:54px 0 88px;display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center}
.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#5d5a54;font-size:12px;font-weight:800;background:#fbfaf6;margin-bottom:22px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.hero h1{font-size:clamp(54px,7vw,92px);line-height:.91;letter-spacing:-.075em;max-width:700px}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero p{margin-top:25px;color:var(--muted);font-size:18px;max-width:610px}
.ctas{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.micro{font-size:12px;color:#85817a;margin-top:13px}
.phone-stage{min-height:500px;position:relative;border-radius:34px;background:linear-gradient(145deg,#ece8ff,#f4f3ed);border:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center}
.phone{width:285px;background:#171717;border-radius:37px;padding:9px;box-shadow:0 30px 80px rgba(0,0,0,.2);transform:rotate(3deg)}
.screen{background:#faf9f4;border-radius:30px;padding:19px;min-height:510px}
.status{font-size:9px;font-weight:800;display:flex;justify-content:space-between}
.apphead{display:flex;justify-content:space-between;align-items:center;margin-top:24px}
.apphead b{font-size:21px;letter-spacing:-.06em}
.avatar{width:31px;height:31px;border-radius:50%;background:#d8cfff}
.streak{margin-top:18px;background:#171717;color:#fff;border-radius:19px;padding:16px}
.streak small{opacity:.65}.streak strong{display:block;font-size:27px;margin-top:3px}
.challenge{margin-top:12px;border:1px solid #ddd9cf;border-radius:18px;padding:15px;background:#fff}
.challenge small{color:#777}.challenge h4{margin:5px 0;font-size:16px}
.progress{height:7px;background:#ebe8df;border-radius:99px;overflow:hidden}.progress i{display:block;width:68%;height:100%;background:var(--accent)}
.leader{margin-top:12px;border:1px solid #ddd9cf;border-radius:18px;padding:14px;background:#fff}
.row{display:flex;justify-content:space-between;padding:8px 0;font-size:12px;border-bottom:1px solid #eeeae1}.row:last-child{border:0}
.badge{padding:4px 7px;border-radius:99px;background:#efffbf;font-weight:800}
.float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:17px;padding:13px 15px;box-shadow:var(--shadow);font-size:12px;font-weight:800}
.f1{top:16%;left:8%;transform:rotate(-6deg)}.f2{right:7%;bottom:17%;transform:rotate(5deg)}
.section{padding:95px 0}.soft{background:#eeece5}
.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#77736b}
.section h2{font-size:clamp(38px,5vw,65px);line-height:.96;letter-spacing:-.065em;max-width:800px;margin-top:13px}
.lead{color:var(--muted);font-size:17px;max-width:670px;margin-top:18px}
.campus-box{margin-top:38px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}
.search{display:flex;gap:10px}.search input{flex:1;padding:16px 18px;border:1px solid #d7d3ca;border-radius:15px;font-size:15px;outline:none}
.search button{border:0;border-radius:15px;padding:0 22px;background:#171717;color:#fff;font-weight:800}
.campus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}
.campus{padding:16px;border:1px solid var(--line);border-radius:17px;display:flex;justify-content:space-between;gap:12px}
.campus small{color:#888}.campus b{display:block}
.demand{font-weight:900}
.loop{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:42px}
.loopcard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px;min-height:170px}
.num{font-size:12px;color:#8a63ff;font-weight:900}.loopcard h3{font-size:21px;margin-top:34px;letter-spacing:-.04em}.loopcard p{font-size:13px;color:#777;margin-top:7px}
.product{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}
.product-card{background:#171717;color:#fff;border-radius:30px;padding:25px;box-shadow:var(--shadow)}
.pc-top{display:flex;justify-content:space-between;align-items:center}.points{background:#c8ff55;color:#171717;padding:7px 10px;border-radius:99px;font-weight:900;font-size:12px}
.task{margin-top:18px;background:#252525;border-radius:19px;padding:19px}.task small{color:#999}.task h3{font-size:25px;letter-spacing:-.05em;margin:5px 0 16px}.task .bar{height:9px;background:#3b3b3b;border-radius:99px}.task .bar i{display:block;width:78%;height:100%;background:#fff;border-radius:99px}
.rank{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.rank div{background:#252525;border-radius:17px;padding:16px}.rank b{display:block;font-size:22px}.rank span{font-size:11px;color:#999}
.features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}.feature{padding:18px 0;border-bottom:1px solid var(--line)}.feature b{font-size:16px}.feature p{color:#777;font-size:13px;margin-top:5px}
.amb{background:#171717;color:#fff;border-radius:35px;padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.amb h2{color:#fff}.amb .lead{color:#aaa}.perks{display:grid;gap:10px;margin-top:25px}.perk{border:1px solid #393939;border-radius:16px;padding:15px}.perk b{display:block}.perk span{color:#999;font-size:12px}
.form{background:#242424;border-radius:25px;padding:25px}.form h3{font-size:24px;letter-spacing:-.04em}.form p{color:#999;font-size:13px;margin:6px 0 20px}.fields{display:grid;gap:10px}.fields input,.fields select{width:100%;padding:14px;border:1px solid #414141;background:#171717;color:#fff;border-radius:12px}.form button{width:100%;margin-top:10px}
.race{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.racecard{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}.barrow{margin:18px 0}.barlabel{display:flex;justify-content:space-between;font-size:13px;font-weight:800;margin-bottom:7px}.barbg{height:10px;background:#e9e6dd;border-radius:99px}.barfill{height:100%;background:#8a63ff;border-radius:99px}.wait{background:#c8ff55;border-radius:32px;padding:55px;text-align:center;margin-top:25px}.wait h2{margin:auto;font-size:clamp(40px,5vw,62px)}.wait p{max-width:570px;margin:16px auto 0;color:#4c4c3e}.wait .search{max-width:590px;margin:25px auto 0}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:32px}.faq div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.faq b{display:block;margin-bottom:7px}.faq p{color:#777;font-size:13px}
footer{padding:50px 0 70px;border-top:1px solid var(--line);margin-top:80px;display:flex;justify-content:space-between;color:#777;font-size:13px}
@media(max-width:850px){
 .navlinks{display:none}.hero,.product,.amb,.race{grid-template-columns:1fr}.hero{padding-top:35px}.phone-stage{min-height:440px}.phone{transform:none}.campus-grid,.loop{grid-template-columns:1fr 1fr}.amb{padding:30px}.faq{grid-template-columns:1fr}
}
@media(max-width:560px){
 .hero h1{font-size:55px}.campus-grid,.loop,.features{grid-template-columns:1fr}.search{flex-direction:column}.search button{height:50px}.phone-stage{min-height:430px}.float{display:none}.section{padding:70px 0}.topbar{font-size:11px}.nav{height:68px}.amb{border-radius:25px}
}

.myne-form-message{margin-top:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.18);border-radius:10px;font-size:13px;line-height:1.4}
.myne-waitlist-form .myne-form-message{grid-column:1/-1;border-color:rgba(20,20,20,.15)}
button:disabled{opacity:.65;cursor:wait}

.myne-form-success{padding:16px 18px;border:1px solid currentColor;border-radius:14px;font-weight:600}.search.myne-waitlist-form{margin:0}
.myne-form-success{padding:16px 18px;border:1px solid currentColor;border-radius:14px;font-weight:600}.myne-form-error{margin-top:12px;padding:12px 14px;border:1px solid currentColor;border-radius:12px;font-size:13px}.search.myne-waitlist-form{margin:0}

/* MYNE footer and informational pages */
.myne-footer{gap:24px;align-items:center;flex-wrap:wrap}
.myne-footer-brand span{display:inline-block;margin-top:8px;font-size:12px;color:#888}
.myne-footer-links{display:flex;gap:20px;flex-wrap:wrap;font-weight:750;color:#4d4a44}
.myne-footer-links a:hover,.myne-legal-content a:hover{text-decoration:underline}
.myne-legal-page{min-height:70vh;background:var(--bg);padding:0 4% 80px}
.myne-legal-top{max-width:1000px;margin:0 auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.myne-legal-brand{font-weight:900;font-size:29px;letter-spacing:-.07em;color:var(--ink)}
.myne-legal-content{max-width:850px;margin:36px auto 0;background:#fffefa;border:1px solid var(--line);border-radius:28px;padding:clamp(26px,5vw,62px);box-shadow:var(--shadow)}
.myne-legal-content h1{font-size:clamp(42px,7vw,70px);line-height:.98;letter-spacing:-.065em;margin:14px 0 18px}
.myne-legal-content h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.04em;margin:34px 0 12px;line-height:1.1}
.myne-legal-content p,.myne-legal-content li{font-size:16px;line-height:1.75;color:#555149;margin:0 0 14px}
.myne-legal-content ul{padding-left:24px;margin:8px 0 20px}
.myne-legal-content a{color:#4c42a8;text-decoration:underline;text-underline-offset:3px}
.myne-legal-lead{font-size:19px!important;line-height:1.6!important;color:#656057!important;margin:0 0 25px!important}
.myne-legal-meta{font-size:13px!important;color:#85817a!important}
.myne-legal-note{border-top:1px solid var(--line);padding-top:18px;font-size:13px!important;color:#777!important}
@media(max-width:560px){.myne-footer{align-items:flex-start;flex-direction:column}.myne-footer-links{gap:16px}.myne-legal-page{padding-left:4%;padding-right:4%}.myne-legal-content{border-radius:20px}.myne-legal-content p,.myne-legal-content li{font-size:15px}}