.hipp-chat-container{position:fixed;bottom:2rem;left:2rem;z-index:1000;opacity:0;transform:translateX(-100%);transition:all .8s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.hipp-chat-container.active{opacity:1;transform:translateX(0);pointer-events:all}.hipp-chat-prompt{display:flex;align-items:flex-end;gap:1rem;max-width:500px}.hipp-character{flex-shrink:0;position:relative;animation:bounce 3s ease-in-out infinite}.hipp-character img{border-radius:50%;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.hipp-chat-bubble{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.2);border-radius:20px;padding:1.5rem;position:relative;min-width:320px;box-shadow:0 10px 40px rgba(0,0,0,.15);font-family:Fredoka,sans-serif}.hipp-chat-bubble:after{content:"";position:absolute;bottom:-8px;left:2rem;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(255,255,255,.95)}.hipp-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.hipp-close:hover{background:rgba(239,68,68,.1);color:#ef4444}.chat-content h3{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0 0 .75rem;line-height:1.4}.typing-text{color:#475569;font-size:1rem;margin:0;line-height:1.6;min-height:120px}.cursor{display:inline-block;background-color:#667eea;width:2px;animation:blink 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:768px){.hipp-chat-container{bottom:100px;left:1rem;right:1rem}.hipp-chat-prompt{flex-direction:column;align-items:center;max-width:none}.hipp-character{order:1}.hipp-chat-bubble{order:2;min-width:auto;width:100%;max-width:350px}.hipp-chat-bubble:after{bottom:auto;top:-8px;left:50%;transform:translateX(-50%);border-top:none;border-bottom:10px solid rgba(255,255,255,.95)}.typing-text{min-height:140px;font-size:.95rem}}@media (max-width:480px){.hipp-chat-bubble{padding:1.25rem;min-width:280px}.chat-content h3{font-size:1.1rem}.typing-text{font-size:.9rem;min-height:150px}}.resource-banner-container{width:100%;margin-bottom:1.5rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.resource-banner-image{width:100%;height:180px;object-fit:cover;transition:transform .3s ease}.resource-card:hover .resource-banner-image{transform:scale(1.05)}.resource-content-section{flex-grow:1;display:flex;flex-direction:column;align-items:center;text-align:center}.resource-card{position:relative;overflow:hidden;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.175,.885,.32,1.275);min-height:420px;border:10px solid white;background:white!important}.resource-card-content{position:relative;z-index:1;padding:1.5rem;display:flex;flex-direction:column;height:100%;color:#1e293b!important}.resource-card-title{font-size:1.4rem!important;font-weight:800;margin-bottom:1rem;position:relative;display:inline-block;color:#1e293b!important}.resource-card-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:40px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)!important;border-radius:2px;transition:width .3s ease}.resource-card:hover .resource-card-title:after{width:60px}.resource-card-text{margin-bottom:1.5rem;font-size:.95rem;line-height:1.6;opacity:.8;color:#475569!important}.resource-card-link{display:inline-flex!important;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#667eea!important;color:white!important;border-radius:50px;font-weight:700;text-decoration:none;box-shadow:0 8px 20px rgba(102,126,234,.3);transition:all .3s ease}.resource-card-link:hover{background-color:#5a67d8!important;box-shadow:0 12px 25px rgba(102,126,234,.4)!important;transform:translateY(-2px)}@media (max-width:768px){.resource-card{min-height:380px}.resource-banner-image{height:160px}.resource-card-content{padding:1.25rem}.resource-card-title{font-size:1.2rem!important}.resource-card-text{font-size:.9rem}}.store-banner-image{border-radius:12px}