.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:all .3s ease;cursor:pointer}.logo:hover{transform:translateY(-2px)}.logo__image-wrapper{flex-direction:column;gap:2px}.logo__image,.logo__image-wrapper{position:relative;display:flex;align-items:center;flex-shrink:0}.logo__image{justify-content:center}.logo__dev-badge{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#0d0d0f;background:linear-gradient(135deg,#f59e0b,#f97316);padding:1px 4px;border-radius:3px;line-height:1.2;white-space:nowrap;box-shadow:0 1px 3px rgba(245,158,11,.3)}.logo__image-wrapper:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:rgba(59,130,246,.7);border-radius:50%;filter:blur(12px);transform:translate(-50%,-50%) scale(.8);opacity:0;transition:opacity .3s ease;z-index:-1}.logo:hover .logo__image-wrapper:after{opacity:.6}.logo__text{font-weight:700;background:linear-gradient(135deg,#eeeeee,#5e9eed);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-shadow:0 2px 10px rgba(74,144,226,.2);white-space:nowrap}.logo--small .logo__text{font-size:1rem}.logo--medium .logo__text{font-size:1.25rem}.logo--large .logo__text{font-size:1.5rem}@media(max-width:768px){.logo--small{gap:.375rem}.logo--small .logo__text{font-size:.875rem}.logo--medium{gap:.375rem}.logo--medium .logo__text{font-size:1rem}}@media(max-width:480px){.logo--medium .logo__text{display:none}}