/* VocabStudy BoomChat login theme */
#login_wrap{width:100%;min-height:100vh;min-height:100svh;background:#102b4e;color:#17304f;overflow-x:hidden}
#intro_top{width:100%;height:auto;min-height:100vh;min-height:100svh;position:relative;z-index:1;background:#102b4e url('images/background.png') no-repeat center center;background-size:cover;overflow:hidden;padding:clamp(58px,8vh,90px) 0}
.vocab_overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(7,35,69,.76),rgba(21,76,133,.34));z-index:-1}
#login_all{position:relative;width:490px;max-width:calc(100% - 32px);margin:0 auto;padding:38px 44px 40px;border:1px solid rgba(255,255,255,.88);border-radius:30px;background:rgba(255,255,252,.97);box-shadow:0 32px 90px rgba(4,24,49,.32),0 2px 0 rgba(255,255,255,.8) inset;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#login_all:before{content:"";position:absolute;top:0;left:34px;right:34px;height:5px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#245fa8,#56a7e8,#ffd166)}
#login_logo{max-width:195px;height:48px;object-fit:contain;margin:0 auto 12px;filter:none}.vocab_mark{width:62px;height:62px;margin:-70px auto 15px;border-radius:20px;background:linear-gradient(145deg,#ffe08a,#ffc84f);color:#17304f;display:grid;place-items:center;border:6px solid #fff;box-shadow:0 10px 26px rgba(23,48,79,.2);font-size:26px}
.login_text{padding:5px 0 20px}.vocab_kicker{margin:0 0 11px;color:#2865b0;font-size:11px;font-weight:900;letter-spacing:1.9px}.vocab_title{font-family:Georgia,serif;font-size:36px;line-height:1.08;font-weight:800;letter-spacing:-1.3px;margin:0 0 12px;color:#17304f}.vocab_welcome{max-width:375px;margin:0 auto;color:#65778c;font-size:15px;line-height:1.62}
.vocab_subjects{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 22px}.vocab_subjects span{padding:8px 11px;border:1px solid #dce9f7;border-radius:99px;background:#f2f7fd;color:#245792;font-size:12px;font-weight:800}.vocab_subjects i{margin-right:5px;color:#d59a1b}
.vocab_actions{display:flex;flex-direction:column;gap:11px}.vocab_actions button{width:100%;height:55px;border:0;border-radius:15px;font-size:16px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.vocab_actions button:hover{transform:translateY(-2px)}
.vocab_primary{background:linear-gradient(135deg,#1f5b9f,#2f7ac6)!important;color:#fff!important;box-shadow:0 13px 28px rgba(36,95,168,.27)}.vocab_primary:hover{box-shadow:0 16px 34px rgba(36,95,168,.34)}.vocab_secondary{background:#f4f7fa!important;color:#17304f!important;border:1px solid #d8e1eb!important}.vocab_secondary:hover{background:#eaf1f8!important}
.vocab_register{padding-top:20px;color:#728196}.vocab_register p{font-size:13px;margin:0 0 4px}.vocab_link{border:0;background:transparent;color:#245fa8;font-size:16px;font-weight:800;cursor:pointer;padding:4px 10px}.vocab_link:hover{text-decoration:underline}
#intro_lang{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:42px;height:42px;border-radius:12px;background:#edf3fa}.intro_lang{max-width:24px;max-height:18px}.section{width:100%;height:auto;margin:0 auto}.section_content{width:100%;max-width:1100px;margin:0 auto}
@media screen and (max-width:768px){#intro_top{padding:74px 0 46px;background-position:42% center}#login_all{width:520px;max-width:calc(100% - 28px);padding:36px 30px 32px;border-radius:25px}.vocab_mark{margin-top:-68px}.vocab_title{font-size:32px}.vocab_welcome{font-size:15px}.vocab_actions button{min-height:54px}}
@media screen and (max-width:480px){html,body,#login_wrap{min-height:100%;height:auto}#intro_top.btable{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:100vh;min-height:100svh;height:auto!important;padding:max(64px,calc(env(safe-area-inset-top) + 54px)) 0 max(22px,env(safe-area-inset-bottom));background-position:32% center;background-attachment:scroll}#intro_top>.bcell_mid{display:block!important;width:100%;height:auto!important;vertical-align:initial!important}.vocab_overlay{background:linear-gradient(180deg,rgba(8,39,73,.62),rgba(8,39,73,.78))}#login_all{width:auto;max-width:none;margin:0 12px;padding:25px 18px 23px;border-radius:20px;background:#fffdf9;box-shadow:0 20px 55px rgba(4,24,49,.3);backdrop-filter:none;-webkit-backdrop-filter:none}#login_all:before{left:20px;right:20px;height:4px}.vocab_mark{display:none}#login_logo{display:block;width:auto;height:38px;max-width:165px;margin:0 auto 10px}.login_text{padding:0 0 15px}.vocab_kicker{font-size:9px;letter-spacing:1.25px;margin-bottom:8px}.vocab_title{font-size:27px;line-height:1.08;letter-spacing:-.7px;margin-bottom:9px}.vocab_welcome{font-size:14px;line-height:1.48;max-width:310px}.vocab_subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 17px}.vocab_subjects span{display:block;min-width:0;padding:7px 4px;font-size:10px;text-align:center;white-space:nowrap}.vocab_subjects i{display:block;margin:0 0 3px;font-size:13px}.vocab_actions{gap:9px}.vocab_actions button{width:100%;height:50px;min-height:50px;font-size:15px;border-radius:13px}.vocab_register{padding-top:15px}.vocab_register p{font-size:12px}.vocab_link{font-size:15px}#intro_lang{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:38px;height:38px}}
@media screen and (max-width:360px){#login_all{margin:0 7px;padding-left:14px;padding-right:14px}.vocab_title{font-size:24px}.vocab_welcome{font-size:13px}.vocab_subjects span{font-size:9px}.vocab_actions button{height:48px;min-height:48px}}
@media screen and (max-height:720px) and (min-width:769px){#intro_top{padding:52px 0 28px}#login_all{padding-top:30px;padding-bottom:27px}.vocab_mark{width:54px;height:54px;margin-top:-58px}.login_text{padding-bottom:14px}.vocab_title{font-size:31px}.vocab_welcome{font-size:14px}.vocab_subjects{margin-bottom:15px}.vocab_actions button{height:49px}.vocab_register{padding-top:14px}}
@media screen and (orientation:landscape) and (max-height:560px){#intro_top.btable{display:block!important;min-height:100vh;height:auto!important;padding:18px 0;overflow:auto;background-position:center 42%}#intro_top>.bcell_mid{display:block!important;width:100%;height:auto!important}#login_all{width:680px;max-width:calc(100% - 28px);padding:20px 25px;border-radius:18px}.vocab_mark{display:none}#login_logo{height:32px;margin-bottom:2px}.login_text{padding:0 0 8px}.vocab_kicker{margin-bottom:4px}.vocab_title{font-size:23px;margin-bottom:4px}.vocab_welcome{font-size:12px;line-height:1.3}.vocab_subjects{display:flex;margin-bottom:9px}.vocab_subjects i{display:inline;margin-right:4px}.vocab_actions{display:grid;grid-template-columns:1fr 1fr}.vocab_actions button{height:44px;min-height:44px}.vocab_register{padding-top:7px}#intro_lang{position:fixed}}
@media screen and (min-width:1600px){#login_all{width:520px;padding:44px 48px 46px}.vocab_title{font-size:39px}.vocab_welcome{font-size:16px}}
@media (prefers-reduced-motion:reduce){.vocab_actions button{transition:none}}
@media (prefers-contrast:more){#login_all{background:#fff;border:2px solid #17304f}.vocab_welcome,.vocab_register{color:#334b66}}