#login_wrap{height:auto;min-height:100%;background:#fff;color:#222;font-family:Arial,sans-serif}#login_wrap *{box-sizing:border-box}#login_wrap .entry-topbar{height:64px;display:flex;justify-content:center;align-items:center;gap:30px;background:#101010;border-bottom:1px solid #ffffff18}#login_wrap .entry-topbar a{color:#ddd;font-size:14px;text-decoration:none;padding:12px 0}#login_wrap .entry-topbar a:hover{color:#fff}#login_wrap #intro_top{height:auto;min-height:720px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(5,9,17,.82),rgba(5,9,17,.56),rgba(5,9,17,.76)),url('/blog/images/teen-friendship.jpg');background-size:cover;background-position:center 30%;background-attachment:scroll;padding:64px 20px}#login_wrap #intro_top>.bcell_mid{display:block;width:100%}#login_wrap #login_all{width:850px;max-width:100%;padding:0;margin:auto;text-align:center;color:#fff}#login_wrap #login_logo{height:auto!important;width:210px!important;max-width:80%!important;aspect-ratio:210/49;object-fit:contain;margin:0 auto 22px}#login_wrap .login_text{padding:0;text-align:center}#login_wrap .entry-eyebrow{font-size:11px;letter-spacing:.17em;font-weight:600;color:#d4dced;margin-bottom:18px}#login_wrap h1{font-size:clamp(32px,4.3vw,54px);font-weight:700;line-height:1.12;letter-spacing:-.035em;margin:0 0 23px;color:#fff}#login_wrap .entry-lead{font-size:18px;font-weight:400;line-height:1.75;max-width:660px;margin:0 auto 15px;color:#f0f1f4;text-align:center;text-wrap:pretty}#login_wrap .intro_login_btn{min-width:210px;min-height:52px;border:1px solid #ffffff24;border-radius:12px;background:linear-gradient(90deg,#4b6cb7,#182848)!important;color:#fff;font-size:17px;font-weight:600;box-shadow:0 8px 25px #0004;padding:14px 30px;cursor:pointer}#login_wrap .intro_login_btn:hover{filter:brightness(1.15)}#login_wrap .intro_guest_btn{border-radius:12px;min-height:48px;margin-top:12px}#login_wrap .entry-register{background:transparent;border:0;color:#fff;font:600 15px Arial,sans-serif;padding:10px 16px;min-height:44px;text-decoration:underline;text-underline-offset:5px;cursor:pointer}#login_wrap #intro_lang{top:12px;right:18px}#login_wrap #intro_lang img{width:26px;height:auto}#login_wrap a:focus-visible,#login_wrap button:focus-visible,#login_wrap summary:focus-visible{outline:3px solid #8cafff;outline-offset:5px}#login_wrap .section_content{max-width:none}#login_wrap .entry-content{color:#262a32;background:#fff;font-size:16px;line-height:1.75}#login_wrap .entry-section{max-width:1120px;margin:auto;padding:72px 28px}#login_wrap .entry-kicker{font-size:11px;font-weight:700;letter-spacing:.15em;color:#4b6091;margin:0 0 12px}#login_wrap h2{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.025em;font-weight:700;color:#171a21;margin:0 0 20px}#login_wrap h3{font-size:20px;font-weight:700;line-height:1.35;color:#171a21;margin:15px 0 12px}#login_wrap .entry-content p{margin:0 0 18px}#login_wrap .entry-intro{max-width:740px;color:#5b606b}#login_wrap .entry-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}#login_wrap .entry-cards article{border:1px solid #e1e4eb;border-radius:16px;padding:26px;background:#fafbfc;display:flex;flex-direction:column}#login_wrap .entry-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:#e9edf7;color:#37548f;font-size:24px;font-weight:600}#login_wrap .entry-cards p{color:#5b606b;font-size:15px}#login_wrap .entry-cards a{margin-top:auto}#login_wrap .entry-content a{color:#365797;font-size:14px;font-weight:600;text-underline-offset:4px}#login_wrap .entry-safety{display:grid;grid-template-columns:1fr 1fr;gap:55px;background:#f3f5f9;border-radius:20px;padding:44px;margin-bottom:0}#login_wrap .entry-checks{list-style:none;margin:0;padding:0}#login_wrap .entry-checks li{position:relative;padding:0 0 22px 30px}#login_wrap .entry-checks li:last-child{padding-bottom:0}#login_wrap .entry-checks li:before{content:'✓';position:absolute;left:0;top:1px;color:#3c5e9d;font-weight:700}#login_wrap .entry-checks strong{display:block;font-size:15px;color:#242a36}#login_wrap .entry-checks span{display:block;color:#606673;font-size:14px;line-height:1.6;margin-top:4px}#login_wrap .entry-how{display:grid;grid-template-columns:1.2fr 1fr;gap:65px}#login_wrap .entry-help{border-left:1px solid #e2e5eb;padding-left:35px}#login_wrap .entry-help h3{margin-top:0}#login_wrap .entry-help a{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #e2e5eb;text-decoration:none}#login_wrap .entry-faq{border-top:1px solid #e2e5eb;padding-top:48px}#login_wrap .entry-faq details{border-bottom:1px solid #e2e5eb;padding:18px 0}#login_wrap .entry-faq summary{font-size:16px;font-weight:600;cursor:pointer;color:#252c39}#login_wrap .entry-faq details p{margin:12px 0 0;max-width:820px;color:#5b606b}#login_wrap #menu_main_footer{background:#111;color:#ccc;padding:28px 20px;font-size:13px}#login_wrap #menu_main_footer a{color:#ccc}#login_wrap #menu_main_footer ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}#login_wrap #menu_main_footer li{padding:0}#login_wrap #menu_main_footer .theme_color{color:#fff}@media(min-width:1500px){#login_wrap #intro_top{min-height:760px}}@media(max-width:700px){#login_wrap .entry-topbar{justify-content:flex-start;padding:0 24px;gap:24px;height:60px}#login_wrap #intro_lang{right:10px;top:10px}#login_wrap #intro_top{min-height:690px;padding:52px 22px;background-position:55% 38%}#login_wrap h1{font-size:35px}#login_wrap .entry-desktop-break{display:none}#login_wrap .entry-lead{font-size:16px;line-height:1.75}#login_wrap #login_logo{width:190px!important;margin-bottom:28px}#login_wrap .entry-section{padding:48px 22px}#login_wrap .entry-cards,#login_wrap .entry-safety,#login_wrap .entry-how{grid-template-columns:1fr;gap:22px}#login_wrap .entry-safety{margin:0 16px;padding:30px 24px;border-radius:16px}#login_wrap .entry-help{border-left:0;border-top:1px solid #e2e5eb;padding:24px 0 0}#login_wrap .entry-cards article{padding:24px}#login_wrap h2{font-size:28px}#login_wrap .entry-faq{margin:0 22px;padding-left:0;padding-right:0}}

