/* MorFM Auth Nostalgia v1 — 2026-09-21
   Global login / register / music survey / quick guest experience.
   Functional markup is preserved; this file only changes presentation. */

:root{
  --auth-n-bg:#100a0e;
  --auth-n-bg-2:#171013;
  --auth-n-panel:#1d1416;
  --auth-n-panel-soft:#24191a;
  --auth-n-line:rgba(219,166,116,.24);
  --auth-n-line-strong:rgba(229,177,126,.48);
  --auth-n-cream:#f5e4cf;
  --auth-n-paper:#d9c0a9;
  --auth-n-muted:#aa9388;
  --auth-n-copper:#d39a6d;
  --auth-n-copper-2:#b86f55;
  --auth-n-wine:#7a3348;
  --auth-n-wine-2:#4f202f;
  --auth-n-rose:#c76d79;
  --auth-n-green:#9ab98b;
  --auth-n-shadow:0 30px 90px rgba(0,0,0,.58);
}

/* Drawer shell */
.auth-drawer.global-auth-drawer.auth-drawer--nostalgia{
  width:min(590px,94vw);
  padding:24px 34px 38px;
  border-left:1px solid var(--auth-n-line-strong);
  background:
    radial-gradient(circle at 96% 5%,rgba(176,91,62,.14),transparent 24%),
    radial-gradient(circle at 3% 96%,rgba(125,45,69,.16),transparent 28%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.009) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,rgba(23,15,18,.997),rgba(12,9,12,.997));
  box-shadow:-28px 0 90px rgba(0,0,0,.60),-1px 0 30px rgba(177,101,73,.12),inset 1px 0 rgba(255,232,201,.035);
  color:var(--auth-n-cream);
  scrollbar-width:thin;
  scrollbar-color:rgba(202,139,96,.42) transparent;
}
.auth-drawer.global-auth-drawer.auth-drawer--nostalgia::-webkit-scrollbar{width:8px}
.auth-drawer.global-auth-drawer.auth-drawer--nostalgia::-webkit-scrollbar-track{background:transparent}
.auth-drawer.global-auth-drawer.auth-drawer--nostalgia::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(196,129,88,.36)}
.auth-drawer--nostalgia:before{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
  width:310px;height:310px;
  right:-135px;top:88px;
  border-radius:50%;
  opacity:.20;
  background:
    radial-gradient(circle,#9d6751 0 4px,#1a1013 5px 12px,#352026 13px 14px,#140d10 15px 27px,#2e1c21 28px 29px,#120b0e 30px 45px,#332027 46px 47px,#10090c 48px 100%);
  box-shadow:0 0 60px rgba(132,64,57,.24);
}
.auth-drawer--nostalgia:after{
  content:"MORFM  •  ANI  •  MÜZİK  •  TOPLULUK";
  position:absolute;
  z-index:-1;
  right:24px;bottom:14px;
  color:rgba(216,169,127,.045);
  font:700 .62rem/1 Georgia,"Times New Roman",serif;
  letter-spacing:.22em;
  white-space:nowrap;
  pointer-events:none;
}

.global-auth-drawer-backdrop{
  background:linear-gradient(90deg,rgba(8,5,7,.48),rgba(14,8,11,.72))!important;
  backdrop-filter:blur(7px) saturate(.82) sepia(.12)!important;
}

/* Brand strip */
.auth-nostalgia-brand{display:flex;align-items:center;gap:11px;padding:1px 48px 15px 0;border-bottom:1px solid rgba(220,169,124,.12)}
.auth-nostalgia-brand__seal{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid rgba(224,168,117,.44);border-radius:50%;background:radial-gradient(circle at 34% 28%,#d7a175,#8c4b42 52%,#241416);color:#fff0d9;font:700 1.1rem Georgia,"Times New Roman",serif;box-shadow:0 7px 22px rgba(0,0,0,.28),inset 0 0 0 4px rgba(35,18,20,.36)}
.auth-nostalgia-brand__copy{display:grid;gap:1px;min-width:0}
.auth-nostalgia-brand__copy b{color:#f4dec7;font:700 1rem/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.02em}
.auth-nostalgia-brand__copy small{color:#9d8177;font-size:.56rem;font-weight:750;letter-spacing:.08em}
.auth-nostalgia-brand__line{height:1px;flex:1;margin-left:8px;background:linear-gradient(90deg,rgba(213,153,105,.40),rgba(162,74,88,.14),transparent)}

.auth-drawer--nostalgia .auth-drawer-close{top:18px;right:20px;width:36px;height:36px;border:1px solid rgba(211,159,117,.18);border-radius:50%;background:rgba(34,21,24,.72);color:#cbb3a4;box-shadow:inset 0 1px rgba(255,239,219,.03)}
.auth-drawer--nostalgia .auth-drawer-close:hover{border-color:rgba(225,174,129,.46);background:rgba(100,48,46,.36);color:#fff0dc;transform:rotate(5deg)}

/* Login / register tabs */
.auth-drawer--nostalgia .auth-drawer-tabs{margin:17px 0 24px;padding:4px;border:1px solid rgba(216,161,115,.18);border-radius:14px;background:rgba(19,12,15,.70);box-shadow:inset 0 1px rgba(255,237,211,.025),0 8px 26px rgba(0,0,0,.12)}
.auth-drawer--nostalgia .auth-drawer-tabs button{min-height:46px;border:1px solid transparent;border-radius:10px;color:#9f8982;font-size:.72rem;font-weight:850;letter-spacing:.02em;transition:.18s ease}
.auth-drawer--nostalgia .auth-drawer-tabs button span{margin-right:4px;color:#ad765f}
.auth-drawer--nostalgia .auth-drawer-tabs button:hover{color:#ead6c2;background:rgba(105,55,47,.13)}
.auth-drawer--nostalgia .auth-drawer-tabs button.active{border-color:rgba(221,168,119,.45);background:linear-gradient(135deg,rgba(116,58,43,.70),rgba(91,36,53,.55));color:#fff0df;box-shadow:0 8px 24px rgba(67,24,28,.25),inset 0 1px rgba(255,228,197,.07)}

/* Login heading */
.auth-drawer--nostalgia .auth-drawer-heading{text-align:left;margin:0 0 22px;padding:2px 0 4px}
.auth-drawer-eyebrow{display:inline-flex;margin-bottom:9px;color:#bd8567;font-size:.56rem;font-weight:900;letter-spacing:.17em}
.auth-drawer--nostalgia .auth-drawer-heading h2{margin:0;color:#f5e2cb;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.65rem,2.1vw,2.05rem);font-weight:600;line-height:1.04;letter-spacing:-.025em}
.auth-drawer--nostalgia .auth-drawer-heading p{max-width:430px;margin:8px 0 0;color:#a89288;font-size:.73rem;line-height:1.58}

/* Forms */
.auth-drawer--nostalgia .auth-drawer-form{gap:14px}
.auth-drawer--nostalgia .auth-drawer-form label>span,
.auth-drawer--nostalgia .register-account-step label>span{margin-bottom:7px;color:#d8c3b1;font-size:.69rem;font-weight:800}
.auth-drawer--nostalgia .auth-drawer-form label>span a{color:#d79a75;text-decoration:none}
.auth-drawer--nostalgia .auth-drawer-form label>span a:hover{color:#f1bd91}
.auth-drawer--nostalgia .auth-drawer-form label>span small,
.auth-drawer--nostalgia .register-account-step label>span small{color:#846f68}
.auth-drawer--nostalgia .auth-drawer-form label>div i,
.auth-drawer--nostalgia .register-account-step label>div i{color:#b5846b}
.auth-drawer--nostalgia .auth-drawer-form input,
.auth-drawer--nostalgia .register-account-step input{
  height:50px;
  border:1px solid rgba(206,157,116,.20);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(29,20,23,.90),rgba(19,14,17,.92));
  color:#f6e9d9;
  caret-color:#d49a6e;
  box-shadow:inset 0 1px 0 rgba(255,239,217,.02);
}
.auth-drawer--nostalgia .auth-drawer-form input::placeholder,
.auth-drawer--nostalgia .register-account-step input::placeholder{color:#695a58}
.auth-drawer--nostalgia .auth-drawer-form input:focus,
.auth-drawer--nostalgia .register-account-step input:focus{border-color:rgba(223,170,120,.70);background:rgba(35,23,25,.96);box-shadow:0 0 0 3px rgba(198,129,82,.09),0 8px 24px rgba(0,0,0,.12)}

.auth-drawer--nostalgia .auth-drawer-submit,
.auth-drawer--nostalgia .register-wizard-next,
.auth-drawer--nostalgia .register-wizard-submit,
.auth-drawer--nostalgia .music-registration-quiz__next,
.auth-drawer--nostalgia .music-registration-quiz__finish{
  border:1px solid rgba(236,185,134,.28);
  background:linear-gradient(105deg,#8c493c 0%,#874050 48%,#623044 100%);
  color:#fff2df;
  box-shadow:0 12px 28px rgba(74,24,30,.30),inset 0 1px rgba(255,231,201,.10);
  letter-spacing:.01em;
}
.auth-drawer--nostalgia .auth-drawer-submit:hover,
.auth-drawer--nostalgia .register-wizard-next:hover,
.auth-drawer--nostalgia .register-wizard-submit:hover,
.auth-drawer--nostalgia .music-registration-quiz__next:hover,
.auth-drawer--nostalgia .music-registration-quiz__finish:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 15px 34px rgba(78,28,32,.36)}

.auth-drawer--nostalgia .auth-drawer-divider{margin:18px 0}
.auth-drawer--nostalgia .auth-drawer-divider:before{background:linear-gradient(90deg,transparent,rgba(205,153,112,.22),transparent)}
.auth-drawer--nostalgia .auth-drawer-divider span{background:#130d10;color:#77645f;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}
.auth-drawer--nostalgia .auth-drawer-alt{min-height:46px;margin-bottom:8px;border:1px solid rgba(206,153,112,.17);border-radius:11px;background:linear-gradient(145deg,rgba(43,28,29,.76),rgba(28,20,24,.78));color:#d7c3b4;cursor:pointer;transition:.18s ease}
.auth-drawer--nostalgia .auth-drawer-alt span{margin-right:7px;color:#c38b69}
.auth-drawer--nostalgia .auth-drawer-alt:hover{border-color:rgba(224,169,122,.43);background:linear-gradient(145deg,rgba(72,40,35,.66),rgba(55,29,39,.68));color:#fff0df;transform:translateY(-1px)}

/* Alerts */
.auth-drawer--nostalgia .auth-alert{border-radius:11px;background:rgba(44,28,29,.68)}
.auth-drawer--nostalgia .auth-alert-error{border-color:rgba(198,88,88,.34);color:#efb0a4}
.auth-drawer--nostalgia .auth-alert-success{border-color:rgba(132,165,108,.30);color:#bfd3ac}
.auth-drawer--nostalgia .auth-alert-info{border-color:rgba(205,150,107,.28);color:#deb98f}

/* Register + music survey */
.auth-drawer--nostalgia .normal-register,
.auth-drawer--nostalgia .music-registration-quiz,
.auth-drawer--nostalgia .register-wizard{color:#f6e7d6}
.auth-drawer--nostalgia .normal-register:before,
.auth-drawer--nostalgia .music-registration-quiz:before,
.auth-drawer--nostalgia .register-wizard:before{background:rgba(149,66,55,.14)}
.auth-drawer--nostalgia .normal-register__hero,
.auth-drawer--nostalgia .music-registration-quiz__hero,
.auth-drawer--nostalgia .register-wizard-hero{border-bottom-color:rgba(211,160,117,.13)}
.auth-drawer--nostalgia .normal-register__kicker,
.auth-drawer--nostalgia .music-registration-quiz__kicker,
.auth-drawer--nostalgia .register-wizard-kicker{border-color:rgba(220,164,115,.28);background:linear-gradient(135deg,rgba(118,61,44,.23),rgba(102,39,57,.15));color:#d9aa83}
.auth-drawer--nostalgia .normal-register__hero h2,
.auth-drawer--nostalgia .music-registration-quiz__hero h2,
.auth-drawer--nostalgia .register-wizard-hero h2{color:#f4dfc7;font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.025em}
.auth-drawer--nostalgia .normal-register__hero h2 em,
.auth-drawer--nostalgia .register-wizard-hero h2 em{background:none;-webkit-background-clip:initial;background-clip:initial;color:#d48677;font-style:italic}
.auth-drawer--nostalgia .normal-register__hero p,
.auth-drawer--nostalgia .music-registration-quiz__hero p,
.auth-drawer--nostalgia .register-wizard-hero p{color:#9f8980}
.auth-drawer--nostalgia .normal-register__trust span,
.auth-drawer--nostalgia .music-registration-quiz__meta span,
.auth-drawer--nostalgia .register-wizard-badges span{border-color:rgba(204,151,109,.15);background:rgba(42,28,29,.62);color:#bca69a}

.auth-drawer--nostalgia .normal-register__password-meter,
.auth-drawer--nostalgia .register-password-meter,
.auth-drawer--nostalgia .music-registration-quiz__progress{background:rgba(67,49,47,.54)}
.auth-drawer--nostalgia .normal-register__password-meter i,
.auth-drawer--nostalgia .register-password-meter i,
.auth-drawer--nostalgia .music-registration-quiz__progress i,
.auth-drawer--nostalgia .register-wizard-progress-track i{background:linear-gradient(90deg,#8e493d,#d29a68,#b25b67);box-shadow:0 0 14px rgba(198,119,83,.24)}
.auth-drawer--nostalgia .register-wizard-progress-track{background:rgba(67,49,47,.54)}
.auth-drawer--nostalgia .register-wizard-progress>span,
.auth-drawer--nostalgia .music-registration-quiz__progress span{color:#806c65}

.auth-drawer--nostalgia .normal-register__quiz-state{border-color:rgba(139,171,118,.25);background:rgba(59,80,49,.12)}
.auth-drawer--nostalgia .normal-register__quiz-state b{color:#c7d9b9}
.auth-drawer--nostalgia .normal-register__quiz-state small{color:#819477}
.auth-drawer--nostalgia .normal-register__quiz-state button{color:#d3a074}
.auth-drawer--nostalgia .normal-register__survey{border-color:rgba(212,159,115,.22);background:linear-gradient(145deg,rgba(78,42,36,.22),rgba(76,31,45,.18));color:#d9b091}
.auth-drawer--nostalgia .normal-register__survey:hover{border-color:rgba(224,174,129,.48);background:rgba(100,49,43,.30);color:#f6dfc8}
.auth-drawer--nostalgia .normal-register__footnote,
.auth-drawer--nostalgia .register-wizard-footnote{color:#6e5d59}

.auth-drawer--nostalgia .music-registration-quiz__step-label,
.auth-drawer--nostalgia .register-step-eyebrow{color:#c48767}
.auth-drawer--nostalgia .music-registration-quiz__step h3,
.auth-drawer--nostalgia .register-wizard-step>h3{color:#f1dcc7;font-family:Georgia,"Times New Roman",serif}
.auth-drawer--nostalgia .music-registration-quiz__step>p,
.auth-drawer--nostalgia .register-wizard-step>p{color:#8f7a73}
.auth-drawer--nostalgia .music-registration-quiz__choice,
.auth-drawer--nostalgia .register-choice-card{border-color:rgba(205,153,111,.15);background:linear-gradient(145deg,rgba(39,26,28,.82),rgba(24,18,21,.86))}
.auth-drawer--nostalgia .music-registration-quiz__choice:hover,
.auth-drawer--nostalgia .register-choice-card:hover{border-color:rgba(222,167,120,.40);background:linear-gradient(145deg,rgba(65,35,33,.70),rgba(48,25,34,.70));box-shadow:0 10px 26px rgba(0,0,0,.20)}
.auth-drawer--nostalgia .music-registration-quiz__choice:has(input:checked),
.auth-drawer--nostalgia .register-choice-card:has(input:checked){border-color:rgba(222,167,120,.60);background:linear-gradient(135deg,rgba(111,55,42,.42),rgba(92,37,52,.36));box-shadow:inset 0 0 0 1px rgba(235,185,138,.07),0 10px 28px rgba(58,20,23,.17)}
.auth-drawer--nostalgia .music-registration-quiz__choice-icon,
.auth-drawer--nostalgia .register-choice-icon{background:rgba(65,43,39,.72);color:#d7a271}
.auth-drawer--nostalgia .music-registration-quiz__choice b,
.auth-drawer--nostalgia .register-choice-copy b{color:#e8d3bf}
.auth-drawer--nostalgia .music-registration-quiz__choice small,
.auth-drawer--nostalgia .register-choice-copy small{color:#7f6a64}
.auth-drawer--nostalgia .music-registration-quiz__choice em,
.auth-drawer--nostalgia .register-choice-check{background:rgba(135,157,109,.18);color:#bcd09f}
.auth-drawer--nostalgia .music-registration-quiz__back,
.auth-drawer--nostalgia .register-wizard-back{border-color:rgba(202,151,112,.18);background:rgba(55,38,37,.60);color:#b49c8e}
.auth-drawer--nostalgia .music-registration-quiz__skip{color:#79665f}
.auth-drawer--nostalgia .music-registration-quiz__skip:hover{color:#d4a17a}

/* Benefits */
.auth-drawer--nostalgia .auth-drawer-benefits{margin-top:26px;padding-top:19px;border-top:1px solid rgba(210,158,116,.13)}
.auth-drawer--nostalgia .auth-drawer-benefits h3{margin:0 0 13px;padding:0;border:0;color:#eed8c2;font-family:Georgia,"Times New Roman",serif;font-size:.86rem;font-weight:600}
.auth-drawer-benefits__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.auth-drawer-benefits__grid>span{min-height:70px;padding:10px 11px;display:grid;grid-template-columns:26px 1fr;column-gap:8px;align-content:center;border:1px solid rgba(202,151,111,.12);border-radius:10px;background:linear-gradient(145deg,rgba(41,27,28,.60),rgba(25,18,21,.64))}
.auth-drawer-benefits__grid i{grid-row:1/3;align-self:start;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(213,158,112,.21);border-radius:50%;color:#bd7f60;font:700 .52rem Georgia,serif}
.auth-drawer-benefits__grid b{color:#d9c2af;font-size:.65rem;line-height:1.2}
.auth-drawer-benefits__grid small{margin-top:3px;color:#806e68;font-size:.55rem;line-height:1.35}
.auth-drawer--nostalgia .auth-drawer-signature{margin-top:16px;color:#b67269;font-family:"Segoe Script","Brush Script MT",cursive;font-size:.72rem;text-align:right}

/* Quick guest belongs to the same auth experience */
.quick-guest-modal-backdrop{background:rgba(10,6,9,.80)!important;backdrop-filter:blur(8px) sepia(.12)!important}
.quick-guest-modal-card{border-color:rgba(219,166,116,.42)!important;border-radius:22px!important;background:radial-gradient(circle at 92% 0,rgba(149,64,66,.16),transparent 30%),linear-gradient(160deg,rgba(28,18,21,.995),rgba(14,10,13,.995))!important;box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 44px rgba(158,82,59,.10)!important;color:#f4e2cf!important}
.quick-guest-kicker{border-color:rgba(218,161,113,.28)!important;background:rgba(99,50,41,.20)!important;color:#d8a27b!important}
.quick-guest-modal-card h2{color:#f3dfc8;font-family:Georgia,"Times New Roman",serif;font-weight:600}
.quick-guest-modal-card>p{color:#a48d83!important}
.quick-guest-modal-close{border:1px solid rgba(208,154,113,.16)!important;background:rgba(46,29,31,.68)!important;color:#cdb6a7!important}
.quick-guest-form label{color:#d8c2ae!important}
.quick-guest-form input{border-color:rgba(205,154,115,.22)!important;background:rgba(26,18,21,.92)!important;color:#f5e6d5!important}
.quick-guest-form input:focus{border-color:rgba(223,169,120,.68)!important;box-shadow:0 0 0 3px rgba(198,129,82,.10)!important}
.quick-guest-form small{color:#806c66!important}
.quick-guest-form button{border:1px solid rgba(236,185,134,.26)!important;background:linear-gradient(105deg,#8c493c,#7f394a 55%,#5f2b3e)!important;color:#fff0dc!important;box-shadow:0 12px 28px rgba(73,25,29,.28)!important}

/* Responsive */
@media(max-width:720px){
  .auth-drawer.global-auth-drawer.auth-drawer--nostalgia{top:62px;left:0;right:0;width:100%;padding:18px 17px 30px;border-left:0;border-top:1px solid rgba(219,166,116,.30)}
  .auth-nostalgia-brand{padding-right:46px}
  .auth-drawer--nostalgia:before{right:-190px;top:120px;opacity:.13}
  .auth-drawer-benefits__grid{grid-template-columns:1fr 1fr}
  .auth-drawer--nostalgia .auth-drawer-heading h2{font-size:1.62rem}
}
@media(max-width:520px){
  .auth-drawer-benefits__grid{grid-template-columns:1fr}
  .auth-drawer-benefits__grid>span{min-height:60px}
  .auth-drawer--nostalgia .auth-drawer-field-grid{grid-template-columns:1fr}
  .auth-nostalgia-brand__line{display:none}
}
@media(prefers-reduced-motion:reduce){
  .auth-drawer--nostalgia *, .quick-guest-modal *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}