#loginNavToggle.klient-hint-active{position:relative}#loginNavToggle.klient-hint-active:after{content:"";position:absolute;top:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 0 2px #fff;animation:klient-hint-pulse 2s ease-in-out infinite}@keyframes klient-hint-pulse{0%,to{box-shadow:0 0 0 2px #fff,0 0 0 2px #10b98180}50%{box-shadow:0 0 0 2px #fff,0 0 0 6px #10b98100}}.klient-hint{position:fixed;top:88px;right:24px;z-index:1200;width:320px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--clr-border, #e2e8f0);border-radius:14px;box-shadow:0 20px 40px -12px #0e081e38,0 4px 12px #0e081e14;padding:16px 18px;display:flex;gap:12px;align-items:flex-start;transform:translate(140%);opacity:0;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .3s ease;pointer-events:none}.klient-hint.show{transform:translate(0);opacity:1;pointer-events:auto}.klient-hint-icon{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#d1fae5;color:#059669;display:flex;align-items:center;justify-content:center}.klient-hint-icon svg{width:18px;height:18px}.klient-hint-body{flex:1;min-width:0}.klient-hint-title{font-weight:700;font-size:.9rem;color:var(--clr-text, #1e293b);margin-bottom:2px}.klient-hint-text{font-size:.825rem;color:var(--clr-muted, #64748b);margin-bottom:10px;overflow-wrap:break-word}.klient-hint-cta{display:inline-flex;align-items:center;gap:6px;font-size:.825rem;font-weight:700;color:#fff;background:var(--clr-primary, #7c3aed);padding:7px 12px;border-radius:8px;text-decoration:none;transition:background-color .15s ease,transform .15s ease}.klient-hint-cta:hover{background:var(--clr-primary-dark, #5b21b6);transform:translateY(-1px)}.klient-hint-cta svg{width:14px;height:14px}.klient-hint-close{position:absolute;top:8px;right:8px;width:22px;height:22px;border:none;background:none;cursor:pointer;color:var(--clr-muted, #64748b);display:flex;align-items:center;justify-content:center;border-radius:50%}.klient-hint-close:hover{background:var(--clr-bg-alt, #f8fafc);color:var(--clr-text, #1e293b)}.klient-hint-close svg{width:14px;height:14px}@media (max-width: 575.98px){.klient-hint{inset:auto 16px 16px;width:auto;transform:translateY(140%)}.klient-hint.show{transform:translateY(0)}}