/*
Theme Name: Social Account Theme
Theme URI: https://example.com/
Author: Custom Theme
Description: A responsive standalone account-status landing page theme.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: social-account-theme
*/

:root{--bg:#080808;--card:#f8f1ed;--text:#222;--muted:#777;--accent:#087bea;--success:#25c53e}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
body{background:var(--bg);color:var(--text)}
a{text-decoration:none}
.site-shell{min-height:100vh;display:flex;justify-content:center;align-items:center}
.phone{width:min(500px,100vw);min-height:100vh;background:var(--card);padding:42px 22px 36px;display:flex;flex-direction:column}
.content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}
.logo{width:88px;height:88px;border-radius:25px;background:linear-gradient(135deg,#f6b64a,#e95535 45%,#a83eb3);position:relative;margin-bottom:26px}
.logo:before{content:"";position:absolute;inset:16px;border:4px solid #fff;border-radius:19px}
.logo:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;right:21px;top:21px}
.lens{position:absolute;width:29px;height:29px;border:4px solid #fff;border-radius:50%;left:29px;top:29px}
.brand{font-size:28px;font-weight:400;color:#222;margin-bottom:88px}
.check{font-size:76px;line-height:1;color:var(--success);font-weight:700;margin-bottom:40px}
h1{font-size:30px;font-weight:500;margin:0 0 18px}
.message{max-width:370px;margin:0;color:var(--muted);font-size:17px;line-height:1.48}
.sub{margin-top:42px;color:var(--muted);font-size:16px;line-height:1.45;max-width:390px}
.feed-button{display:inline-block;width:100%;border-radius:9px;background:var(--accent);color:#fff;font-size:18px;font-weight:600;padding:18px;margin-top:40px;text-align:center;cursor:pointer}
.feed-button:hover{filter:brightness(.93)}
.footer{font-size:11px;color:#aaa;margin-top:12px}
@media(max-width:430px){
 .phone{padding:32px 20px 26px}
 .brand{font-size:27px;margin-bottom:68px}
 .check{font-size:70px;margin-bottom:34px}
 h1{font-size:28px}
 .message{font-size:16px}
 .sub{font-size:15px;margin-top:34px}
}