/* Full background photo with centered, readable login on every screen. */
#login_wrap #intro_top{position:relative;isolation:isolate;background-color:#101820;background-image:linear-gradient(180deg,rgba(7,13,23,.60),rgba(7,13,23,.76)),url('/teenchat/control/login/Default/images/teen-friends-park.webp');background-size:cover;background-position:center 38%;background-repeat:no-repeat;min-height:760px;padding:64px 24px}
#login_wrap #login_all{width:850px;max-width:100%;margin:0 auto;padding:24px 20px;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.55)}
#login_wrap h1{font-size:clamp(32px,4.3vw,54px)}
#login_wrap .entry-lead{max-width:660px;text-shadow:0 2px 10px rgba(0,0,0,.65)}
@media(max-width:700px){#login_wrap #intro_top{min-height:calc(100svh - 60px);padding:48px 20px;background-image:linear-gradient(180deg,rgba(7,13,23,.64),rgba(7,13,23,.83)),url('/teenchat/control/login/Default/images/teen-friends-park-800.webp');background-position:68% center;background-size:cover}#login_wrap #login_all{width:100%;max-width:100%;margin:auto;padding:12px 0}#login_wrap h1{font-size:clamp(30px,8.6vw,38px)}#login_wrap .entry-lead{font-size:16px;line-height:1.75}}