body{background-color:var(--bg-light);color:var(--text-dark);font-family:"Segoe UI",system-ui,sans-serif}.breadcrumb-bar{background:var(--text-light);border-bottom:2px solid color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);padding:10px 0}.breadcrumb-item a{color:var(--primary);text-decoration:none}.breadcrumb-item a:hover{text-decoration:underline}.breadcrumb-item.active{color:var(--text-muted)}.breadcrumb-item + .breadcrumb-item::before{color:var(--generated-muted)}.hero-section{background:linear-gradient(135deg,var(--bg-dark) 0%,var(--primary-deeper,var(--primary)) 55%,var(--primary) 100%);color:var(--text-light);padding:60px 0 68px;position:relative;overflow:hidden}.hero-section::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:48px;background:var(--bg-light);clip-path:ellipse(55% 100% at 50% 100%)}.hero-section h1{font-size:clamp(1.45rem,3.2vw,2.1rem);font-weight:800;line-height:1.25;text-shadow:0 2px 8px rgba(0,0,0,0.22)}.hero-section p.lead{color:color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);font-size:1rem;max-width:580px}.btn-primary-ck{background:var(--primary);border:none;color:var(--text-light);font-weight:700;padding:0.65rem 1.6rem;border-radius:8px;transition:background 0.2s,transform 0.15s;text-decoration:none;display:inline-block}.btn-primary-ck:hover{background:var(--primary-dark,var(--primary));color:var(--text-light);transform:translateY(-2px)}.btn-secondary-ck{background:var(--secondary);border:none;color:var(--text-light);font-weight:700;padding:0.65rem 1.6rem;border-radius:8px;transition:background 0.2s,transform 0.15s;text-decoration:none;display:inline-block}.btn-secondary-ck:hover{background:var(--secondary-dark,var(--secondary));color:var(--text-light);transform:translateY(-2px)}.section-divider{height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--primary));border:none;opacity:1}.section-white{background:var(--text-light)}.section-light{background:var(--bg-light)}.login-card{background:var(--text-light);border-radius:var(--card-radius);box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 16%,transparent);border:2px solid color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);padding:2.5rem 2rem}.login-card .form-label{font-weight:600;color:var(--bg-dark);font-size:0.92rem;margin-bottom:0.35rem}.login-card .form-control{border:1.5px solid color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);border-radius:8px;font-size:0.95rem;color:var(--text-dark);background:color-mix(in srgb,var(--bg-light) 65%,#fff 35%);transition:border-color 0.2s,box-shadow 0.2s}.login-card .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent);background:var(--text-light)}.login-card .form-control::placeholder{color:var(--generated-muted)}.btn-login{background:linear-gradient(90deg,var(--primary),var(--primary-deeper,var(--primary)));border:none;color:var(--text-light);font-weight:800;font-size:1.05rem;padding:0.8rem 2rem;border-radius:10px;width:100%;transition:opacity 0.2s,transform 0.15s;letter-spacing:0.02em}.btn-login:hover{opacity:0.92;transform:translateY(-2px);color:var(--text-light)}.input-group .btn-eye{background:var(--bg-light);border:1.5px solid color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);border-left:none;color:var(--primary-deeper,var(--primary));border-radius:0 8px 8px 0;padding:0 0.85rem;cursor:pointer;transition:background 0.2s}.input-group .btn-eye:hover{background:color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%)}.input-group .form-control{border-right:none;border-radius:8px 0 0 8px}.info-card{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-light) 65%,#fff 35%),#ecfdf5);border:1.5px solid color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);border-radius:var(--card-radius);padding:1.5rem 1.4rem;margin-bottom:1.25rem}.info-card h3{font-size:1rem;font-weight:700;color:var(--bg-dark);margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}.info-card h3 i{color:var(--primary)}.info-card p{font-size:0.88rem;color:var(--text-muted);line-height:1.8;margin:0}.info-card ul{padding-left:1.1rem;margin:0}.info-card ul li{font-size:0.88rem;color:var(--text-muted);line-height:1.8;margin-bottom:0.2rem}.info-card ul li::marker{color:var(--secondary)}.notice-bar{background:linear-gradient(90deg,#ecfdf5,color-mix(in srgb,var(--bg-light) 65%,#fff 35%));border:1.5px solid #bbf7d0;border-radius:10px;padding:1rem 1.4rem}.notice-bar-warn{background:#fffbeb;border:1.5px solid #fde68a;border-radius:10px;padding:1rem 1.4rem}.feature-card{background:var(--text-light);border-radius:var(--card-radius);box-shadow:var(--shadow);border-left:4px solid var(--primary);padding:1.5rem 1.4rem}.feature-card.green-left{border-left-color:var(--secondary)}.feature-card h3{font-size:1rem;font-weight:700;color:var(--bg-dark);margin-bottom:0.6rem;display:flex;align-items:center;gap:0.5rem}.feature-card h3 i{color:var(--primary);font-size:1.1rem}.feature-card.green-left h3 i{color:var(--secondary)}.feature-card p{font-size:0.88rem;color:var(--text-muted);line-height:1.8;margin:0}.faq-item{border-left:4px solid var(--primary);background:color-mix(in srgb,var(--bg-light) 65%,#fff 35%);border-radius:0 10px 10px 0;padding:1.1rem 1.4rem;margin-bottom:1rem}.faq-item h3{font-size:0.97rem;font-weight:700;color:var(--bg-dark);margin-bottom:0.45rem}.faq-item p{font-size:0.9rem;color:var(--text-muted);line-height:1.8;margin:0}@media (max-width:767px){.hero-section{padding:44px 0 58px}.login-card{padding:1.75rem 1.25rem}}