body{background-color:var(--bg-light);color:var(--text-dark);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.7}.page-hero{background:linear-gradient(135deg,#0e7490 0%,#06b6d4 55%,#38bdf8 100%);color:var(--text-light);padding:52px 0 44px;position:relative;overflow:hidden}.page-hero::before{content:'';position:absolute;top:-50px;right:-60px;width:260px;height:260px;background:rgba(255,255,255,0.07);border-radius:50%}.page-hero h1{font-size:2.1rem;font-weight:800;line-height:1.25}.page-hero p.lead{font-size:1.05rem;opacity:0.93}.breadcrumb-wrap{background:var(--text-light);border-bottom:1px solid #d0eaf5;padding:0.6rem 0}.breadcrumb{margin:0;font-size:0.88rem}.breadcrumb-item a{color:var(--primary-dark);text-decoration:none}.breadcrumb-item a:hover{text-decoration:underline}.breadcrumb-item.active{color:#4a6a7a}.breadcrumb-item + .breadcrumb-item::before{color:var(--generated-muted)}.section-pad{padding:60px 0}.section-pad-sm{padding:44px 0}.bg-white-section{background:var(--text-light)}.bg-pale-section{background:var(--bg-pale)}.bg-light-section{background:var(--bg-light)}.section-title{font-size:1.7rem;font-weight:800;color:var(--primary-dark);margin-bottom:0.4rem}.section-subtitle{color:var(--text-mid);font-size:1rem;margin-bottom:2rem}.section-divider{width:52px;height:4px;background:linear-gradient(90deg,#06b6d4,#38bdf8);border-radius:2px;margin:0.5rem auto 1.5rem}.login-card{background:var(--text-light);border-radius:var(--card-radius);box-shadow:var(--shadow-md);padding:2.2rem 2rem;max-width:440px;margin:0 auto}.login-card h2{font-size:1.35rem;font-weight:800;color:var(--primary-dark);margin-bottom:0.3rem}.login-card .form-label{font-weight:600;color:var(--text-dark);font-size:0.92rem}.login-card .form-control{border-radius:8px;border:1.5px solid #b0dff0;font-size:0.95rem;padding:0.6rem 0.9rem;transition:border-color 0.2s,box-shadow 0.2s}.login-card .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(6,182,212,0.15);outline:none}.btn-login{background:linear-gradient(90deg,#0891b2,#06b6d4);color:var(--text-light);font-weight:700;border:none;border-radius:8px;padding:0.7rem 1.5rem;font-size:1rem;width:100%;transition:opacity 0.2s,box-shadow 0.2s;box-shadow:0 2px 10px rgba(6,182,212,0.22)}.btn-login:hover{opacity:0.92;box-shadow:0 4px 16px rgba(6,182,212,0.28)}.login-divider{border-color:#d0eaf5;margin:1.2rem 0}.register-link{display:block;text-align:center;color:var(--primary-dark);font-weight:600;font-size:0.93rem;text-decoration:none;padding:0.55rem;border:1.5px solid var(--primary);border-radius:8px;transition:background 0.2s,color 0.2s}.register-link:hover{background:var(--bg-pale);color:#0e7490}.feature-card{background:var(--text-light);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:1.5rem 1.2rem;text-align:center;transition:box-shadow 0.2s,transform 0.2s}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.feature-card .icon-wrap{width:56px;height:56px;background:linear-gradient(135deg,#e0f7fa,color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;color:var(--primary-dark)}.feature-card h5{font-weight:700;color:var(--text-dark);font-size:1rem;margin-bottom:0.4rem}.feature-card p{font-size:0.88rem;color:#4a6a7a;margin:0}.privacy-note{background:linear-gradient(90deg,#e0f7fa,#f0faff);border-left:4px solid var(--primary);border-radius:10px;padding:1.2rem 1.5rem}.privacy-note h5{color:var(--primary-dark);font-weight:700;margin-bottom:0.5rem}.tips-list{list-style:none;padding:0;margin:0}.tips-list li{display:flex;align-items:flex-start;gap:0.75rem;padding:0.75rem 0;border-bottom:1px solid #e0f7fa;font-size:0.93rem;color:var(--text-mid)}.tips-list li:last-child{border-bottom:none}.tips-list li .tip-icon{color:var(--primary);font-size:1.15rem;min-width:22px;margin-top:2px}.img-block{display:block;width:100%;max-width:720px;margin:0 auto;border-radius:var(--card-radius);box-shadow:var(--shadow-md);object-fit:cover}.step-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.4rem}.step-num{min-width:40px;height:40px;background:linear-gradient(135deg,#06b6d4,#38bdf8);color:var(--text-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;box-shadow:0 2px 8px rgba(6,182,212,0.22)}.step-content h6{font-weight:700;color:var(--text-dark);margin-bottom:0.15rem}.step-content p{font-size:0.9rem;color:#4a6a7a;margin:0}@media (max-width:767px){.page-hero h1{font-size:1.55rem}.section-title{font-size:1.35rem}.login-card{padding:1.5rem 1.1rem}}