:root{--kk-blue:#1769ff;--kk-ink:#081b33;--kk-mint:#34d7b0}.landing-page{background:#f7f9fc;color:var(--kk-ink)}.landing-page .navbar{background:var(--kk-ink);padding:1.1rem 0}.hero{overflow:hidden;background:radial-gradient(circle at 85% 25%,#d9f7ef 0,transparent 30%),linear-gradient(135deg,#fff 0,#eef4ff 100%)}.min-vh-75{min-height:72vh}.eyebrow{display:inline-block;color:var(--kk-blue);font-weight:800;letter-spacing:.18em;margin-bottom:1rem}.hero h1{font-size:clamp(2.7rem,6vw,5.7rem);line-height:.98;letter-spacing:-.055em;font-weight:800;max-width:850px}.hero .lead{font-size:1.25rem;max-width:680px;margin:1.8rem 0;color:#506078}.qr-visual{width:min(340px,80vw);aspect-ratio:1;background:var(--kk-ink);margin:auto;border-radius:2.2rem;position:relative;box-shadow:25px 25px 0 var(--kk-mint);display:grid;grid-template:1fr 1fr/1fr 1fr;gap:15%;padding:13%}.qr-visual span{border:18px solid #fff;border-radius:.5rem}.qr-visual b{position:absolute;inset:38%;display:grid;place-items:center;background:var(--kk-blue);color:#fff;border-radius:.75rem;font-size:2.4rem}.features{background:#fff}.feature-card{padding:2rem;border:1px solid #e5eaf1;border-radius:1.2rem;transition:.2s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #173f7220}.feature-number{color:var(--kk-blue);font-weight:800;margin-bottom:1.5rem}.feature-card h2{font-size:1.35rem;font-weight:750}.feature-card p{color:#65758b;margin:0}.landing-page footer{background:var(--kk-ink);color:#b8c4d2}.sidebar-menu .nav-icon{display:inline-grid;width:1.6rem;text-align:center}.login-page{min-height:100vh}.login-box{width:min(400px,calc(100% - 2rem))}.register-box{width:min(460px,calc(100% - 2rem))}.auth-separator{display:flex;align-items:center;gap:1rem;color:#8491a3;margin:1.5rem 0}.auth-separator::before,.auth-separator::after{content:"";height:1px;background:#dfe4ea;flex:1}.auth-separator span{font-size:.85rem}@media(max-width:767px){.hero{text-align:center}.hero h1{font-size:3rem}.hero .lead{font-size:1.05rem}.min-vh-75{min-height:auto;padding:4rem 0}.qr-visual{width:230px}}