@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#ff9aa2;--primary-light:#ffb7b2;--secondary:#b2e2f2;--secondary-light:#e1f5fe;--accent:#ff8a80;--bg:#fafafa;--card-bg:#fff;--text:#333;--text-light:#999;--border:#f5f5f5;--shadow:0 10px 40px #ff9aa226;--shadow-sm:0 4px 15px #0000000d;--font-main:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font-main);line-height:1.6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:#f0f2f5;justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex}#root{background:var(--card-bg);flex-direction:column;width:100%;max-width:480px;height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #0000001a}.glass-panel{-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d}.cute-card{background:var(--card-bg);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:28px;padding:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.cute-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #00000014}.cute-card:active{transform:scale(.96)}.game-scene{background:linear-gradient(#fff9fb 0%,#f5f7ff 100%);border-radius:32px;flex-direction:column;gap:16px;margin-bottom:24px;padding:24px;display:flex;box-shadow:inset 0 0 20px #ffb7c51a}.dice-row{justify-content:center;align-items:center;gap:12px;min-height:60px;display:flex}.dice-item{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 8px #00000014}.dice-item.rolling{animation:.5s infinite dice-roll}@keyframes dice-roll{0%{transform:rotate(0)}25%{transform:rotate(10deg)scale(1.1)}50%{transform:rotate(-10deg)}to{transform:rotate(0)}}.heart-row{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.heart-dot{background:#ff8a80;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 4px #ff8a804d}.heart-dot.lost{box-shadow:none;background:#e0e0e0}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.p-6{padding:24px}.p-8{padding:32px}.pb-20{padding-bottom:80px}.text-center{text-align:center}.text-xs{font-size:11px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-bold{font-weight:700}.font-black{font-weight:900}.font-semibold{font-weight:600}.text-primary{color:var(--primary)}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-800{color:#1f2937}.bg-primary{background-color:var(--primary)}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.w-full{width:100%}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}.grid{display:grid}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.px-1{padding-left:4px;padding-right:4px}.px-4{padding-left:16px;padding-right:16px}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-slide-up{animation:.4s ease-out slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.3s cubic-bezier(.175,.885,.32,1.275) scaleIn}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-bounce-subtle{animation:2s ease-in-out infinite bounceSubtle}@keyframes pulseSubtle{0%{transform:scale(1);box-shadow:0 0 #ff9aa266}70%{transform:scale(1.05);box-shadow:0 0 0 20px #ff9aa200}to{transform:scale(1);box-shadow:0 0 #ff9aa200}}.animate-pulse-subtle{animation:2s infinite pulseSubtle}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:8s linear infinite spinSlow}.primary-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;font-weight:700;transition:all .3s;box-shadow:0 8px 20px #ff9aa24d}.primary-btn:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 12px 25px #ff9aa266}.primary-btn:active{transform:translateY(0)}.scrollbar-hide::-webkit-scrollbar{display:none}.portal-container{max-width:1080px;margin:0 auto;padding:0 20px}.portal-grid{grid-template-columns:1fr 330px;gap:20px;margin-top:20px;display:grid}@media (width<=900px){.portal-grid{grid-template-columns:1fr}}.search-container{border:2px solid var(--primary);background:#fff;border-radius:30px;align-items:center;gap:15px;width:100%;max-width:580px;margin:20px auto;padding:10px 25px;display:flex;box-shadow:0 4px 15px #ff9aa21a}.search-input{background:0 0;border:none;outline:none;width:100%;font-size:18px;font-weight:600}.service-icon-box{cursor:pointer;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:15px;transition:all .2s;display:flex}.service-icon-box:hover{background:var(--bg);transform:translateY(-2px)}.lang-selector{color:var(--text-light);gap:10px;font-size:11px;font-weight:700;display:flex}.lang-selector span{cursor:pointer;transition:color .2s}.lang-selector span.active{color:var(--primary)}.login-box{background:var(--bg);text-align:center;border:1px solid var(--border);border-radius:4px;padding:20px}.portal-card{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden}.portal-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.portal-card-title{color:var(--text);font-size:14px;font-weight:700}