/*
Theme Name: Mercamint Coming Soon
Theme URI: https://mercamint.com/
Author: Mercamint
Description: Lightweight coming-soon theme for the Mercamint NFT marketplace with built-in waitlist registration.
Version: 1.0.2
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: mercamint
*/

:root{
  --bg:#050716;
  --bg2:#0a0d24;
  --text:#f6f7fb;
  --muted:#b7bdd0;
  --line:rgba(143,112,255,.34);
  --violet:#7857ff;
  --blue:#2266ff;
  --pink:#d778d1;
  --orange:#ff805b;
  --success:#7de4b0;
  --error:#ff8c98;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{overflow-x:hidden}
button,input{font:inherit}
a{color:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.mm-page{min-height:100vh;position:relative;isolation:isolate;background:
 radial-gradient(circle at 50% 72%, rgba(255,124,90,.14), transparent 14%),
 radial-gradient(circle at 22% 65%, rgba(42,83,255,.16), transparent 24%),
 radial-gradient(circle at 82% 64%, rgba(128,78,255,.13), transparent 28%),
 linear-gradient(180deg,#040611 0%,#07091a 55%,#050716 100%);
 overflow:hidden;
}
.mm-page:before{content:"";position:absolute;inset:0;z-index:-3;opacity:.55;background-image:
 radial-gradient(circle at 8% 33%,rgba(255,255,255,.9) 0 1px,transparent 1.5px),
 radial-gradient(circle at 18% 56%,rgba(125,150,255,.9) 0 1px,transparent 1.4px),
 radial-gradient(circle at 73% 29%,rgba(255,255,255,.7) 0 1px,transparent 1.3px),
 radial-gradient(circle at 86% 48%,rgba(145,118,255,.9) 0 1px,transparent 1.4px),
 radial-gradient(circle at 63% 41%,rgba(255,140,105,.8) 0 1px,transparent 1.4px);
}
.mm-arc{position:absolute;left:50%;bottom:-41vw;transform:translateX(-50%);width:142vw;height:65vw;border-radius:50% 50% 0 0/100% 100% 0 0;background:
 radial-gradient(ellipse at 50% 4%, rgba(255,139,91,.72) 0 1.2%, rgba(121,88,255,.66) 2.2%, rgba(59,79,191,.28) 4%, rgba(5,7,22,1) 16%, #03040d 62%);
 box-shadow:0 -2px 24px rgba(107,82,255,.9),0 -10px 58px rgba(52,82,255,.44),0 -2px 70px rgba(255,127,92,.22);
 z-index:-1;
}
.mm-arc:before{content:"";position:absolute;inset:7% 8% auto;height:25%;border-radius:50%;background:
 linear-gradient(90deg,transparent,rgba(255,114,77,.10) 31%,transparent 34%,transparent 43%,rgba(61,91,255,.09) 50%,transparent 58%,rgba(255,132,94,.09) 70%,transparent);
 filter:blur(8px)}
.mm-glow{position:absolute;left:50%;bottom:29.5vw;transform:translateX(-50%);width:13rem;height:2rem;background:radial-gradient(ellipse,rgba(255,151,103,.95),rgba(255,116,83,.22) 45%,transparent 72%);filter:blur(4px);z-index:-1}
.mm-lines{position:absolute;left:8%;right:8%;bottom:17vw;height:22vw;z-index:-2;opacity:.8;background:
 linear-gradient(90deg,transparent 0 5%,rgba(83,104,255,.55) 5.05% 5.12%,transparent 5.2% 12%,rgba(255,130,90,.5) 12.05% 12.12%,transparent 12.2% 19%,rgba(115,91,255,.45) 19.05% 19.1%,transparent 19.2% 76%,rgba(100,84,255,.5) 76.05% 76.12%,transparent 76.2% 86%,rgba(255,127,86,.45) 86.05% 86.12%,transparent 86.2% 94%,rgba(90,102,255,.45) 94.05% 94.12%,transparent 94.2%);
 mask-image:linear-gradient(to top,#000 0 76%,transparent 100%)}

.mm-shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:7vh 0 12vh;text-align:center}
.mm-brand{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:10vh}
.mm-logo{width:86px;height:auto;display:block}
.mm-wordmark{font-size:clamp(20px,2vw,31px);letter-spacing:.38em;margin-right:-.38em;font-weight:500}
.mm-kicker{font-size:clamp(13px,1.25vw,18px);letter-spacing:.42em;margin-right:-.42em;color:#c8cbe0;text-transform:uppercase}
.mm-title{margin:24px auto 22px;max-width:930px;font-weight:500;line-height:1.08;letter-spacing:-.035em;font-size:clamp(46px,6vw,88px)}
.mm-title span{display:block;background:linear-gradient(90deg,#8e6cff 0%,#d584d3 52%,#ff8a61 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mm-copy{max-width:760px;margin:0 auto 34px;color:#d0d3df;font-size:clamp(17px,1.65vw,24px);line-height:1.55}
.mm-form-wrap{max-width:690px;margin:0 auto}
.mm-form{display:flex;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:28px;padding:0;background:rgba(9,10,31,.72);box-shadow:0 0 0 1px rgba(255,255,255,.015) inset,0 18px 55px rgba(0,0,0,.22);backdrop-filter:blur(7px)}
.mm-email-wrap{flex:1;display:flex;align-items:center;gap:16px;padding:0 26px}
.mm-email-icon{width:25px;height:25px;opacity:.72;flex:none}
.mm-form input[type=email]{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:23px 0;font-size:18px;min-width:0}
.mm-form input::placeholder{color:#7f8499}
.mm-submit{border:0;min-width:205px;border-radius:27px;margin:-1px;padding:0 28px;color:white;cursor:pointer;font-size:18px;font-weight:500;background:linear-gradient(100deg,var(--blue),var(--violet) 42%,var(--pink) 67%,var(--orange));box-shadow:0 0 26px rgba(102,83,255,.32);transition:transform .2s ease,filter .2s ease}
.mm-submit:hover{transform:translateY(-1px);filter:brightness(1.06)}
.mm-submit:focus-visible,.mm-form input:focus-visible{outline:2px solid #fff;outline-offset:3px}
.mm-honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.mm-notice{margin:16px auto 0;font-size:15px;min-height:24px;color:var(--muted)}
.mm-notice.success{color:var(--success)}
.mm-notice.error{color:var(--error)}
.mm-footnote{margin-top:20px;color:#8f95aa;font-size:13px}

@media (max-width:760px){
 .mm-shell{width:min(100% - 28px,680px);padding-top:5vh}
 .mm-brand{margin-bottom:8vh}
 .mm-logo{width:72px}
 .mm-wordmark{font-size:20px}
 .mm-kicker{font-size:11px;letter-spacing:.29em;margin-right:-.29em}
 .mm-title{font-size:clamp(42px,13vw,66px);margin-top:20px}
 .mm-copy{font-size:17px;line-height:1.48}
 .mm-form{display:block;border-radius:23px;background:rgba(10,11,32,.82)}
 .mm-email-wrap{padding:0 20px}
 .mm-form input[type=email]{padding:21px 0}
 .mm-submit{width:calc(100% + 2px);min-height:58px;margin:0 -1px -1px;border-radius:0 0 22px 22px}
 .mm-arc{width:220vw;height:95vw;bottom:-50vw}
 .mm-glow{bottom:42vw}
 .mm-lines{bottom:23vw;height:32vw}
}