section{width:100%}section .section-app{height:100%;width:100%;padding:2rem 0;border-radius:1rem}section .section-app .app-title{font-size:7rem!important;background:linear-gradient(180deg,#0fa1fd,#020054);background-clip:text;text-transform:uppercase;font-weight:700!important;text-align:center!important;margin:0 auto;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(2px 2px 3px rgba(0,0,0,.3));letter-spacing:.05em}section .section-app .app-description{text-align:center;color:#576c87;font-size:2rem;max-width:50rem;margin:0 auto;padding:0 2rem}section .section-app .app-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;justify-items:center;align-items:center;max-width:80rem;margin:0 auto}section .section-app .app-categories .app-item{background-image:url(/_next/static/media/app-background.b55b6590.png);background-repeat:no-repeat;background-size:contain;background-position:50%;display:flex;justify-content:center;align-items:center;width:clamp(8rem,25vw,20rem);height:clamp(8rem,25vw,20rem)}section .section-app .app-categories .app-item p{text-transform:uppercase;text-align:center;color:var(--color-white);font-size:clamp(.8rem,1.5vw,1.5rem);margin-top:clamp(4rem,6vw,6rem);width:70%;line-height:1.7rem}section .section-app .app-categories .app-item:first-child{grid-column:2;grid-row:1}section .section-app .app-categories .app-item:nth-child(2){grid-column:1;grid-row:2}section .section-app .app-categories .app-item:nth-child(3){grid-column:3;grid-row:2}section .section-app .app-categories .app-item:nth-child(4){grid-column:2;grid-row:2}section .section-app .app-categories .app-item:nth-child(5){grid-column:1;grid-row:3}section .section-app .app-categories .app-item:nth-child(6){grid-column:3;grid-row:3}section .section-app .app-categories .app-item:nth-child(2),section .section-app .app-categories .app-item:nth-child(3){margin-top:clamp(-20rem,-15vw,-10rem)}section .section-app .app-categories .app-item:nth-child(2){margin-right:-5rem}section .section-app .app-categories .app-item:nth-child(3){margin-left:-5rem}section .section-app .app-categories .app-item:nth-child(5){margin-right:clamp(-20rem,-15vw,-15rem)}section .section-app .app-categories .app-item:nth-child(6){margin-left:clamp(-20rem,-15vw,-15rem)}@media screen and (max-width:1024px){section .section-app .app-item-child{font-size:3rem}}@media screen and (max-width:768px){section .section-app{padding:2rem 0}section .section-app.app-title{font-size:4rem;margin-top:0}section .section-app .app-item{display:flex;flex-direction:column;padding:2rem 4rem;gap:4rem;justify-content:center}section .section-app .app-item svg{height:4rem;width:4rem;color:var(--color-black)}section .section-app .app-item-child{height:100%;width:100%;display:flex;align-items:center;font-weight:700;gap:2rem;padding:1rem 1rem 1rem 2rem;border-radius:1rem;font-size:3rem;color:var(--color-grey-500);background:var(--color-yellow-500)}}@media screen and (max-width:480px){section .section-app .app-title{font-size:3rem!important;margin-bottom:1rem}section .section-app .app-item{padding:1rem 2rem}section .section-app .app-item svg{width:3rem;height:3rem}section .section-app .app-item-child{height:100%;width:100%;padding:1rem 1rem 1rem 2rem;display:flex;align-items:center;font-size:3rem}}@media screen and (max-width:320px){section .section-app{padding:0}section .section-app .app-title{font-size:2.5rem!important;margin-bottom:0}section .section-app .app-item{padding:1rem 2rem;gap:2rem}section .section-app .app-item svg{height:1.8rem;width:1.8rem}section .section-app .app-item-child{gap:1rem;padding:1rem 1rem 1rem 2rem;font-size:2rem}section .section-app .app-item-child-icon{height:3rem;width:3rem}}@font-face{font-family:Kaishu;src:url(/_next/static/media/SVN-Oriental-Kaishu.14fcc59d.otf) format("opentype");font-weight:400;font-style:normal}section{height:100%;display:flex;justify-content:center;background-color:var(--color-background)}section .section-calendar{display:grid;gap:2rem}section .section-calendar .calendar-left{background-image:url(/_next/static/media/calendar-background.18d89c4f.png);background-size:contain;background-repeat:no-repeat;background-position:top;background-color:#f0f8ff;aspect-ratio:1039/auto;border-top-left-radius:7rem;border-top-right-radius:7rem;overflow:hidden}section .section-calendar .calendar-left-header{display:flex;gap:4rem;justify-content:space-between;border-top-left-radius:1rem;border-top-right-radius:1rem;background-color:var(--color-red-500)}section .section-calendar .calendar-left-header li{font-size:2.6rem;font-weight:700;text-align:center;width:100%;color:var(--color-yellow-500)}section .section-calendar .calendar-left-header .calender-left-header-year-mobile{display:none}section .section-calendar .calendar-left .daily-horoscope{display:grid;grid-template-columns:repeat(2,1fr);margin:5rem 10rem;gap:3rem;align-items:start}@media(max-width:1024px){section .section-calendar .calendar-left .daily-horoscope{margin:5rem 3rem}}@media(max-width:992px){section .section-calendar .calendar-left .daily-horoscope{margin:5rem 2rem}}@media(max-width:720px){section .section-calendar .calendar-left .daily-horoscope{display:flex;flex-direction:column;margin:3rem 1rem;gap:0}section .section-calendar .calendar-left .daily-horoscope .left-section,section .section-calendar .calendar-left .daily-horoscope .right-section{width:100%}section .section-calendar .calendar-left .daily-horoscope .left-card{margin-bottom:1rem!important}section .section-calendar .calendar-left .daily-horoscope .right-card{padding:0}}section .section-calendar .calendar-left .daily-horoscope .left-section .left-card{padding:.5rem;background:linear-gradient(180deg,#e5ecfb,#b2cef0);border-radius:1rem;margin-bottom:3.5rem}section .section-calendar .calendar-left .daily-horoscope .left-section .left-card .left-card-content{border:2px solid var(--color-white);border-radius:1rem;width:100%;padding:1rem}section .section-calendar .calendar-left .daily-horoscope .left-section .left-card .left-card-content p{font-size:2.2rem;font-weight:600;text-transform:uppercase;color:#0042a0}section .section-calendar .calendar-left .daily-horoscope .left-section .left-card .left-card-content span{font-size:2rem;text-transform:uppercase;color:#0042a0}section .section-calendar .calendar-left .daily-horoscope .right-section{background:linear-gradient(180deg,#e5ecfb,#b2cef0);border-radius:1rem;padding:.5rem}section .section-calendar .calendar-left .daily-horoscope .right-section .right-card{border:2px solid var(--color-white);border-radius:1rem;padding:3rem}section .section-calendar .calendar-left .daily-horoscope .right-section .right-card .recommendations{display:flex;flex-direction:column;gap:1rem}section .section-calendar .calendar-left .daily-horoscope .right-section .right-card .recommendations .icon{width:4rem;height:4rem;display:flex;justify-content:center;align-items:center;background-color:#0042a0;border-radius:50%}section .section-calendar .calendar-left .daily-horoscope .right-section .right-card .recommendations p{font-size:2rem;font-weight:600;color:#0042a0;text-transform:uppercase}section .section-calendar .calendar-left .daily-horoscope .right-section .right-card .recommendations span{text-transform:capitalize;font-weight:400;font-size:2rem}section .section-calendar .calendar-left .daily-horoscope .right-section .right-card .lucky-directions p{font-size:2rem;color:#0042a0;text-transform:uppercase}section .section-calendar .calendar-left .daily-horoscope .right-section .right-card .lucky-directions span{font-size:2rem;color:#0042a0;text-transform:capitalize}section .section-calendar .calendar-left-body{display:flex;flex-direction:column}section .section-calendar .calendar-left-body .date-time{margin:5rem 0;display:flex;align-items:stretch;gap:clamp(1.3rem,3vw,3rem)}section .section-calendar .calendar-left-body .date-time-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:end;gap:1rem}section .section-calendar .calendar-left-body .date-time-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1rem}section .section-calendar .calendar-left-body .date-time p{color:#586c85;font-weight:400;font-size:clamp(1.3rem,3vw,3rem)}section .section-calendar .calendar-left-body .date-time .day{background-image:url(/_next/static/media/date-background.57f66a77.png);display:flex;flex-direction:column;background-repeat:no-repeat;background-size:contain;background-position:50%;align-items:center;justify-content:center;width:clamp(12rem,25vw,25rem);height:clamp(12rem,25vw,25rem);font-size:clamp(1.3rem,2vw,2.5rem);padding-top:2em}section .section-calendar .calendar-left-body .date-time .day span{color:var(--color-white);font-size:1em;text-transform:uppercase;line-height:1.2em}section .section-calendar .calendar-left-body .date-time .day .body-title{font-size:4em;font-weight:900;text-align:center;color:var(--color-white);padding:0;margin:0 0 .5em}section .section-calendar .calendar-left-body .date-time .icon-round__1{width:clamp(3rem,4vw,4rem);height:clamp(3rem,4vw,4rem);border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 1px 5px 1px #bbd1e8}section .section-calendar .calendar-left-body .date-time .icon-round__1 .icon-round__2{width:clamp(2.5rem,3vw,3rem);height:clamp(2.5rem,3vw,3rem);border-radius:50%;background:#bbd1e8;display:flex;justify-content:center;align-items:center}section .section-calendar .calendar-left-body .date-time .icon-round__1 .icon-round__2 svg{width:clamp(1.5rem,1.5vw,2rem);height:clamp(1.5rem,1.5vw,2rem)}section .section-calendar .calendar-left-body .f-answer{display:grid;grid-template-columns:repeat(4,1fr);margin:0 10rem}@media(max-width:1024px){section .section-calendar .calendar-left-body .f-answer{margin:0 5rem}}@media(max-width:992px){section .section-calendar .calendar-left-body .f-answer{margin:0 3rem}}@media(max-width:576px){section .section-calendar .calendar-left-body .f-answer{margin:0 1rem}}@media(max-width:430px){section .section-calendar .calendar-left-body .f-answer{margin:0}}section .section-calendar .calendar-left-body .f-answer .f-item{margin:0 auto;position:relative}section .section-calendar .calendar-left-body .f-answer .f-item .f-item-box{background-image:url(/_next/static/media/mono-grams-box.de45aa22.png);background-repeat:no-repeat;background-size:contain;background-position:50%;display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:clamp(11rem,20vw,20rem);height:clamp(11rem,20vw,20rem)}section .section-calendar .calendar-left-body .f-answer .f-item .f-item-box .item{width:clamp(16rem,18vw,20rem);transform:scale(.6);margin-bottom:.5em;display:flex;justify-content:center;align-items:center}@media(max-width:1024px){section .section-calendar .calendar-left-body .f-answer .f-item .f-item-box .item{transform:scale(.45)}}@media(max-width:992px){section .section-calendar .calendar-left-body .f-answer .f-item .f-item-box .item{transform:scale(.7,.5)}}@media(max-width:720px){section .section-calendar .calendar-left-body .f-answer .f-item .f-item-box .item{transform:scale(.6,.42)}}@media(max-width:576px){section .section-calendar .calendar-left-body .f-answer .f-item .f-item-box .item{transform:scale(.58,.35)}}@media(max-width:430px){section .section-calendar .calendar-left-body .f-answer .f-item .f-item-box .item{transform:scale(.6,.35)}}section .section-calendar .calendar-left-body .f-answer .f-item .f-col{display:flex;align-items:center;justify-content:center}section .section-calendar .calendar-left-body .f-answer .f-item .f-col .title{color:#586c85;font-weight:700;text-transform:uppercase;line-height:1;padding:1rem 0!important;font-size:clamp(1rem,3vw,3rem)!important}@media screen and (max-width:480px){section .section-calendar .calendar-left-body .f-answer .f-item .f-col .title{font-size:2rem!important}}section .section-calendar .calendar-left-body .box-content{text-align:center;font-size:2.2rem;font-weight:600;line-height:2rem;margin-bottom:2rem;color:var(--color-red-500)}section .section-calendar .clendar-left-content{display:grid;padding:1rem;grid-template-columns:1fr 1fr 1fr}section .section-calendar .clendar-left-content-left{gap:3rem;display:flex;flex-direction:column;justify-content:center;margin-left:5rem}section .section-calendar .clendar-left-content-left ul{position:relative;top:1rem;margin-bottom:1rem;display:flex;gap:2rem;align-items:center}section .section-calendar .clendar-left-content-left ul .ngay{line-height:1.8;text-align:center;font-size:2.4rem;color:#9db2ce;font-weight:700}section .section-calendar .clendar-left-content-left ul .ngay-Canchi{line-height:1.8;text-align:center;font-size:3rem;font-weight:700;white-space:nowrap;color:var(--color-yellow-500)}section .section-calendar .clendar-left-content-left-mobile{display:none}section .section-calendar .clendar-left-content-middler{color:var(--color-red-500);font-size:12rem;font-weight:700;text-align:center}section .section-calendar .clendar-left-content-middler-month{color:var(--color-yellow-500);font-size:7rem;font-weight:600;top:10rem;width:100%;text-align:center}section .section-calendar .clendar-left-content-right{display:flex;flex-direction:column;justify-content:center;gap:3rem}section .section-calendar .clendar-left-content-right ul{position:relative;top:1rem;margin-bottom:1rem;display:flex;gap:2rem;align-items:center}section .section-calendar .clendar-left-content-right ul .mobile-year-title{line-height:1.8;text-align:center;font-size:2.4rem;color:#9db2ce;font-weight:700}section .section-calendar .clendar-left-content-right ul .mobile-year-text{line-height:1.8;text-align:center;font-size:3rem;font-weight:700;white-space:nowrap;color:var(--color-yellow-500)}section .section-calendar .clendar-left-content-right-mobile{display:none}section .section-calendar table{width:100%;border-collapse:collapse;text-align:center;margin-bottom:6rem}section .section-calendar table td,section .section-calendar table th{padding:8px;vertical-align:middle}section .section-calendar table th{background-color:var(--color-white);color:red}section .section-calendar table td{color:#666}section .section-calendar table tr{background-color:var(--color-white)}section .section-calendar .calendar-right{position:absolute;top:14.4rem;right:0;z-index:1;width:37rem}section .section-calendar .calendar-icon-fixed{display:none}section .section-calendar .calendar-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);opacity:0;z-index:10000;width:50rem;padding:1.5rem;border-radius:8px;animation:modalFadeZoom .2s ease forwards}section .section-calendar .calendar-modal .react-calendar{background:transparent;border:none;padding:2rem 4rem 3rem 5rem;transform:scale(.9)}section .section-calendar .calendar-modal .calendar-box{background-size:100% 100%}section .section-calendar .calendar-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;animation:overlayFade .3s ease forwards;z-index:9999}@media screen and (max-width:1496px){section .section-calendar .calendar-right{display:none}section .section-calendar .calendar-icon-fixed{display:block;background-image:url(/_next/static/media/calendar.2396db18.png);background-position:50%;background-repeat:no-repeat;background-size:contain;position:fixed;bottom:5rem;right:2rem;font-family:Kaishu;color:#1367cf;font-weight:700;aspect-ratio:1/1;width:7rem;display:flex;justify-content:center;align-items:center}section .section-calendar .calendar-icon-fixed p{font-size:3rem;padding:2rem}}section .section-calendar .react-calendar{background:transparent;border:none;padding:2rem 2rem 3rem 3rem;transform:scale(.7)}section .section-calendar .calendar-box{position:sticky;top:30rem;background-image:url(/_next/static/media/calendar.2396db18.png);background-repeat:no-repeat;background-size:80% 80%;background-position:50%;width:100%;height:auto;display:inline-block}@media screen and (max-width:1024px){section .section-calendar{width:100%}section .section-calendar .calendar-left-header{padding:0 2rem}section .section-calendar .calendar-left-second{display:flex;justify-content:space-between;padding:1rem 2rem;background-color:var(--color-red-500);margin-top:2rem;gap:3rem}section .section-calendar .clendar-left-content-left ul .ngay{font-size:2rem}section .section-calendar .clendar-left-content-left ul .ngay-Canchi{font-size:2.4rem}section .section-calendar .clendar-left-content-middler{font-size:10rem}section .section-calendar .clendar-left-content-right ul .mobile-year-title{font-size:2rem}section .section-calendar .clendar-left-content-right ul .mobile-year-text{font-size:2.4rem}}@media screen and (max-width:992px){section .section-calendar .calendar-left-second li{font-size:2.3rem}}@media screen and (max-width:768px){section .section-calendar{width:100%;display:flex;justify-content:center;flex-direction:column}section .section-calendar .calendar-left{width:100%}section .section-calendar .calendar-left-header{display:flex;align-items:center;height:8rem;padding:0 4rem;background:var(--color-red-400)}section .section-calendar .calendar-left-header li{width:auto;font-size:2.6rem;font-weight:700;color:var(--color-yellow-400)}section .section-calendar .calendar-left-second{display:flex;justify-content:space-between;padding:2px 2rem;margin-top:2rem;background-color:var(--color-red-400)}section .section-calendar .calendar-left-second li{width:20rem;font-size:2.6rem;font-weight:700;border-radius:1.6rem;text-align:center;color:var(--color-yellow-400)}section .section-calendar .calendar-left-body{display:flex;flex-direction:column}section .section-calendar .calendar-left-body .body-title{font-size:20rem;text-align:center;line-height:20rem;font-weight:900;padding-top:2rem;color:var(--color-red-400)}section .section-calendar .calendar-left-body .box-content{font-size:2.8rem;line-height:3.2rem}section .section-calendar .clendar-left-content{padding:1rem}section .section-calendar .clendar-left-content-left ul .ngay{font-size:2.5rem}section .section-calendar .clendar-left-content-left ul .ngay-Canchi{font-size:3rem}section .section-calendar .clendar-left-content-middler{font-size:8rem}section .section-calendar .clendar-left-content-right ul .mobile-year-title{font-size:2.5rem}section .section-calendar .clendar-left-content-right ul .mobile-year-text{font-size:3rem}}@media screen and (max-width:480px){section .section-calendar .calendar-left{width:100%}section .section-calendar .calendar-left-header{padding:0 1rem}section .section-calendar .calendar-left-second{display:flex;justify-content:space-between;padding:2px;margin-top:2rem;background-color:var(--color-red-400);gap:4rem}section .section-calendar .calendar-left-body .body-title{font-size:14rem}section .section-calendar .calendar-left-body .box-content{padding:0 1rem;font-size:2.4rem;line-height:3rem;margin:0}section .section-calendar .clendar-left-content-left{margin-left:0}section .section-calendar .clendar-left-content-left ul{flex-direction:column;gap:1rem}section .section-calendar .clendar-left-content-left ul .ngay{font-size:2rem}section .section-calendar .clendar-left-content-left ul .ngay-Canchi{font-size:3rem}section .section-calendar .clendar-left-content-right ul{flex-direction:column;gap:1rem}section .section-calendar .clendar-left-content-right ul .mobile-year-title{font-size:2rem}section .section-calendar .clendar-left-content-right ul .mobile-year-text{font-size:3rem}}@media screen and (max-width:320px){section .section-calendar .calendar-left-second{padding:4px .4rem}section .section-calendar .calendar-left-second li{width:14rem;font-size:2.2rem;padding:2px}}@keyframes modalFadeZoom{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}section{background:transparent}@font-face{font-family:MTD_Thuphap;src:url(/_next/static/media/MTD_Thuphap.9f5c27ba.otf) format("opentype");font-weight:400;font-style:normal}section .section-slogan{margin:8rem 0;text-align:center}section .section-slogan .handwritten{font-family:MTD_Thuphap,cursive;font-size:clamp(4rem,12vw,12rem)!important;display:inline-block;background:linear-gradient(180deg,#0fa1fd,#020054);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(2px 2px 3px rgba(0,0,0,.3));letter-spacing:.05em}