*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Georgia,Times New Roman,serif;background:#f7f5f0;color:#3d3529;min-height:100vh}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at top,rgba(255,255,255,.4),transparent 60%),#ede8df}.login-card{background:#fffef9;border:1px solid #d6cdb8;border-radius:3px;padding:56px 48px;width:100%;max-width:380px;box-shadow:none;position:relative;overflow:visible}.border-img{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;width:calc(100% + 32px);height:calc(100% + 32px);object-fit:fill;pointer-events:none;opacity:.65}.house-img{display:block;width:90%;margin:0 auto 20px;opacity:1}.login-header{text-align:center;margin-bottom:40px}.login-header h1{font-size:36px;font-weight:400;color:#2c2416;letter-spacing:3px;text-transform:uppercase}.login-subtitle{color:#9a8e78;font-size:14px;margin-top:8px;font-style:italic;letter-spacing:1px}.login-divider{text-align:center;margin-bottom:28px;position:relative}.login-divider:before{content:"";position:absolute;left:20%;right:20%;top:50%;height:1px;background:#d6cdb8}.login-divider span{position:relative;background:#fffef9;padding:0 14px;color:#9a8e78;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-family:system-ui,-apple-system,sans-serif}.login-buttons{display:flex;flex-direction:column;gap:14px}.btn{padding:10px 20px;font-size:14px;font-family:system-ui,-apple-system,sans-serif;font-weight:500;cursor:pointer;border:1px solid;border-radius:3px;display:grid;grid-template-columns:20px 1fr;align-items:center;gap:12px;text-align:left;transition:opacity .2s;letter-spacing:.3px}.btn:hover{opacity:.85}.btn-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.btn-google{background:#fff;color:#3d3529;border-color:#d6cdb8}.btn-google .btn-icon{background:transparent}.btn-facebook{background:#3b5998;color:#fff;border-color:#3b5998}.btn-facebook .btn-icon{background:transparent}.btn-logout{background:transparent;color:#9a8e78;border-color:#d6cdb8;padding:8px 20px;font-size:13px;display:inline-flex}.btn-logout:hover{color:#6b5e4a;border-color:#9a8e78}.denied{margin:0 0 24px;padding:24px;background:#fdf6f0;border:1px solid #e0c9b1;border-radius:3px;color:#7a3e1a}.denied p{margin-top:8px;font-size:14px;font-family:system-ui,-apple-system,sans-serif}.spinner{width:24px;height:24px;border:2px solid #d6cdb8;border-top-color:#9a8e78;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.container{max-width:640px;margin:60px auto;padding:0 24px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #d6cdb8}.header h1{font-size:24px;font-weight:400;color:#2c2416;letter-spacing:2px;text-transform:uppercase}.header-right{display:flex;align-items:center;gap:16px}.user-name{color:#9a8e78;font-size:14px;font-style:italic}.main{background:#fffef9;border:1px solid #d6cdb8;border-radius:4px;padding:40px}.main h2{margin-bottom:16px;color:#2c2416;font-weight:400;font-size:22px}.main p{color:#7a6f5f;line-height:1.7}