*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020810;color:#fff;font-family:Arial,'Noto Sans KR',sans-serif}.topbar{height:76px;background:rgba(1,5,9,.98);display:flex;align-items:center;padding:0 2.5%;gap:36px;border-bottom:1px solid #17222d;position:relative;z-index:10}.brand{width:300px;color:white;text-decoration:none;position:relative;padding-left:48px}.brand .radar{position:absolute;left:0;top:-5px;font-size:39px;color:#f32d32}.brand b{font-style:italic;font-size:25px}.brand b span,.brand>span+ b span,footer b span,h2 span{color:#f02d32}.brand small{display:block;font-size:8px;letter-spacing:1.7px;color:#aab2bc}.topbar nav{display:flex;justify-content:center;gap:45px;flex:1}.topbar nav a{height:76px;display:flex;align-items:center;color:#eee;text-decoration:none;font-weight:700;font-size:14px;position:relative;white-space:nowrap}.topbar nav a.active:after{content:"";position:absolute;bottom:12px;left:20%;width:60%;height:3px;background:#f22b31;box-shadow:0 0 12px red}.actions{display:flex;gap:16px;align-items:center}.actions button{height:43px;border-radius:6px;padding:0 29px;font-size:15px;font-weight:700;color:white;background:transparent;border:1px solid #68717b}.actions .join{background:#ef2d32;border-color:#ef2d32}.actions .search{border:0;font-size:30px;padding:0 8px}.hero{height:715px;position:relative;background-image:url('assets/control-room-reference.png');background-size:cover;background-position:center 43%;overflow:hidden}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,6,12,.4),rgba(0,4,10,.02) 55%,rgba(0,6,12,.22))}.copy{position:absolute;z-index:2;left:19%;top:92px;text-shadow:0 2px 7px #000}.copy h1{font-size:42px;line-height:1.25;margin:0 0 14px}.copy h1 em{font-style:normal;color:#f22d32;font-size:55px}.copy p{font-size:16px;line-height:1.65;font-weight:600}.line{width:48px;height:4px;background:#f22d32;margin:17px 0}.copy h2{font-size:27px;font-style:italic;margin:0}.copy strong{font-size:12px;letter-spacing:1px}.start{display:inline-block;margin-top:17px;background:#ef3035;color:white;text-decoration:none;font-size:18px;font-weight:700;padding:15px 27px;border-radius:7px}.panel{position:absolute;z-index:2;top:40px;width:210px;padding:16px;background:rgba(0,17,30,.78);border:1px solid #0d4260;border-radius:8px;box-shadow:inset 0 0 30px #00111f}.left-panel{left:1%}.right-panel{right:1%}.panel h3{font-size:14px;margin:0 0 14px}.left-panel div{padding:12px 0;border-bottom:1px solid #143144;font-weight:700}.left-panel b{float:right;color:#29e988;font-size:12px}.right-panel .globe{height:150px;display:flex;align-items:center;justify-content:center;font-size:80px;color:#0e82b5;position:relative}.right-panel .globe i{position:absolute;color:#ef2d32;font-size:38px}.right-panel p{border-top:1px solid #173446;padding-top:11px;font-size:11px;color:#9eafbd}.right-panel p b{float:right;color:#fff;font-size:15px}.right-panel p b.green{color:#22e889}.motto{position:absolute;z-index:2;right:18%;top:105px;text-align:right;font-size:16px;line-height:1.7;color:#c2c6cb;font-style:italic;transform:rotate(-7deg)}.motto b{color:#f04448;font-size:12px}.cards{margin-top:-1px;padding:0 2.8% 15px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#03101a}.cards article{min-height:155px;border:1px solid #172c3b;border-radius:17px;background:linear-gradient(120deg,#07121c,#020910);display:flex;align-items:flex-start;gap:20px;padding:24px 30px;position:relative}.cards .ico{font-size:42px;color:#f02c33}.cards h3{font-size:23px;margin:0 0 5px}.cards h3 small{font-size:12px;border:1px solid #f02d33;border-radius:15px;padding:4px 11px;margin-left:10px}.cards h4{font-size:16px;margin:0 0 13px}.cards p{font-size:12px;line-height:1.7;color:#aeb8c1;margin:0}.cards button{position:absolute;right:25px;top:54px;width:45px;height:45px;border-radius:50%;border:1px solid #283642;background:#101923;color:white;font-size:22px}footer{height:66px;display:flex;align-items:center;gap:30px;padding:0 2.5%;color:#8f9aa4;font-size:11px}footer b{font-size:19px;font-style:italic;color:white}footer nav{margin-left:auto}@media(max-width:1000px){.topbar nav{display:none}.brand{width:auto;flex:1}.hero{height:690px;background-position:center}.copy{left:7%;top:100px}.left-panel,.right-panel,.motto{display:none}.cards{grid-template-columns:1fr}.cards article{min-height:140px}footer nav{display:none}}@media(max-width:600px){.topbar{height:66px;padding:0 14px}.brand small{display:none}.brand b{font-size:20px}.brand{padding-left:38px}.brand .radar{font-size:30px}.actions .login,.actions .search{display:none}.actions .join{padding:0 14px}.hero{height:610px;background-position:54% center}.copy{left:7%;right:6%;top:90px}.copy h1{font-size:31px}.copy h1 em{font-size:43px}.copy p{font-size:13px}.cards{padding:8px}.cards article{padding:20px 18px}.cards .ico{font-size:32px}.cards h3{font-size:20px}footer{padding:0 15px;gap:15px}}

