*{box-sizing:border-box}body{color:#222;background:#f7f8fa;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex}.logo{color:#2563eb;font-size:22px;font-weight:700}.nav{gap:24px;font-size:15px;display:flex}.hero{background:linear-gradient(135deg,#eff6ff,#fff);align-items:center;min-height:420px;padding:80px 40px;display:flex}.hero-label{color:#2563eb;font-weight:700}.hero h1{margin:12px 0;font-size:46px;line-height:1.2}.hero-desc{color:#555;max-width:560px;font-size:18px;line-height:1.6}.hero-actions{gap:12px;margin-top:28px;display:flex}.primary-btn,.secondary-btn,.login-btn{cursor:pointer;border:0;border-radius:8px;height:44px;padding:0 22px;font-weight:700}.primary-btn,.login-btn{color:#fff;background:#2563eb}.secondary-btn{color:#222;background:#e5e7eb}.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:40px;display:grid}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px}.feature-card h3{margin-top:0}.feature-card p{color:#666;line-height:1.6}.login-page{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:40px;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:420px;padding:36px}.login-card h1{margin-bottom:8px}.login-card p{color:#666}.form-group{margin-top:20px}.form-group label{margin-bottom:8px;font-weight:700;display:block}.form-group input{border:1px solid #d1d5db;border-radius:8px;width:100%;height:44px;padding:0 12px}.login-btn{width:100%;margin-top:28px}.social-login{gap:8px;margin-top:20px;display:grid}.social-login button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:42px}