@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:Kanit,sans-serif;font-weight:300}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{height:100vh}body,span.text-gold{text-decoration:none!important}body{line-height:1;background-image:url(/assets/img/bg02.png);background-size:cover;background-attachment:fixed;background-position:50%}body.body-page-cards,body.body-page-life-barcode,body.body-page-profile{background-image:url(/assets/img/bg03.png)}a[href^=tel]{color:inherit;text-decoration:none}@media (hover:none) and (pointer:coarse),(max-width:768px){body{background-attachment:scroll}}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#0d1520;--bg-card:#1a1a1a;--bg-card-hover:#2a2a2a;--gold-primary:#c9a227;--gold-light:#e8c860;--gold-dark:#a68523;--gold-strong:#ffa500;--gold-accent:#f0c674;--gold-gradient:linear-gradient(135deg,#fceabb,#f8b500 50%,#bf8728);--gold-text-gradient:-webkit-linear-gradient(#fceabb,#f8b500);--text-primary:#ffffff;--text-secondary:#888888;--text-gold:#c9a227;--text-muted:#cccccc;--gold-shadow:rgba(201,162,39,0.4);--card-shadow:0 8px 20px rgba(0,0,0,0.3);--card-shadow-hover:0 12px 30px rgba(0,0,0,0.5);--font-cinzel:var(--font-cinzel)}*{box-sizing:border-box;padding:0;margin:0;-webkit-tap-highlight-color:transparent}body{color:var(--text-primary);max-width:100%;justify-content:center}.app-viewport,body{min-height:100vh;width:100%;overflow-x:hidden;display:flex}.app-viewport{position:relative;flex-direction:column;background-image:var(--bg-main-image);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed}.mobile-container{width:100%;height:100%;position:relative}.app-content{flex:1 1;padding-top:50px;width:100%;position:relative;z-index:5}.no-padding{padding-top:0!important}.text-gold-gradient{background:var(--gold-text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.starfield{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.starfield:after,.starfield:before{content:"";position:absolute;width:2px;height:2px;background:white;border-radius:50%;box-shadow:25px 50px 0 rgba(255,215,0,.3),50px 100px 0 rgba(255,255,255,.2),100px 150px 0 rgba(240,198,116,.4),150px 75px 0 rgba(255,255,255,.15),200px 200px 0 rgba(255,215,0,.25),250px 50px 0 rgba(255,255,255,.2),300px 175px 0 rgba(240,198,116,.3),75px 225px 0 rgba(255,255,255,.15),125px 275px 0 rgba(255,215,0,.2),175px 325px 0 rgba(255,255,255,.25),225px 375px 0 rgba(240,198,116,.35);animation:twinkle 4s ease-in-out infinite}.starfield:after{animation-delay:2s;transform:translateX(50px) translateY(30px)}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.satthra-menu-toggle{position:absolute;right:15px;top:40%;transform:translateY(-50%);width:40px;height:40px;background:transparent;border:none;cursor:pointer;z-index:99999;padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.satthra-menu-toggle:focus{outline:none}.satthra-menu-toggle .bar{display:block;width:24px;height:2px;background-color:var(--header-hamburger-color);transition:all .3s ease;border-radius:2px}.satthra-menu-toggle.active .bar:first-child{transform:rotate(45deg) translate(5px,5px);background-color:#f0c674}.satthra-menu-toggle.active .bar:nth-child(2){opacity:0;transform:translateX(-20px)}.satthra-menu-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);background-color:#f0c674}.satthra-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0A0F16,#0A131B);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.satthra-menu-overlay.active{opacity:1;visibility:visible}.satthra-menu-inner{display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden}.satthra-menu-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;flex-shrink:0;border-bottom:1px solid rgba(212,175,55,.2)}.satthra-menu-title{font-family:Kanit,Prompt,sans-serif;font-size:1.25rem;font-weight:500;color:#D4AF37}.satthra-profile-info{flex:1 1;min-width:0;width:100%;height:auto;min-height:75px;border:1.96px solid #d4af3766!important}.satthra-menu-close{width:40px;height:40px;border-radius:20%;border:1px solid #d4af37;background:transparent;color:#D4AF37;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:background .2s,color .2s}.satthra-menu-close:hover{background:rgba(212,175,55,.15)}.satthra-menu-content{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;margin-top:30px}.satthra-menu-card{border-radius:12px;padding:14px 16px;background:linear-gradient(135deg,rgba(26,35,50,.8),rgba(15,24,32,.8));box-shadow:0 0 10px 0 #D4AF371A;border:.65px solid #d4af3733}.satthra-menu-card-title{font-family:Kanit,Prompt,sans-serif;font-size:1rem;font-weight:500;color:#D4AF37;margin:0 0 10px}.satthra-menu-list{list-style:none;padding:0;margin:0}.satthra-menu-list li{margin:0}.satthra-menu-item{display:flex;align-items:center;gap:10px;color:#fff;font-size:.95rem;font-family:Kanit,Prompt,sans-serif;font-weight:300;text-decoration:none;padding:10px 0;transition:color .2s;letter-spacing:.3px}.satthra-menu-item:focus,.satthra-menu-item:hover{color:#D4AF37}.satthra-menu-icon,.satthra-menu-icon-img{flex-shrink:0;width:20px;height:20px}.satthra-menu-icon{color:#D4AF37;font-size:1rem;text-align:center}.satthra-menu-icon-img{object-fit:contain}.satthra-menu-profile{padding:14px 16px}.satthra-profile-row{display:flex;align-items:center;gap:12px}.satthra-profile-name{font-family:Kanit,Prompt,sans-serif;font-size:1.1rem;font-weight:500;color:#D4AF37}.satthra-profile-meta{font-size:.8rem;color:rgba(255,255,255,.85);margin:5px 0}.profile-section__avatar-wrap{width:90px;height:90px;position:relative;margin-bottom:10px}.profile-section__avatar-ring{width:100%;height:100%;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--cp-ring-1,#f8b500) 0,var(--cp-ring-2,#fceabb) 50%,var(--cp-ring-3,#f8b500) 100%);box-shadow:0 0 20px var(--cp-ring-shadow,rgba(248,181,0,.4));position:relative}.profile-section__avatar-ring:before{content:"";background-image:url(/assets/img/icon/icon_crown.png);position:absolute;left:50%;top:-65%;transform:translateX(-50%);width:50%;height:100%;background-repeat:no-repeat;background-size:100%;background-position:50%;display:var(--profile-crown-display,block);pointer-events:none}.profile-section__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #1a1a1a;background:#000}.satthra-profile-badge{position:absolute;bottom:-5px;left:0;display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid #d4af37;font-size:.75rem;color:#fff;background:#000;white-space:nowrap;width:max-content;z-index:2;right:0;margin:0 auto}.satthra-menu-toggle.active{position:fixed;right:15px;top:10px;transform:translateY(0)}.satthra-header{position:fixed;top:0;left:0;right:0;margin:0 auto 16px;width:100%;background:transparent;padding:25px 0;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center}.satthra-header.scrolled{background:rgba(10,10,10,.7);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 4px 30px rgba(0,0,0,.5)}.satthra-header .logo{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;text-align:center}.satthra-header .logo img{height:45px;max-width:200px}.satthra-header .logo:after{content:"";display:var(--header-logo-border-display);width:80%;height:1px;background:radial-gradient(ellipse at center,#ffffff 0,var(--header-border-color) 30%,transparent 70%);margin:10px auto 0;box-shadow:0 0 15px rgba(255,170,0,.4)}.satthra-cart-button{position:absolute;right:15px;top:8px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;z-index:99999;padding:0;display:flex;align-items:center;justify-content:center;color:var(--header-hamburger-color,#f0c674);font-size:20px;transition:all .3s ease}.satthra-cart-button:focus{outline:none}.satthra-cart-button:hover{color:#ffd700;transform:scale(1.1)}.cart-badge{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid #1a1a1a;box-shadow:0 2px 8px rgba(0,0,0,.3);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer-menu{position:relative;z-index:9999}.padding-bg{width:100%;height:120px;display:block;background:transparent}footer.footer-menu a{color:var(--footer-text)!important;font-size:11px;text-decoration:none!important}footer.footer-menu a:hover{color:var(--footer-text-hover)!important}#account-actions-mobile{position:fixed;left:0;bottom:0;z-index:10000;width:100%;box-sizing:border-box;padding:0 0 env(safe-area-inset-bottom)}#account-actions-mobile .-outer-wrapper{display:flex;align-items:flex-end;position:relative}#account-actions-mobile .-left-wrapper,#account-actions-mobile .-right-wrapper{display:flex;align-items:center;justify-content:space-around;flex:1 1;height:70px;padding:10px 5px 12px;background:var(--footer-bg);position:relative;z-index:5;box-shadow:0 -4px 8px -4px rgba(0,0,0,.25)}#account-actions-mobile .-left-wrapper{border-top-left-radius:0;border-top-right-radius:35px;margin-right:-5px}#account-actions-mobile .-right-wrapper{border-top-left-radius:35px;border-top-right-radius:0;margin-left:-5px}#account-actions-mobile .-left-wrapper:before,#account-actions-mobile .-right-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:0;border-radius:inherit}#account-actions-mobile .-left-wrapper:after,#account-actions-mobile .-right-wrapper:after{content:"";position:absolute;left:0;right:0;bottom:calc(-1 * env(safe-area-inset-bottom));height:env(safe-area-inset-bottom);background:var(--footer-bg)}#account-actions-mobile .-center-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;z-index:10;width:90px;margin-bottom:10px}#account-actions-mobile .-center-wrapper .-selected{width:75px;height:75px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px var(--footer-center-shadow);background:transparent;margin-bottom:8px}.-selected img{height:auto!important;max-width:90px}span.-center-wrapper.js-footer-lobby-selector.js-menu-mobile-container>span:last-child{font-size:11px;color:var(--footer-text);text-align:center;white-space:nowrap}#account-actions-mobile .-fake-center-bg-wrapper{position:absolute;left:50%;transform:translateX(-50%);bottom:-100px;z-index:3;width:120px;height:155px;pointer-events:none;filter:drop-shadow(0 -4px 4px rgba(0,0,0,.25))}#account-actions-mobile .-fake-center-bg-wrapper svg{width:100%;height:100%}#account-actions-mobile .-fake-center-bg-wrapper svg path,#account-actions-mobile .-fake-center-bg-wrapper svg rect{fill:var(--footer-bg)}#account-actions-mobile .-fake-center-bg-bottom{position:absolute;left:50%;transform:translateX(-50%);bottom:0;z-index:0;width:150px;height:20px;pointer-events:none}#account-actions-mobile .-fake-center-bg-bottom svg{width:100%;height:100%}#account-actions-mobile .-item-wrapper{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer;padding:5px;position:relative;z-index:10}.-ic-img{display:flex;flex-direction:column-reverse;align-items:center;gap:6px}.-ic-img img{width:28px;height:28px;object-fit:contain}#account-actions-mobile .-item-wrapper .-textfooter,#account-actions-mobile .-item-wrapper .-textfooter a{font-size:11px;color:var(--footer-text);text-align:center;white-space:nowrap}#account-actions-mobile .-item-wrapper:hover .-textfooter a{color:var(--footer-text-hover)}#account-actions-mobile .-fully-overlay{display:none}.page-title h1,.page-title h2{color:#fff;font-size:20px;margin:20px 10px}.sub-title{margin-bottom:30px}.sub-title-text{color:#fff;margin-bottom:10px}.main-wrapper{width:100%;max-width:500px;display:table;background:#2d2d2d;padding:0 0 0 20px;border-radius:20px}.fullsize-btn{width:100%}.main-btn{background-color:#735824;color:#fff;border-radius:10px;border:0;padding:10px;font-size:16px}.text-gold{color:#ffe082;font-weight:400}.text-white{color:#fff}.small-text{font-size:13px;opacity:.9;font-weight:300;line-height:1.5}.main-slider{width:100%;padding:10px 0;overflow:hidden;position:relative}.swiper{width:100%;overflow:visible;border-radius:20px;padding-left:0!important;padding-right:10px;padding-bottom:50px!important}.swiper-pagination-bullet{width:10px;height:10px;background:rgb(119 107 107);opacity:1}.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fcb10d;color:#fff}.swiper-slide{position:relative}.swiper-slide,.swiper-slide .content{border-radius:20px;transition:all .5s ease}.swiper-slide .content{width:100%;aspect-ratio:2/1;background-size:cover;background-position:50%;display:flex;justify-content:center;align-items:center;font-size:18px;color:#fff;text-align:center;transform-origin:left center;border:2px solid #ffa500}.swiper-button-next,.swiper-button-prev{color:rgb(246,146,89)}.slider-nav .slick-list{overflow-y:auto;overflow-x:hidden}.slider-nav .slick-slide{transition:transform .3s ease}.slider-for img{max-width:50%;margin:70px auto}.multiple-items .slick-slide.slick-active{transform:scale(.55)!important}.multiple-items .slick-slide.slick-current.slick-active.slick-center{transform:scale(.8)!important}.multiple-items .slick-slide.slick-current.slick-active.slick-center img{outline:4px solid #d2af67;outline-offset:-4px;border-radius:50%;box-shadow:0 0 13px rgb(255 249 68/66%)}.miles-items .slick-slide.slick-active{transform:scale(.9)!important}.miles-items .slick-slide.slick-current.slick-active.slick-center{transform:scale(1.2)!important}.slick-slide span{font-size:14px;text-align:center;display:block;margin:15px 0;color:#fff}.slider-nav .slick-slide.slick-current.slick-active.slick-center img{border-radius:50%;box-shadow:0 0 9px 1px #ffd700;transition:all .3s ease}.slick-track{padding:10px 0}@media (min-width:768px){.swiper-slide{width:calc((100% - 80px * 2) / 3);flex-shrink:0}.swiper-slide.swiper-slide-visible.swiper-slide-active{margin-right:120px}.swiper-slide .content{transition:transform .4s ease-in-out;z-index:1}.swiper-slide.swiper-slide-active .content{transform:scale(1.2);z-index:2}.swiper-slide:not(.swiper-slide-active) .content{transform:scale(.85)}}@media (max-width:767px){.swiper{overflow:hidden}.swiper-slide{width:80%;flex-shrink:0}.swiper-slide .content{transition:transform .4s ease-in-out;z-index:1}.swiper-slide.swiper-slide-active .content{transform:scale(1);transform-origin:left center;z-index:2}.swiper-slide:not(.swiper-slide-active) .content{transform:scale(.9);position:relative;top:-6px}.swiper-slide.swiper-slide-next{transform:translateX(10px)}}.modal{position:fixed;inset:0;background:rgba(0,0,0,.8);justify-content:center;align-items:center;z-index:9999}.modal,.modal.hidden{display:none}.modal-content{position:relative;background:#fff;max-width:800px;width:90%;padding:30px;border-radius:15px;color:#000;border:0;overflow:scroll}.modal-content p{margin-bottom:10px}.modal-content h2{font-size:18px;margin:20px 0;font-weight:600}.modal h3{font-weight:600;margin-bottom:5px}.modal-header{border-bottom:1px solid rgba(255,215,0,.3);background:rgba(255,215,0,.1)}.modal-title{color:#ffd700;font-weight:700;text-align:center;width:100%}.modal-body{padding:20px;max-height:500px;overflow-y:auto}.modal-body p{line-height:1.8;margin-bottom:15px;text-align:justify}.modal-body h4{color:#ffd700;margin-bottom:15px}.modal-body h5{color:#ffd700;margin-top:20px;margin-bottom:10px}.modal-footer{border-top:1px solid rgba(255,215,0,.3);background:rgba(255,215,0,.05)}.close{color:#ffd700;opacity:1;text-shadow:none;font-size:30px}.close:hover{color:#fff}#closeModal{position:absolute;top:10px;right:20px;font-size:2rem;cursor:pointer;z-index:999}span#closeModal{background:#eacb75;border-radius:50%;height:20px;width:20px;text-align:center;line-height:14px;color:#a76203}span#closeModal:before{content:"Close";text-align:left;position:absolute;left:-47px;font-size:16px;top:3px;font-weight:500}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:rgba(255,215,0,.1);border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#ffd700;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffed4e}.btn-modal-close{background:linear-gradient(135deg,#8b6914,#ffd700 50%,#8b6914);color:#000;font-weight:700;border:2px solid #ffd700;border-radius:20px;padding:8px 30px}.btn-modal-close:hover{color:#000;box-shadow:0 4px 15px rgba(255,215,0,.6)}.slide-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:9999;display:none;align-items:center;justify-content:center}.slide-modal-container{background:#fff;width:90%;max-width:500px;border-radius:20px;padding:25px 20px;animation:fadeInScale .3s ease-out;position:relative;color:#333;font-family:Kanit,sans-serif;max-height:85vh;overflow-y:auto}@keyframes fadeInScale{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.slide-modal-close{position:absolute;top:15px;right:15px;font-size:24px;color:#aaa;cursor:pointer}.custom-nav{display:flex;width:100%;margin:0;list-style:none;border:1px solid #dddddd2b;border-radius:10px;padding:4px;flex:1 1;text-align:center}.custom-nav>li>a{background-color:transparent;font-size:16px;color:#fff}.custom-nav>li>a:hover{background:#735824}.custom-nav>li.active>a,.custom-nav>li.active>a:focus,.custom-nav>li.active>a:hover{color:#fff;background-color:#735824;border-radius:10px;border:0;padding:10px}.nav-button-container{padding:15px 10px;gap:10px;justify-content:space-between}.nav-btn,.nav-button-container{display:flex;align-items:center}.nav-btn{flex-direction:column;justify-content:center;flex:1 1;min-width:0;height:auto;padding:10px 0;border:none;background:#6363638a;cursor:pointer;transition:all .3s ease;border-radius:10px}.nav-btn,.nav-btn:hover{text-decoration:none;color:white}.nav-btn:hover{transform:translateY(-3px)}.nav-btn.active{background-color:#c89740;border-radius:15px}.nav-btn-icon{width:45px;height:45px;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.nav-btn-icon svg{width:100%;height:100%;fill:white}.nav-btn-text{font-size:14px;font-weight:400;text-align:center;color:white}.user-code-form{max-width:700px;margin:0 auto}.user-code-form .form-title{color:#ccc;font-size:18px;font-weight:500;margin-bottom:25px;margin-top:0}.user-code-form .code-input-wrapper{position:relative;background-color:#322319;border:1px solid #4d4037;border-radius:8px;padding:15px 60px 15px 20px}.user-code-form .code-input{background:transparent;border:none;color:#FCDE8D;font-size:12px;font-weight:500;padding:0;height:auto;box-shadow:none}.user-code-form .code-input:focus{background:transparent;box-shadow:none;outline:none}.user-code-form .btn-edit{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#FCDE8D;font-size:20px;padding:5px 10px;cursor:pointer;transition:color .3s}.user-code-form .btn-edit:hover{color:#f5e6d3}.user-code-form .help-text{color:#ccc;font-size:12px;margin-top:12px;margin-bottom:25px}.user-code-form .control-label{color:#ccc;font-size:12px;font-weight:500;margin-bottom:10px;display:block}.user-code-form .date-input,.user-code-form .place-select{background-color:#322319;border:1px solid #4d4037;border-radius:8px;color:#FCDE8D;font-size:12px;padding:15px 20px;height:auto}.user-code-form .date-input:focus,.user-code-form .place-select:focus{background-color:#3d332c;border-color:#5d5047;box-shadow:none;outline:none;color:#d4af37}.user-code-form .place-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23d4af37' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding-right:45px}.user-code-form .form-group:last-child,.user-code-form .row{margin-bottom:0}.circle-progress{margin:10px 0 30px}.zodiac-name{color:#fff;text-align:center;margin-top:10px}.zodiacs-icon{margin:0 0 30px}.icon-home{width:40px;height:40px}.icon-chart,.icon-search{width:35px;height:35px}.icon-bookmark{width:30px;height:35px}.card-box{background:#181818;border-radius:25px;padding:0;text-align:center;border:2px solid #4d4c4c;margin-bottom:15px;height:auto;color:white}.card-box img{max-width:60px;margin:-10px auto 20px}.card-header{justify-content:space-between;margin-bottom:15px}.card-header,.card-title{display:flex;align-items:center}.card-title{font-size:18px;font-weight:400;gap:8px}.fix-position{position:relative;top:11px!important}.card-icon img{max-width:30px!important;display:inline-block;position:relative;top:5px;padding-right:10px;margin-bottom:0!important}.card-title .icon{color:#ffd700;font-size:20px}.card-label{font-size:22px;color:#c0c0c0;font-weight:300;letter-spacing:1px;display:block;margin-left:5px;text-align:center;margin-bottom:20px}.card-number{font-size:80px;font-weight:700;color:#f5e6a8;line-height:1;margin:15px 0;text-shadow:0 2px 22px rgb(165 154 111/63%);display:inline-block}.card-icon{text-align:center;font-size:32px;margin-bottom:15px;color:#d4af37}.card-icon span{font-size:15px;color:#fff}.card-divider{width:80px;height:2px;background:linear-gradient(90deg,transparent,#d4af37,transparent);margin:15px auto;position:relative}.card-divider:after,.card-divider:before{content:"";position:absolute;width:8px;height:8px;background:#d4af37;border-radius:50%;top:-3px}.card-divider:before{left:-5px}.card-divider:after{right:-5px}.point-section{display:flex;justify-content:space-between;align-items:center}.point-display{display:flex;align-items:baseline;gap:10px;cursor:pointer}.point-number{font-size:48px;font-weight:700}.action-buttons{display:flex;gap:15px;margin-top:10px}.action-btn{flex:1 1;border:2px solid #6b5a3d;border-radius:10px;padding:15px 20px;color:white;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s}.action-btn:hover{background:linear-gradient(135deg,#4a3c28,#3d3220);border-color:#d4af37;transform:translateY(-2px)}.info-icon{font-size:18px;color:#5b9bd5;cursor:pointer}.dark-card-bg{background-color:#2d2d2d;background-size:cover;background-position:50%;border-radius:15px;width:auto;text-align:left}.feature-card{padding:25px 10px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:200px;text-align:center}.feature-icon{width:60px;height:60px;margin:0 auto 15px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.list-card{padding:25px;margin-bottom:30px}.list-icon{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.list-item-row{display:flex;align-items:flex-start;gap:15px;padding:10px 0}.separator-line{border-top:1px solid rgba(255,255,255,.1);margin:15px 0}.profile-container{padding:5px;display:flex;align-items:center;gap:8px}.profile-avatar-wrap{position:relative;flex-shrink:0}.crown-icon{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:20px;color:#ffd700;text-shadow:0 2px 4px rgba(255,215,0,.5);z-index:10}.avatar-ring{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#ffd700,#ffa500);padding:3px;display:flex;align-items:center;justify-content:center}.avatar-ring:before{content:"";background-image:url(/assets/img/icon/icon_crown.png);position:absolute;top:-58px;width:50%;height:100%;background-repeat:no-repeat;background-size:100%;background-position:50%}.avatar-img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #1e2433}.profile-info-wrap{flex:1 1;min-width:0}.profile-info-box{background:rgb(45 45 45);padding:15px;border-radius:8px;margin:10px}.profile-name{color:#ffffff;font-size:16px;font-weight:600;margin:0 0 4px;line-height:1.2}.profile-birth{color:#9ca3af;font-size:12px;margin:0;line-height:1.3}.user-profile{background:#2d2d2d;color:#fff;padding:20px;border-radius:20px;border:2px solid #ffde5b;font-size:20px}.user-profile span{color:#ffef98}.counter-container{border:3px solid #8b7335;display:inline-block;vertical-align:middle;width:60%;background:linear-gradient(180deg,#fceabb,#f8b500 40%,#bf8728);border-radius:20px;padding:25px;text-align:center;box-shadow:inset 0 0 0 1px rgba(255,255,230,.6),inset 0 2px 0 rgba(255,255,255,.8),0 4px 5px rgba(0,0,0,.4)}.digit-box{background:#31231a;border-radius:10px;padding:10px 12px;margin:0 3px;display:inline-block;box-shadow:inset 0 3px 6px rgba(0,0,0,.4)}.digit-box.w100{width:100%}.digit{color:#f9ebe1;font-size:50px;font-weight:700;line-height:1;text-shadow:0 2px 22px rgb(165 154 111/63%)}.coin-section{display:inline-block;vertical-align:middle;width:40%;text-align:center}.coin-section span{color:#fff;display:block;position:relative;top:-20px}.coin-icon{width:100%;height:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 6px}.coin-icon img{max-width:100%}.coin-symbol{color:#ffffff;font-size:38px;font-weight:700;font-family:Arial,sans-serif}.coin-text{color:#ffffff;font-size:13px;text-shadow:0 2px 4px rgba(0,0,0,.5);white-space:nowrap}.prize-announcement-card{background:linear-gradient(145deg,#2d2d2d,#1a1a1a);border-radius:25px;padding:25px;box-shadow:0 15px 40px rgba(0,0,0,.7);border:2px solid #3a3a3a;max-width:400px;width:100%;animation:prizeCardFadeInUp .6s ease-out}@keyframes prizeCardFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.user-level-card{background-color:#2d2d2d;color:#ffffff;border-radius:16px;padding:20px;width:100%;max-width:480px;position:relative;box-shadow:0 4px 15px rgba(0,0,0,.3);flex-direction:row;gap:16px;margin:20px 0}.level-avatar,.user-level-card{display:flex;align-items:center}.level-avatar{flex-shrink:0;width:80px;height:80px;border-radius:50%;background-color:#000;border:2px solid #faf298;padding:2px;overflow:hidden;justify-content:center}.level-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.level-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.level-title{font-size:18px;font-weight:600;margin:0 0 4px;line-height:1.2}.level-desc{font-size:14px;color:#e0e0e0;margin:0 0 2px;line-height:1.4}.next-level-text{font-size:14px;color:#ffffff;margin:0 0 10px}.progress-container{width:100%;height:12px;background-color:#ffffff;border-radius:10px;overflow:hidden}.progress-bar{height:100%;background-color:#f37021;background:linear-gradient(90deg,#e65c00,#f37021);border-radius:10px;width:2%;transition:width .3s ease}.section-header-gold{font-weight:400;font-size:26px;margin-bottom:15px;text-shadow:0 2px 10px rgba(212,175,55,.3);letter-spacing:.5px;color:#ffe082;font-weight:600}.tarot-container{background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;padding:20px}.header-card{background:rgba(255,255,255,.05);border-radius:15px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,215,0,.3)}.header-content{text-align:center;color:#fff}.header-info{font-size:14px;margin-bottom:5px}.header-birth{font-size:13px;margin-bottom:15px}.header-title{font-size:28px;font-weight:700;letter-spacing:2px}.tarot-card-image{width:100%;border-radius:15px;border:3px solid #ffd700;box-shadow:0 5px 20px rgba(0,0,0,.5);transition:transform .3s ease}.tarot-card-image:hover{transform:scale(1.02);box-shadow:0 8px 30px rgba(255,215,0,.6)}.footer-button-wrapper{margin-top:20px;text-align:center}.btn-read{background:linear-gradient(135deg,#8b6914,#ffd700 50%,#8b6914);color:#000;font-weight:700;padding:12px 40px;border-radius:25px;border:2px solid #ffd700;font-size:16px;box-shadow:0 4px 15px rgba(255,215,0,.4);cursor:pointer}.btn-read:hover{box-shadow:0 6px 20px rgba(255,215,0,.6);transform:translateY(-2px);transition:all .3s ease;color:#000}.btn-subtitle{font-size:11px;font-weight:400}.advice-box{margin-top:25px;padding:15px;background:rgba(255,215,0,.1);border-radius:10px;border-left:4px solid #ffd700}.advice-box strong{color:#ffd700}.advice-box p{margin-top:10px;margin-bottom:0}.title-card{color:#DF9767;bottom:80px}.caption-card,.title-card{position:absolute;left:20px}.caption-card{bottom:30px;text-align:left}.zodiac-title{text-align:center;color:#fff;margin-top:10px;font-size:12px;text-shadow:0 0 2px rgba(255,255,255,.6),0 0 6px rgba(212,175,55,.95),0 0 18px rgba(212,175,55,.65),0 0 36px rgba(212,175,55,.35)}.horoscope .work{color:#203493}.horoscope .finance{color:#af9100}.horoscope .love{color:#e32dab}.horoscope .health{color:#2eacef}.horoscope .warning{color:red}.horoscope .finance,.horoscope .health,.horoscope .love,.horoscope .warning,.horoscope .work{display:block;margin-bottom:5px;margin-top:20px;font-weight:600;font-size:18px}.prayer-container{border-radius:15px;margin:0 auto}.prayer-title{color:#f0c674;font-size:28px;font-weight:700;margin-bottom:40px;text-align:left}.prayer-timeline{position:relative;display:flex;justify-content:space-between;align-items:center}.timeline-line{position:absolute;top:50%;left:10%;right:10%;height:30px;transform:translateY(-50%);z-index:1;display:flex}.timeline-line .solid-wave{width:100%;height:100%;background-image:url(/assets/img/timeline-2.png);background-size:cover;background-repeat:no-repeat;position:relative;top:-8px}.timeline-line .dashed-wave{width:100%;height:100%;background-image:url(/assets/img/timeline.png);background-size:100%;background-repeat:no-repeat}.prayer-item{position:relative;z-index:2;text-align:center}@keyframes pulse{0%,to{box-shadow:0 5px 25px rgba(240,198,116,.6)}50%{box-shadow:0 5px 35px rgba(240,198,116,.9)}}.prayer-item.past .prayer-icon{border-color:#4a9fd8}.prayer-item.future .prayer-icon{border-color:#5a6a7a}.icon-world{width:45px;height:45px;position:relative}.icon-world:after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;border-radius:50%;background:#f0c674;box-shadow:-8px 0 0 -2px #1a4d6b}.prayer-label{color:#b8c5d6;font-size:18px;margin-bottom:8px;font-weight:500}.prayer-item.current .prayer-label{color:#f0c674;font-weight:700;position:relative;top:15px}.prayer-time{color:#ffffff;font-size:20px;font-weight:400}.calendar-container{max-width:600px;margin:0 auto;display:flex;gap:20px;background:rgba(0,0,0,.3);padding:20px 0;border-radius:15px}img.title-icon{display:inline-block;max-width:40px;position:relative;top:5px;padding-left:10px}.icon-moon{max-width:46px}.date-display{flex:0 0 35%}.d-inb{display:inline-block}.date-box{background:linear-gradient(180deg,#fceabb,#f8b500 40%,#bf8728);border-radius:20px;padding:12px;text-align:center;box-shadow:inset 0 0 0 1px rgba(255,255,230,.6),inset 0 2px 0 rgba(255,255,255,.8),0 4px 5px rgba(0,0,0,.4);margin-bottom:15px;align-items:center;max-width:100%;width:100%;box-sizing:border-box;cursor:pointer;text-decoration:none;position:relative;border:2px solid #573a0e;transition:all .2s ease}.date-box .day-name{font-size:14px;color:#2d2d2d;margin-bottom:5px}.date-box .date-number{font-size:48px;font-weight:700;color:#1a1a1a;line-height:1}.info-labels{display:flex;gap:10px}.info-label{flex:1 1;color:#ffd98e;padding:5px;border-radius:5px;font-size:12px;text-align:center}.sun-icon{max-width:50px;margin:10px auto}.calendar-widget{flex:1 1;font-size:18px;font-weight:700;background:linear-gradient(145deg,#2a2a2a,#1f1f1f);border-radius:15px;padding:10px 20px;margin:0 auto}.calendar-header .nav-btn{background:none;border:none;color:#d4a574;font-size:20px;cursor:pointer;padding:5px 10px}.calendar-container .btn{background:#fff;border-radius:30px;width:100%}.datepicker table,.datepicker-inline{width:100%}.datepicker table tr td,.datepicker table tr th{text-align:center;padding:8px 5px;border-radius:50%;color:#999;font-size:13px}.datepicker table tr td.day:hover{background:rgba(212,165,116,.3);color:#fff;cursor:pointer}.datepicker table tr td.active,.datepicker table tr td.active:hover{background:#d4a574!important;color:#1a1a1a!important;font-weight:700}.datepicker table tr td.today{background:rgba(212,165,116,.2)}.datepicker{background:transparent;border:none}.datepicker-days tbody tr:not(:has(td.day:not(.old):not(.new))){display:none}