*{margin:0;padding:0;box-sizing:border-box}
:root{--en-bg:#f0f4ff;--en-white:#fff;--en-primary:#4338ca;--en-primary-dark:#3730a3;--en-text:#1e1b4b;--en-text2:#6366f1;--en-muted:#a5b4fc;--en-border:#e0e7ff;}
body.en{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--en-bg);color:var(--en-text);min-height:100vh;}
.en-nav{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:52px;background:var(--en-white);border-bottom:1px solid var(--en-border)}
.en-brand{font-size:1.1rem;font-weight:700;color:var(--en-primary)}
.en-nav-r{display:flex;align-items:center;gap:1rem}
.en-link{color:var(--en-text2);text-decoration:none;font-size:.85rem}.en-link:hover,.en-link.active{color:var(--en-primary)}
.en-user{color:var(--en-muted);font-size:.85rem}
.en-btn{display:inline-block;padding:.4rem 1rem;background:var(--en-primary);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;font-family:inherit}.en-btn:hover{background:var(--en-primary-dark)}
.en-btn.outline{background:none;color:var(--en-text2);border:1px solid var(--en-border)}.en-btn.lg{padding:.65rem 2rem;font-size:1rem}.en-btn.sm{padding:.25rem .6rem;font-size:.8rem}.en-btn.block{width:100%;text-align:center}
.en-hero{text-align:center;padding:6rem 2rem;max-width:600px;margin:0 auto}.en-hero h1{font-size:2.2rem;margin-bottom:1rem;color:var(--en-primary)}.en-hero p{color:#666;margin-bottom:1.5rem}
.en-links{margin-bottom:2rem}.en-links a{color:var(--en-text2);text-decoration:none;margin:0 .3rem}.en-links a:hover{color:var(--en-primary)}
.en-login-bg{background:var(--en-bg);display:flex}.en-login-center{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem}
.en-login-card{width:100%;max-width:380px;background:var(--en-white);border:1px solid var(--en-border);border-radius:10px;padding:2.5rem;text-align:center}
.en-login-card h1{font-size:1.3rem;color:var(--en-primary);margin-bottom:.3rem}.en-login-card>p{color:#888;font-size:.9rem;margin-bottom:1.5rem}
.en-form{display:flex;flex-direction:column;gap:.6rem}.en-form input{padding:.55rem .8rem;border:1px solid var(--en-border);border-radius:6px;font-size:.9rem}.en-form input:focus{outline:none;border-color:var(--en-primary)}
.en-alert{background:#fef2f2;border:1px solid#fecaca;color:#dc2626;padding:.5rem;border-radius:6px;font-size:.85rem;margin-bottom:.5rem}
.en-demo{margin-top:1rem;font-size:.8rem;color:var(--en-muted)}code{background:var(--en-bg);padding:.1rem .3rem;border-radius:3px}
.en-content{max-width:800px;margin:0 auto;padding:2rem}.en-content h1{font-size:1.4rem;margin-bottom:1rem;color:var(--en-primary)}.en-content h2{font-size:1.1rem;margin:1.5rem 0 .5rem}
.en-info{background:var(--en-white);border:1px solid var(--en-border);border-radius:8px;padding:1.5rem;font-size:.9rem;color:#666}.en-info p{margin-bottom:.5rem}
.en-page-body{background:var(--en-white);border:1px solid var(--en-border);border-radius:8px;padding:2rem;font-size:.95rem;line-height:1.7}
.en-flag{background:#f0fdf4;border:2px solid#22c55e;border-radius:8px;padding:1rem;font-family:monospace;font-size:1.1rem;color:#166534;text-align:center;margin-bottom:1rem}
.en-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.en-error h1{font-size:5rem;color:var(--en-primary)}.en-error p{color:#888;margin-bottom:2rem}
.en-footer{text-align:center;padding:2rem;color:var(--en-muted);font-size:.8rem}