.aw-ultimate-wrapper {
    background-color: #fcfcfd; 
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.aw-atmosphere {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    overflow: hidden;
    z-index: 0;
    pointer-events: none;
    filter: blur(100px); 
    -webkit-filter: blur(100px);
}

.aw-orb {
    position: absolute;
    border-radius: 50%;
    opacity: 0.5;
    animation: orbFloat 20s infinite alternate cubic-bezier(0.4, 0, 0.2, 1);
}

.orb-primary {
    width: 60vw; height: 60vw;
    background: rgba(var(--aw-primary-rgb, 97, 144, 217), 0.35);
    top: -20%; left: -10%;
}

.orb-accent {
    width: 50vw; height: 50vw;
    background: rgba(var(--aw-accent-rgb, 191, 80, 28), 0.12);
    bottom: -10%; right: -10%;
    animation-delay: -5s;
}

.orb-secondary {
    width: 40vw; height: 40vw;
    background: rgba(var(--aw-info-rgb, 13, 202, 240), 0.2);
    top: 40%; left: 40%;
    animation-delay: -10s;
}

@keyframes orbFloat {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(10%, 10%) scale(1.1); }
}

.aw-noise-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 1;
    opacity: 0.35;
    pointer-events: none;
 }

.aw-clerk-card {
    background: rgba(255, 255, 255, 0.7);
    
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    
    border-radius: var(--aw-radius-2xl, 1.5rem);
    
    border: 1px solid rgba(255, 255, 255, 0.9);
    
    box-shadow: 
        0 0 0 1px rgba(0, 0, 0, 0.02),
        0 2px 8px rgba(0, 0, 0, 0.04),
        0 20px 40px rgba(var(--aw-primary-rgb, 97, 144, 217), 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 1);
        
    overflow: hidden;
    position: relative;
    z-index: 2;
    
    animation: cardFloatIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    opacity: 0;
    transform: translateY(20px);
}

@keyframes cardFloatIn {
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

.card-header-glass {
    padding: 3rem 2.5rem 0 2.5rem;
}

.card-footer-glass {
    background: rgba(0, 0, 0, 0.015); 
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.tracking-tight {
    letter-spacing: -0.03em;
}

.logo-interaction {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.logo-interaction:hover {
    transform: scale(1.03) translateY(-2px);
}

.aw-premium-link {
    color: var(--aw-primary, #6190d9);
    transition: color 0.2s ease, transform 0.2s ease;
}
.aw-premium-link:hover {
    color: var(--aw-primary-800, #1f447f);
}

.link-arrow {
    font-size: 0.85em;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.group:hover .link-arrow {
    transform: translateX(4px);
}