/* Creators For Love: shared shell for the form pages (apply, start, welcome).
   Same tokens as the landing page. Dark, one accent, pill buttons, 24px cards. */
:root{--bg:#0F0D14;--bg2:#171420;--bg3:#1F1B2B;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);
  --txt:#F5F3F9;--mut:#A9A3BA;--acc:#E02A7A;--acc-d:#B81F63;--acc-s:rgba(224,42,122,.16);--ok:#7BE3C2;--glow:rgba(74,36,231,.42);
  --r:24px;--ease:cubic-bezier(.32,.72,0,1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Open Sans',sans-serif;background:var(--bg);color:var(--txt);line-height:1.6;font-size:16px;min-height:100dvh;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}
body::before{content:"";position:fixed;width:900px;height:900px;right:-300px;top:-420px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 60%);pointer-events:none;z-index:0}
body::after{content:"";position:fixed;width:600px;height:600px;left:-300px;bottom:-300px;border-radius:50%;background:radial-gradient(circle,rgba(224,42,122,.16),transparent 62%);pointer-events:none;z-index:0}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3{font-family:'Poppins',sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.05}
.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:6px;padding:8px 8px 8px 16px;border-radius:999px;
  background:rgba(23,20,32,.72);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--line2);
  box-shadow:0 20px 50px -20px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);max-width:calc(100% - 32px)}
.nav .brand{display:flex;align-items:center;gap:10px;padding-right:14px;margin-right:6px;border-right:1px solid var(--line)}
.nav .brand img{height:26px;width:auto}
.nav .brand span{font:700 15px/1 'Poppins',sans-serif;letter-spacing:-.01em;white-space:nowrap}
.nav .back{padding:10px 14px;border-radius:999px;font:500 14px/1 'Poppins',sans-serif;color:var(--mut);transition:color .3s,background .3s;white-space:nowrap}
.nav .back:hover{color:var(--txt);background:rgba(255,255,255,.06)}
main{position:relative;z-index:1;max-width:620px;margin:0 auto;padding:140px 20px 80px}
.head{text-align:center;margin-bottom:32px}
.head h1{font-size:clamp(34px,6vw,54px);max-width:14ch;margin:0 auto 14px}
.head p{color:var(--mut);max-width:48ch;margin:0 auto;font-size:17px}
.head .chip{display:inline-block;margin-top:18px;padding:9px 16px;border-radius:999px;background:var(--acc-s);color:#fff;font:600 13px/1 'Poppins',sans-serif}
.bez{background:rgba(255,255,255,.04);border:1px solid var(--line);padding:8px;border-radius:calc(var(--r) + 8px)}
.bez > .core{border-radius:var(--r);background:var(--bg2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);padding:32px 30px}
.card{margin-bottom:18px}
.card h2{font-size:clamp(22px,3vw,28px);margin-bottom:8px}
.card p{color:var(--mut)}
label{display:block;font:600 13px/1 'Poppins',sans-serif;letter-spacing:.02em;margin:22px 0 8px}
label .opt{color:var(--mut);font-weight:500}
input[type=text],input[type=email],input[type=date],select,textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line2);background:var(--bg3);color:var(--txt);font:500 16px/1.4 'Poppins',sans-serif;outline:none;transition:border-color .3s,box-shadow .3s;color-scheme:dark}
input::placeholder,textarea::placeholder{color:#7C7690}
input:focus,select:focus,textarea:focus{border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-s)}
select option{background:var(--bg3);color:var(--txt)}
textarea{min-height:96px;resize:vertical}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.opt-tile{padding:16px 14px;border-radius:16px;border:1px solid var(--line2);background:var(--bg3);cursor:pointer;text-align:left;transition:border-color .3s,background .3s,transform .5s var(--ease)}
.opt-tile .t{display:block;font:700 16px/1.2 'Poppins',sans-serif;letter-spacing:-.01em}
.opt-tile .s{display:block;color:var(--mut);font-size:13px;margin-top:4px}
.opt-tile:hover{transform:translateY(-2px)}
.opt-tile.active{border-color:var(--acc);background:var(--acc-s)}
.extra{display:none;border-radius:16px;padding:6px 16px 16px;background:rgba(255,255,255,.04);border:1px solid var(--line);margin-top:14px}
.extra label{margin-top:14px}
.chk{display:flex;align-items:center;gap:12px;font:500 15px/1.4 'Poppins',sans-serif;margin-top:16px;cursor:pointer}
.chk input{width:20px;height:20px;accent-color:var(--acc);cursor:pointer}
.refwrap{position:relative}
.refmenu{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--bg3);border:1px solid var(--line2);border-radius:14px;overflow:hidden;z-index:10;display:none;box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
.refmenu button{display:block;width:100%;text-align:left;padding:12px 16px;border:none;background:none;cursor:pointer;font:500 15px/1 'Poppins',sans-serif;color:var(--txt)}
.refmenu button:hover{background:var(--acc-s)}
.refok{margin-top:8px;font-size:14px;color:var(--ok);display:none}
.refok a{color:var(--acc);text-decoration:underline;cursor:pointer}
.hp{position:absolute;left:-9999px;top:-9999px;height:1px;width:1px;overflow:hidden}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 7px 7px 26px;border-radius:999px;background:var(--acc);color:#fff;font:600 16px/1 'Poppins',sans-serif;border:none;cursor:pointer;white-space:nowrap;
  transition:transform .6s var(--ease),box-shadow .6s var(--ease),background .4s var(--ease);box-shadow:0 14px 34px -14px rgba(224,42,122,.6)}
.btn .i{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font:600 20px/1 'Poppins',sans-serif;transition:transform .6s var(--ease),background .4s var(--ease)}
.btn:hover{transform:translateY(-2px);background:var(--acc-d)}
.btn:hover .i{transform:translateX(3px);background:rgba(255,255,255,.26)}
.btn:active{transform:scale(.98)}
.btn:disabled{opacity:.6;cursor:wait;transform:none}
.btn.full{width:100%;margin-top:26px}
.btn.ghost{background:transparent;color:var(--txt);box-shadow:inset 0 0 0 1.5px var(--line2)}
.btn.ghost .i{background:rgba(255,255,255,.08)}
.btn.ghost:hover{background:rgba(255,255,255,.06)}
.err{color:#FF7DB0;font-weight:500;min-height:1.4em;margin-top:12px;text-align:center;font-size:14px}
.err.ok{color:var(--ok)}
.fine{margin-top:14px;text-align:center;color:var(--mut);font-size:13px}
.foot{position:relative;z-index:1;text-align:center;color:var(--mut);font-size:14px;padding:0 20px 60px;max-width:620px;margin:0 auto}
.foot a{color:var(--txt);text-decoration:underline}
.note{border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:14px;color:var(--mut)}
.note b{color:var(--txt)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.row input{flex:1;min-width:200px}
@media (max-width:560px){
  main{padding:120px 16px 60px}
  .bez > .core{padding:26px 20px}
  .two,.pick{grid-template-columns:1fr}
  .btn{width:100%}
  .nav .brand{border-right:none;padding-right:4px;margin-right:0}
  .nav .back{display:none}
}