/* Star’Sign × Main Square Festival 2026 — temporary event landing. */
.mainsquare-page { background:radial-gradient(circle at 86% 4%,rgba(19,212,211,.15),transparent 18rem),radial-gradient(circle at 4% 9%,rgba(244,72,157,.16),transparent 24rem),var(--bg); }
.mainsquare-page .topbar { background:linear-gradient(180deg,rgba(9,10,17,.98),rgba(9,10,17,.82)); }
.ms-hero { display:grid; gap:2rem; min-height:calc(100svh - var(--header)); padding-top:3rem; padding-bottom:3.5rem; }
.ms-hero__copy { position:relative; z-index:2; }
.ms-hero__lead { max-width:600px; color:var(--muted); font-size:1.05rem; }
.ms-hero__lead strong { color:var(--yellow); }
.ms-hero__actions { display:grid; gap:.75rem; margin:1.5rem 0 1.35rem; }
.ms-hero__art { position:relative; min-height:450px; isolation:isolate; }
.ms-hero__mascot { position:absolute; z-index:3; bottom:-.7rem; left:-5%; width:min(68%,290px); filter:drop-shadow(0 16px 18px rgba(0,0,0,.5)); animation:float 4.8s ease-in-out infinite; }
.ms-hero__art .paint--pink { left:-4%; top:2%; }.ms-hero__art .paint--cyan { right:-7%; top:18%; }
.ms-phone { position:absolute; z-index:1; top:.1rem; right:3%; width:205px; height:426px; overflow:hidden; border:7px solid #2b2936; border-radius:29px; background:#101019; box-shadow:0 24px 50px rgba(0,0,0,.58),0 0 0 2px #4c4959 inset; transform:rotate(6deg); }
.ms-phone__notch { position:absolute; z-index:3; top:4px; left:50%; width:42%; height:18px; border-radius:0 0 12px 12px; background:#101019; transform:translateX(-50%); }
.ms-phone__screen { display:flex; height:100%; flex-direction:column; padding:2.05rem .7rem .62rem; overflow:hidden; background:radial-gradient(circle at 92% 7%,rgba(244,72,157,.55),transparent 24%),radial-gradient(circle at 6% 54%,rgba(19,212,211,.34),transparent 34%),linear-gradient(155deg,#20132d,#06070c); }
.ms-phone__top { display:flex; justify-content:space-between; color:rgba(255,248,232,.7); font-size:.48rem; font-weight:900; letter-spacing:.1em; }.ms-phone__top b { color:var(--yellow); }
.ms-phone__headline { margin:1.1rem 0 .8rem; font-family:var(--display); font-size:2.1rem; line-height:.75; color:var(--ink); }.ms-phone__headline strong { color:var(--pink); }
.ms-phone__scene { position:relative; display:flex; flex:1; align-items:flex-end; justify-content:space-between; overflow:hidden; padding:.7rem; border:1px solid rgba(255,248,232,.25); border-radius:14px; background:linear-gradient(150deg,#46215d 0%,#193d62 56%,#10111f 56%); }.ms-phone__scene::before { content:""; position:absolute; left:-8%; right:-8%; bottom:-3%; height:38%; background:repeating-radial-gradient(ellipse at 50% 130%,rgba(255,248,232,.85) 0 1px,transparent 2px 11px); opacity:.28; transform:rotate(-2deg); }.ms-phone__scene b { position:relative; z-index:2; font-family:var(--display); font-size:1.4rem; line-height:.76; }.ms-phone__scene i { position:relative; z-index:2; color:var(--yellow); font-size:1.9rem; font-style:normal; }
.ms-phone__light { position:absolute; top:-9%; width:70%; height:160%; transform-origin:top center; filter:blur(4px); opacity:.55; }.ms-phone__light--one { left:5%; background:linear-gradient(145deg,rgba(244,72,157,.87),transparent 57%); transform:rotate(28deg); }.ms-phone__light--two { right:0; background:linear-gradient(215deg,rgba(19,212,211,.78),transparent 55%); transform:rotate(-27deg); }.ms-phone__light--three { left:37%; background:linear-gradient(180deg,rgba(255,210,31,.5),transparent 50%); transform:rotate(3deg); }
.ms-phone__chips { display:flex; gap:.28rem; margin:.55rem 0; overflow:hidden; color:var(--black); font-size:.42rem; font-weight:900; white-space:nowrap; }.ms-phone__chips span { padding:.25rem .32rem; border-radius:99px; background:var(--yellow); }.ms-phone__chips span:nth-child(2) { background:var(--cyan); }.ms-phone__chips span:nth-child(3) { background:var(--pink); color:var(--ink); }
.ms-phone__bottom { display:flex; justify-content:space-around; padding-top:.35rem; border-top:1px solid rgba(255,248,232,.1); color:#a29ba7; font-size:.78rem; }.ms-phone__bottom .is-active { color:var(--pink); }
.ms-speech { position:absolute; z-index:4; right:0; bottom:6%; display:inline-block; padding:.5rem .62rem .42rem; border:2px solid var(--black); border-radius:.25rem; background:var(--yellow); color:var(--black); font-family:var(--marker); font-size:.72rem; line-height:1.08; transform:rotate(-6deg); box-shadow:3px 3px 0 var(--pink); }.ms-speech strong { font-size:.92rem; }
.ms-ribbon { margin-top:-.3rem; }
.ms-how { padding-top:5rem; padding-bottom:4.8rem; }.ms-how .section-heading > p:not(.label) { max-width:560px; margin-inline:auto; }
.ms-steps { display:grid; gap:1rem; max-width:1060px; padding:0; margin:2rem auto 1.65rem; list-style:none; }.ms-steps li { position:relative; min-height:228px; overflow:hidden; padding:1.05rem; border:1px solid var(--line); border-radius:1rem; background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015)); box-shadow:var(--shadow); }.ms-steps li::after { content:""; position:absolute; right:-13%; bottom:-29%; width:170px; aspect-ratio:1; border:20px solid rgba(255,255,255,.05); border-radius:50%; }.ms-steps__number { position:absolute; right:.85rem; top:.72rem; color:rgba(255,248,232,.3); font-family:var(--display); font-size:2.2rem; line-height:1; }.ms-steps__icon { height:112px; }.ms-steps__icon img { width:122px; height:125px; object-fit:contain; }.ms-steps h3 { position:relative; z-index:1; font-size:2.15rem; }.ms-steps p { position:relative; z-index:1; max-width:290px; margin:0; color:var(--muted); font-size:.86rem; }
.ms-cta-inline { display:grid; gap:.8rem; align-items:center; max-width:1060px; padding:1rem; margin:auto; border:1px solid rgba(19,212,211,.5); border-radius:.9rem; background:linear-gradient(105deg,rgba(19,212,211,.13),rgba(138,67,212,.12)); }.ms-cta-inline > div { display:grid; gap:.05rem; }.ms-cta-inline b { color:var(--yellow); font-family:var(--marker); font-size:.76rem; letter-spacing:.06em; }.ms-cta-inline span { color:var(--muted); font-size:.83rem; }
.ms-benefits { position:relative; overflow:hidden; padding:4.9rem 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:radial-gradient(circle at 90% 14%,rgba(244,72,157,.2),transparent 18rem),radial-gradient(circle at 8% 75%,rgba(19,212,211,.15),transparent 19rem),#100d1a; }.ms-benefits::after { content:"✦"; position:absolute; right:-2rem; bottom:-6rem; color:rgba(255,210,31,.08); font-family:var(--display); font-size:20rem; line-height:1; transform:rotate(15deg); }.ms-benefits > .section-shell { position:relative; z-index:1; }.ms-benefits__heading { max-width:720px; }.ms-benefits__heading > p:not(.label) { color:var(--muted); }
.ms-benefit-grid { display:grid; gap:.85rem; margin-top:2rem; }.ms-benefit { position:relative; min-height:195px; overflow:hidden; padding:1.1rem; border:1px solid rgba(255,248,232,.2); border-radius:1rem; background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02)); }.ms-benefit::after { content:""; position:absolute; top:-65%; right:-22%; width:180px; aspect-ratio:1; border-radius:50%; background:rgba(255,255,255,.06); filter:blur(2px); }.ms-benefit__tag { position:relative; z-index:1; color:var(--yellow); font-family:var(--marker); font-size:.65rem; letter-spacing:.08em; }.ms-benefit i { position:absolute; z-index:1; top:.82rem; right:.9rem; color:var(--yellow); font-style:normal; font-size:2rem; }.ms-benefit h3 { position:relative; z-index:1; max-width:250px; margin:1.05rem 0 .6rem; font-size:2rem; }.ms-benefit p { position:relative; z-index:1; max-width:310px; margin:0; color:var(--muted); font-size:.81rem; }.ms-benefit--crew { border-color:rgba(244,72,157,.55); background:linear-gradient(140deg,rgba(244,72,157,.26),rgba(35,16,42,.75)); }.ms-benefit--stage { border-color:rgba(19,212,211,.55); background:linear-gradient(140deg,rgba(19,212,211,.19),rgba(12,28,45,.75)); }.ms-benefit--drop { border-color:rgba(255,210,31,.55); background:linear-gradient(140deg,rgba(255,210,31,.17),rgba(48,31,7,.75)); }.ms-benefit--sign { border-color:rgba(138,67,212,.65); background:linear-gradient(140deg,rgba(138,67,212,.28),rgba(30,16,55,.76)); }.ms-benefit--interview { border-color:rgba(74,140,216,.65); background:linear-gradient(140deg,rgba(74,140,216,.23),rgba(11,24,46,.76)); }.ms-benefit--backstage { border-color:rgba(244,72,157,.5); background:linear-gradient(140deg,rgba(244,72,157,.2),rgba(25,25,42,.78)); }.ms-benefits__note { max-width:700px; margin:1.2rem 0 0; color:rgba(255,248,232,.58); font-size:.72rem; }
.ms-wall { display:grid; gap:2rem; align-items:center; padding-top:5rem; padding-bottom:5rem; }.ms-wall__copy p:not(.label) { max-width:565px; color:var(--muted); }.ms-wall__copy .button { margin-top:.5rem; }.ms-wall__visual { position:relative; min-height:420px; isolation:isolate; }.ms-wall__visual::before { content:""; position:absolute; inset:12% 2% 7% 3%; z-index:-1; border:1px solid rgba(19,212,211,.34); border-radius:48% 42% 50% 43%; background:radial-gradient(circle at 25% 20%,rgba(244,72,157,.25),transparent 35%),radial-gradient(circle at 80% 70%,rgba(19,212,211,.25),transparent 32%),rgba(255,255,255,.02); transform:rotate(-7deg); }.ms-wall-card { position:absolute; display:flex; flex-direction:column; justify-content:flex-end; width:145px; aspect-ratio:.76; overflow:hidden; padding:.65rem; border:2px solid rgba(255,248,232,.72); border-radius:.85rem; box-shadow:0 18px 28px rgba(0,0,0,.48); font-family:var(--display); font-size:1.7rem; line-height:.76; text-shadow:0 2px 1px rgba(0,0,0,.5); }.ms-wall-card small { position:absolute; top:.55rem; left:.55rem; font-family:var(--body); font-size:.42rem; font-weight:900; letter-spacing:.08em; }.ms-wall-card i { position:absolute; top:.55rem; right:.55rem; color:var(--yellow); font-style:normal; font-size:1.55rem; }.ms-wall-card--one { top:12%; left:3%; background:linear-gradient(145deg,#d7257c,#33102b); transform:rotate(-9deg); }.ms-wall-card--two { top:1%; left:38%; background:linear-gradient(145deg,#159da7,#122238); transform:rotate(7deg); }.ms-wall-card--three { bottom:4%; left:17%; background:linear-gradient(145deg,#7040ba,#251447); transform:rotate(8deg); }.ms-wall-card--four { right:2%; bottom:16%; background:linear-gradient(145deg,#b98605,#271908); transform:rotate(-7deg); }.ms-wall__stamp { position:absolute; z-index:3; top:38%; right:16%; display:grid; width:96px; aspect-ratio:1; place-content:center; border:4px solid var(--yellow); border-radius:50%; color:var(--yellow); font-family:var(--marker); font-size:.75rem; line-height:1.06; text-align:center; transform:rotate(12deg); }.ms-wall__mascot { position:absolute; z-index:4; right:-2%; bottom:-3%; width:135px; filter:drop-shadow(0 14px 10px rgba(0,0,0,.45)); transform:rotate(3deg); }
.ms-news { position:relative; display:grid; gap:1.45rem; overflow:hidden; margin-top:0; margin-bottom:3.5rem; padding:1.2rem; border:1px solid rgba(244,72,157,.7); border-radius:1rem; background:radial-gradient(circle at 85% 30%,rgba(244,72,157,.27),transparent 14rem),linear-gradient(145deg,#261043,#121020); box-shadow:var(--shadow); }.ms-news::after { content:""; position:absolute; right:-10%; bottom:-94%; width:360px; aspect-ratio:1; border:2px solid rgba(19,212,211,.16); border-radius:50%; box-shadow:0 0 0 35px rgba(19,212,211,.03),0 0 0 70px rgba(244,72,157,.03); }.ms-news__copy,.ms-news__form,.ms-news__success { position:relative; z-index:1; }.ms-news h2 { font-size:clamp(3.1rem,11vw,5.6rem); }.ms-news__copy p:not(.label) { color:var(--muted); }.ms-news__partners { font-size:.76rem; }.ms-news__partners a { color:var(--cyan); font-weight:800; text-decoration:underline; }.ms-news__form { max-width:510px; }.ms-news__form label { display:grid; gap:.38rem; margin:.75rem 0; font-size:.78rem; font-weight:900; }.ms-news__form input:not([type=checkbox]) { width:100%; min-height:47px; padding:.72rem .8rem; border:1px solid rgba(255,248,232,.22); border-radius:.68rem; outline:none; background:#0d0d14; color:var(--ink); }.ms-news__form input::placeholder { color:#847d93; }.ms-news__form input:focus { border-color:var(--cyan); box-shadow:0 0 0 3px rgba(19,212,211,.13); }.ms-news__form .consent { grid-template-columns:20px 1fr; align-items:start; gap:.55rem !important; color:var(--muted); font-weight:500 !important; line-height:1.35; }.ms-news__form .consent input { width:17px; height:17px; margin:1px 0 0; accent-color:var(--pink); }.ms-news__form .consent a { color:var(--cyan); text-decoration:underline; }.ms-news__success { max-width:420px; align-self:center; text-align:center; }.ms-news__success img { width:185px; margin:0 auto .15rem; }.ms-news__success h3 { font-size:2.7rem; }.ms-news__success h3 em { color:var(--pink); font-style:normal; }.ms-news__success p:not(.label) { color:var(--muted); }
@media (min-width:560px) { .ms-hero__actions { display:flex; flex-wrap:wrap; }.ms-hero__actions .button { min-width:210px; }.ms-steps { grid-template-columns:repeat(3,1fr); }.ms-benefit-grid { grid-template-columns:repeat(2,1fr); }.ms-cta-inline { grid-template-columns:1fr auto; }.ms-cta-inline .button { min-width:210px; } }
@media (min-width:780px) { .ms-hero { grid-template-columns:1.03fr .97fr; align-items:center; gap:1.5rem; padding-top:3.3rem; padding-bottom:4.4rem; }.ms-hero__art { min-height:520px; }.ms-phone { width:244px; height:500px; right:7%; }.ms-hero__mascot { width:min(68%,340px); left:-2%; }.ms-speech { right:0; bottom:9%; }.ms-hero__art .paint { width:350px; }.ms-hero__art .sticker--heart { right:5%; }.ms-hero__art .sticker--bolt { left:6%; bottom:19%; }.ms-benefit-grid { grid-template-columns:repeat(3,1fr); }.ms-benefit { min-height:225px; }.ms-wall { grid-template-columns:.93fr 1.07fr; gap:2.2rem; }.ms-wall__visual { min-height:470px; }.ms-wall-card { width:164px; font-size:1.9rem; }.ms-news { grid-template-columns:1fr .84fr; align-items:center; padding:1.65rem; }.ms-news__form { justify-self:end; width:100%; } }
@media (min-width:1040px) { .ms-hero { min-height:calc(100svh - var(--header)); }.ms-hero__art { min-height:560px; }.ms-phone { width:270px; height:552px; right:8%; }.ms-hero__mascot { width:355px; }.ms-hero__lead { font-size:1.08rem; }.ms-wall__visual { min-height:510px; }.ms-wall-card { width:178px; } }