@import url('./v34-icons.css');
/* K-sazoo V33: responsive hero and login presentation only. */
.top:has(.v33-logo){height:78px;gap:10px;background:#fff8f2;border-bottom:2px dashed #efbdc2}
.v33-logo{min-width:0;display:flex;align-items:center;gap:8px;text-decoration:none}
.v33-logo-house{flex:0 0 auto;font-size:34px;line-height:1}
.v33-logo-words{min-width:0;display:flex;flex-direction:column;gap:2px}
.v33-logo-words strong{font-size:clamp(20px,5vw,30px);line-height:1.05;white-space:nowrap;color:#663442}
.v33-logo-words strong em{color:#ed6c94;font-size:.65em}
.v33-logo-words small{font-size:clamp(8px,2vw,11px);white-space:nowrap;letter-spacing:0;color:#8d5c64}
.top-actions .v33-top-link{height:52px;min-width:45px;border:0;box-shadow:none;background:transparent;font-size:22px;padding:2px 5px;line-height:1.1}
.v33-top-link small{display:block;font-size:9px;margin-top:3px;color:#8b5362}

#home .v33-hero{padding:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;background:#fce1e6;text-align:center;border-bottom:2px dashed #eab8c7}
#home .v33-hero-art{display:block;width:100%;height:clamp(245px,65vw,360px);object-fit:cover;object-position:76% center}
#home .v33-hero-copy{position:relative;z-index:1;padding:24px 18px 15px;background:linear-gradient(180deg,#fff3eb 0%,#ffecf2 100%)}
#home .v33-hero-copy .eyebrow{font-size:11px;letter-spacing:.7px;color:#bb647b}
#home .v33-hero-copy h1{font-size:clamp(24px,6.4vw,33px);line-height:1.25;margin:12px 0;color:#713849;word-break:keep-all}
#home .v33-hero-copy h1 span{color:#fa5e96;font-size:1.35em}
#home .v33-hero-copy p{font-size:12px;line-height:1.75;margin:11px auto 14px;color:#633b49;word-break:keep-all}
#home .v33-hero-copy .primary{font-size:15px;padding:10px 17px;max-width:100%}

#login .v33-login-head{text-align:center;background:linear-gradient(120deg,#fff1e5,#ffe8f2);padding:25px 15px}
#login .v33-login-head h1{font-size:clamp(22px,5vw,32px);line-height:1.35;word-break:keep-all}
#login .v33-login-section{margin:15px 14px 30px}
.v33-login-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}
.v33-login-card{min-width:0;padding:18px 16px;border:2px dashed #f5aaad;border-radius:18px;background:linear-gradient(145deg,#fffaf0,#fff0e9)}
.v33-login-global{border-color:#bfc8f7;background:linear-gradient(145deg,#f4f6ff,#eeedff)}
.v33-login-card-head{display:flex;gap:10px;align-items:flex-start;min-height:94px;margin-bottom:9px}
.v33-login-icon{font-size:35px;flex-shrink:0;line-height:1.2}
.v33-login-card h2{margin:1px 0 9px;color:#743845;font-size:clamp(21px,5vw,28px);line-height:1.2}
.v33-login-global h2{color:#333d69}
.v33-login-card p{margin:0;color:#916e73;font-size:12px;line-height:1.6;word-break:keep-all}
.v33-login-card .login-button{display:block;width:100%;min-height:50px;margin:8px 0;text-align:center;font-size:clamp(12px,3vw,16px);padding:10px 6px;box-shadow:0 2px 0 #eac9ca}
.v33-login-card .login-button.kakao{background:#ffe15b;color:#372b18;border-color:#f1cc52}
.v33-login-card .login-button.naver{background:#27b565;color:#fff;border-color:#29b76a}
.v33-login-card .v33-email{background:#fff9f5;border-color:#efb7b0}
.v33-login-global .v33-email{background:#f2f1ff;border-color:#c6c8ef}
.v33-login-legacy{display:none!important}
.v33-login-note{text-align:center;color:#946b76;font-size:12px;margin:15px 0}

@media(min-width:760px){
  body:has(#home.active) .shell,body:has(#login.active) .shell{max-width:1100px}
  .top:has(.v33-logo){padding:0 28px}
  #home .v33-hero{height:clamp(380px,44vw,495px);display:block;position:relative}
  #home .v33-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
  #home .v33-hero-copy{position:absolute;left:2%;top:50%;transform:translateY(-50%);width:45%;padding:20px 12px;background:linear-gradient(90deg,rgba(255,246,239,.96),rgba(255,242,237,.75) 79%,transparent);border-radius:20px;text-align:center}
  #home .v33-hero-copy h1{font-size:clamp(27px,3.1vw,42px)}
  #home .v33-hero-copy p{font-size:clamp(12px,1.3vw,15px)}
  #home>.section{max-width:870px;margin-left:auto;margin-right:auto}
  #login .v33-login-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  #login .v33-login-section{max-width:970px;margin:20px auto 40px;padding:0 14px}
  .v33-login-card{padding:23px 22px}
  .v33-login-card-head{min-height:102px}
  .v33-login-card .login-button{font-size:17px}
}
@media(max-width:370px){
  .top:has(.v33-logo){padding:0 9px}
  .v33-logo-house{font-size:26px}
  .v33-logo-words strong{font-size:20px}
  .top-actions .v33-top-link{min-width:36px}
  .v33-login-card{padding:15px 12px}
}