/* ===== FUTURERADAR MOBILE HEADER FIX v1 ===== */
@media(max-width:600px){

  .actions .login{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    height:38px;
    padding:0 11px;
    font-size:12px;
    white-space:nowrap;
  }

  .actions .join{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    height:38px;
    padding:0 11px;
    font-size:12px;
    white-space:nowrap;
  }

  .actions .search{
    display:none !important;
  }

  .actions{
    gap:5px;
  }
}

/* ===== FUTURERADAR MOBILE HEADER FIX v2 ===== */
@media(max-width:600px){

  .topbar{
    height:64px !important;
    padding:0 8px !important;
    gap:5px !important;
  }

  .brand{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    padding-left:30px !important;
    white-space:nowrap !important;
  }

  .brand .radar{
    font-size:25px !important;
    top:-2px !important;
  }

  .brand b{
    font-size:16px !important;
    letter-spacing:-0.5px !important;
  }

  .brand small{
    display:none !important;
  }

  .actions{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
  }

  .actions .login,
  .actions .join{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:34px !important;
    padding:0 8px !important;
    border-radius:5px !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }

  .actions .login{
    background:transparent !important;
  }

  .actions .join{
    background:#ef2d32 !important;
    border-color:#ef2d32 !important;
  }

  .actions .search{
    display:none !important;
  }
}

/* 작은 휴대폰 추가 보정 */
@media(max-width:380px){

  .brand{
    padding-left:26px !important;
  }

  .brand .radar{
    font-size:22px !important;
  }

  .brand b{
    font-size:14px !important;
  }

  .actions .login,
  .actions .join{
    height:32px !important;
    padding:0 6px !important;
    font-size:10px !important;
  }
}

/* ===== FUTURERADAR MOBILE LOGIN STATE FIX ===== */
@media(max-width:600px){

  .actions .user-name{
    display:none !important;
  }

  .actions .login{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }

}

/* ===== FUTURERADAR MOBILE SUPPORT FIX v1 ===== */
@media(max-width:600px){

  .support-wrap{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .support-grid{
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .support-card{
    width:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:28px 14px !important;
    text-align:center !important;
    overflow:hidden !important;
  }

  .support-card h3{
    width:100% !important;
    max-width:100% !important;
    font-size:18px !important;
    line-height:1.45 !important;
    text-align:center !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  .support-card p{
    text-align:center !important;
  }

  .support-notice{
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:20px 8px !important;
    text-align:center !important;
  }
}