.konnect-container{background:0 0;min-height:100vh;padding:80px 20px 40px;font-family:Inter,sans-serif}body.dark-mode .konnect-container{background:0 0}.konnect-header{text-align:center;margin-bottom:40px}.konnect-title{color:#0f172a;justify-content:center;align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;display:flex}.konnect-title-icon{color:var(--primary-blue,#2563eb)}body.dark-mode .konnect-title{color:#0f172a}.konnect-subtitle{color:#475569;margin-top:8px;font-size:1.1rem}.konnect-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-sizing:border-box;background:#ffffffa6;border:1px solid #ffffff80;border-radius:20px;width:100%;max-width:800px;margin-bottom:24px;margin-left:auto;margin-right:auto;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #0000000a,0 2px 10px #00000005}body.dark-mode .konnect-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffa6;border:1px solid #ffffff14;box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff1a}.konnect-card-title{color:#0f172a;align-items:center;gap:8px;margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600;display:flex}body.dark-mode .konnect-card-title{color:#0f172a}.konnect-scanner-wrapper{aspect-ratio:1;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:24px;justify-content:center;align-items:center;max-width:400px;max-height:400px;margin:0 auto 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #2563eb26,inset 0 0 0 2px #ffffff1a;border:none!important}#konnect-reader{border:none!important;width:100%!important}#konnect-reader img{display:none!important}#konnect-reader__dashboard_section_csr{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important}#konnect-reader span,#konnect-reader div{color:#f8fafc!important;font-family:Inter,sans-serif!important;font-size:.9rem!important}#konnect-reader span a{display:none!important}#konnect-reader button{transition:all .2s;background:var(--primary-blue,#2563eb)!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:8px!important;margin:10px auto!important;padding:10px 20px!important;font-family:Inter,sans-serif!important;font-weight:600!important;box-shadow:0 4px 12px #2563eb33!important}#konnect-reader button:hover{transform:translateY(-2px);background:#1d4ed8!important}#konnect-reader select{color:#fff!important;background:#334155!important;border:1px solid #475569!important;border-radius:6px!important;margin-bottom:12px!important;padding:8px 12px!important;font-family:Inter,sans-serif!important}.konnect-scanner-wrapper video{opacity:.95;object-fit:cover!important;border-radius:24px!important}.konnect-form-group{margin-bottom:20px}.konnect-label{color:#0f172a;margin-bottom:8px;font-weight:600;display:block}body.dark-mode .konnect-label{color:#0f172a}.konnect-input,.konnect-select{border:1px solid var(--border-light,#cbd5e1);color:#0f172a;background:0 0;border-radius:8px;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:1rem;transition:all .2s}body.dark-mode .konnect-input,body.dark-mode .konnect-select{color:#0f172a;border-color:#475569}.konnect-input:focus,.konnect-select:focus{border-color:var(--primary-blue,#2563eb);outline:none;box-shadow:0 0 0 3px #2563eb1a}.konnect-btn-icon{width:20px;height:20px}.konnect-btn{cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px 24px;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.konnect-btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #ffffff1a;box-shadow:0 8px 20px #2563eb40}.konnect-btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-3px);box-shadow:0 12px 25px #2563eb59}.konnect-btn-primary:disabled{box-shadow:none;cursor:not-allowed;background:#94a3b8;transform:none}.konnect-member-banner{background:linear-gradient(135deg,#2563eb0d,#7c3aed0d);border:1px solid #2563eb33;border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:20px;display:flex}body.dark-mode .konnect-member-banner{background:linear-gradient(135deg,#2563eb1a,#7c3aed1a)}.konnect-member-info h3{color:#0f172a;margin:0 0 4px;font-family:Space Grotesk,sans-serif;font-size:1.5rem}body.dark-mode .konnect-member-info h3{color:#0f172a}.konnect-member-info p{color:#475569;margin:0;font-family:monospace}.konnect-points-highlight{background:#2563eb0d;border:1px solid #2563eb1a;border-radius:8px;margin-top:16px;padding:16px}body.dark-mode .konnect-points-highlight{background:#2563eb1a}.konnect-points-highlight p{color:#475569;margin:0 0 4px;font-size:.9rem}.konnect-points-highlight h4{color:var(--primary-blue,#2563eb);margin:0;font-family:Space Grotesk,sans-serif;font-size:2rem}.konnect-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1000px;margin:0 auto;display:grid}.konnect-grid-3{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;display:grid}@media (width<=768px){.konnect-grid,.konnect-grid-3{grid-template-columns:1fr!important}}