@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&family=Montserrat:wght@400;500;600;700;800;900&family=Roboto:wght@400;700;900&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--c-primary-rgb:207 75 20;--c-primary-dark-rgb:175 39 0;--c-gradient-start-rgb:217 93 32;--c-gradient-end-rgb:255 107 66;--c-app-bg-rgb:255 242 239;--c-surface-rgb:255 255 255;--c-text-primary-rgb:77 77 77;--c-text-on-primary-rgb:255 255 255;--app-font-family:"Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--app-radius:16px}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}html,body{overflow-x:hidden}body{font-family:var(--app-font-family);color:rgb(var(--c-text-primary-rgb));background:#d8d8d8}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.mobile-shell{background:#d8d8d8;justify-content:center;align-items:flex-start;min-height:100vh;padding:18px;display:flex}.mobile-shell__device{background:rgb(var(--c-app-bg-rgb));width:390px;max-width:100%;height:850px;max-height:calc(100vh - 36px);position:relative;overflow:hidden}.mobile-shell__screen{background:rgb(var(--c-app-bg-rgb));-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;height:100%;position:relative;overflow:hidden auto}.mobile-shell__content{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;height:100%;padding-bottom:0;overflow:hidden auto}.mobile-shell__content::-webkit-scrollbar{display:none}.mobile-shell__bottom{z-index:80;padding-bottom:env(safe-area-inset-bottom,0px);background:rgb(var(--c-app-bg-rgb));position:absolute;bottom:0;left:0;right:0}.guest-page{background:rgb(var(--c-app-bg-rgb));min-height:100vh;padding-bottom:124px;position:relative}.guest-banner{background:linear-gradient(90deg, #160e14 0%, #3d1520 45%, rgb(var(--c-primary-dark-rgb)) 100%);width:100%;min-height:180px;position:relative}.guest-banner__image{object-fit:contain;background:#160e14;width:100%;height:auto;display:block;position:relative}.guest-page__content{padding:0 0 28px}.checkin-hero,.campaign-rule,.gift-section{width:calc(100% - 48px);max-width:520px;margin-left:auto;margin-right:auto}.checkin-hero{background:linear-gradient(180deg, rgb(var(--c-primary-rgb)) 0%, rgb(var(--c-gradient-end-rgb)) 100%);border-radius:var(--app-radius);margin-top:24px;padding:26px 20px 22px;box-shadow:0 18px 30px #a945192e}.checkin-hero__badge{width:fit-content;color:rgb(var(--c-app-bg-rgb));letter-spacing:.4px;background:#ffe1d647;border-radius:999px;margin:0 auto 20px;padding:8px 24px;font-size:13px;font-weight:800;line-height:1}.checkin-hero__title{text-align:center;color:rgb(var(--c-surface-rgb));letter-spacing:-1.5px;text-transform:uppercase;margin:0;font-size:46px;font-weight:900;line-height:.98}.checkin-hero__card{background:rgb(var(--c-surface-rgb));border-radius:var(--app-radius);width:100%;max-width:410px;margin:28px auto 0;padding:24px 24px 22px}.checkin-hero__location{color:#111;white-space:nowrap;justify-content:center;align-items:center;gap:8px;width:100%;font-size:17px;font-weight:800;line-height:1;display:inline-flex}.checkin-hero__location-icon{object-fit:contain;flex-shrink:0;width:20px;height:20px;display:block}.checkin-hero__location span{white-space:nowrap;display:inline-block}.checkin-hero__ready{color:#696969;letter-spacing:2px;justify-content:center;align-items:center;gap:10px;margin-top:18px;font-size:13px;font-weight:800;display:flex}.checkin-hero__ready-dot{background:#26c6da;border-radius:50%;width:10px;height:10px;display:inline-block}.checkin-hero__button{border-radius:var(--app-radius);background:rgb(var(--c-gradient-start-rgb));color:#241307;width:100%;box-shadow:0 9px 0 rgb(var(--c-primary-dark-rgb));border:none;justify-content:center;align-items:center;gap:12px;margin-top:26px;padding:18px;font-size:18px;font-weight:900;transition:transform .15s,filter .15s;display:flex}.checkin-hero__button:hover{filter:brightness(1.03)}.checkin-hero__button:active{transform:translateY(2px)}.checkin-hero__button-icon-image{object-fit:contain;background:0 0;flex-shrink:0;width:22px;height:22px}.campaign-rule{background:rgb(var(--c-surface-rgb));border:2px solid rgb(var(--c-gradient-end-rgb));border-radius:var(--app-radius);color:rgb(var(--c-text-primary-rgb));margin-top:26px;padding:24px 18px}.campaign-rule__heading{color:rgb(var(--c-gradient-start-rgb));text-transform:uppercase;margin:0 0 18px;font-size:18px;font-style:italic;font-weight:900;line-height:1.45}.campaign-rule__intro{color:rgb(var(--c-text-primary-rgb));margin:0 0 14px;font-size:16px;line-height:1.9}.campaign-rule__subline{color:rgb(var(--c-text-primary-rgb));margin:0 0 16px;font-size:16px;line-height:1.8}.campaign-rule__section-title{color:rgb(var(--c-gradient-start-rgb));text-transform:uppercase;margin:16px 0 10px;font-size:17px;font-style:italic;font-weight:900}.campaign-rule__list,.campaign-rule__steps{color:rgb(var(--c-text-primary-rgb));margin:0 0 14px;padding-left:24px}.campaign-rule__list li,.campaign-rule__steps li{margin-bottom:12px;font-size:16px;line-height:1.8}.campaign-rule__date{color:rgb(var(--c-text-primary-rgb));margin:0 0 14px;font-size:16px;line-height:1.8}.campaign-rule__hotline{color:rgb(var(--c-text-primary-rgb));margin:4px 0 0;font-size:16px;line-height:1.8}.gift-section{margin-top:24px}.gift-section__title{background:linear-gradient(90deg, rgb(var(--c-primary-rgb)) 0%, rgb(var(--c-gradient-end-rgb)) 100%);text-align:center;width:100%;color:rgb(var(--c-surface-rgb));border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 18px;font-size:24px;font-weight:900;display:flex;box-shadow:0 12px 22px #bc5a3a24}.gift-section__arrow{font-size:16px;line-height:1;transition:transform .2s}.gift-section__arrow.is-open{transform:rotate(180deg)}.gift-section__title--button{cursor:pointer;transition:transform .15s,filter .15s}.gift-section__title--button:hover{filter:brightness(1.03)}.gift-section__title--button:active{transform:translateY(2px)}.gift-list{flex-direction:column;gap:16px;margin-top:18px;display:flex}.gift-card{border-radius:var(--app-radius);border:2px solid rgb(var(--c-gradient-end-rgb));background:rgb(var(--c-surface-rgb));grid-template-columns:1fr 1.2fr auto;align-items:center;gap:16px;width:100%;padding:18px 16px;display:grid;position:relative}.gift-card--button{cursor:pointer;text-align:left;transition:transform .15s,box-shadow .15s}.gift-card--button:hover{box-shadow:0 10px 22px #bc5a3a1a}.gift-card--button:active{transform:translateY(2px)}.gift-card__images{flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:150px;display:flex}.gift-card__image{object-fit:contain;width:100%;height:auto;max-height:140px}.gift-card__image--double{width:45%;height:auto}.gift-card__image--single{width:100%;height:auto}.gift-card__content{min-width:0}.gift-card__name{color:rgb(var(--c-gradient-start-rgb));text-transform:uppercase;white-space:nowrap;margin:0 0 10px;font-size:16px;font-weight:900;line-height:1.2}.gift-card__content p{color:#8a8080;margin:4px 0;font-size:14px;line-height:1.45}.gift-card__point{color:rgb(var(--c-gradient-end-rgb));white-space:nowrap;align-self:end;font-size:16px;font-weight:600}.gift-section__more{border:6px solid rgb(var(--c-app-bg-rgb));background:rgb(var(--c-surface-rgb));width:100%;color:rgb(var(--c-gradient-start-rgb));cursor:pointer;border-radius:999px;margin-top:18px;margin-bottom:4px;padding:14px 18px;font-size:18px;font-weight:800;transition:transform .15s,filter .15s}.gift-section__more:hover{filter:brightness(1.02)}.gift-section__more:active{transform:translateY(2px)}.guest-profile-anchor{height:1px}.bottom-nav{background:rgb(var(--c-app-bg-rgb));border-radius:var(--app-radius);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;padding:8px;display:grid;box-shadow:0 -8px 18px #0000000f}.bottom-nav__item{border-radius:var(--app-radius);min-width:0;color:rgb(var(--c-text-primary-rgb));cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px;transition:all .2s;display:flex}.bottom-nav__item:hover{background:#ffe4e2}.bottom-nav__item.is-active{color:#5c2a2a;background:#ffd2d2}.bottom-nav__icon{flex-shrink:0;width:18px;height:18px}.bottom-nav__label{white-space:nowrap;font-size:10px;font-weight:700;line-height:1.2}@media (width<=480px){.mobile-shell{background:rgb(var(--c-app-bg-rgb));min-height:100dvh;padding:0}.mobile-shell__device,.mobile-shell__screen{width:100%;min-width:0;max-width:100%}.mobile-shell__device{height:100dvh;max-height:none}.mobile-shell__screen{height:100dvh;min-height:100dvh}.guest-page__content{padding:0 0 20px}.checkin-hero,.campaign-rule,.gift-section{width:calc(100% - 40px);max-width:none}.checkin-hero{border-radius:var(--app-radius);margin-top:14px;padding:18px 16px 20px}.checkin-hero__badge{margin-bottom:16px;padding:7px 18px;font-size:12px}.checkin-hero__title{letter-spacing:-1px;font-size:34px;line-height:1.02}.checkin-hero__card{border-radius:var(--app-radius);max-width:100%;margin-top:20px;padding:18px 16px 16px}.checkin-hero__location{white-space:nowrap;gap:6px;font-size:12px}.checkin-hero__location-icon{width:16px;height:16px}.checkin-hero__ready{letter-spacing:1.5px;gap:8px;margin-top:14px;font-size:11px}.checkin-hero__ready-dot{width:8px;height:8px}.checkin-hero__button{box-shadow:0 7px 0 rgb(var(--c-primary-dark-rgb));border-radius:14px;gap:10px;margin-top:18px;padding:15px 14px;font-size:15px}.checkin-hero__button-icon-image{width:18px;height:18px}.campaign-rule{border-radius:var(--app-radius);margin-top:22px;padding:18px 14px 20px}.campaign-rule__heading{margin-bottom:14px;font-size:16px;line-height:1.45}.campaign-rule__intro,.campaign-rule__subline,.campaign-rule__date,.campaign-rule__hotline{font-size:14px;line-height:1.9}.campaign-rule__section-title{margin:14px 0 8px;font-size:15px}.campaign-rule__list,.campaign-rule__steps{padding-left:22px}.campaign-rule__list li,.campaign-rule__steps li{margin-bottom:10px;font-size:14px;line-height:1.9}.gift-section__title{padding:14px 16px;font-size:18px}.gift-card{grid-template-columns:108px 1fr auto;gap:12px;padding:14px 12px 16px}.gift-card__images{gap:8px;width:108px}.gift-card__image--double{width:38px;height:86px}.gift-card__image--single{width:78px;height:96px}.gift-card__name{white-space:nowrap;font-size:13px;line-height:1.2}.gift-card__content p{font-size:12px}.gift-card__point{color:rgb(var(--c-gradient-start-rgb));font-size:14px}}.msg-popup-overlay{z-index:999;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.msg-popup{background:rgb(var(--c-app-bg-rgb));border-radius:var(--app-radius);text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:320px;padding:32px 24px 24px;display:flex;box-shadow:0 16px 40px #0000002e}.msg-popup__icon{width:52px;height:52px;color:rgb(var(--c-surface-rgb));background:linear-gradient(90deg, rgb(var(--c-primary-rgb)) 0%, rgb(var(--c-gradient-end-rgb)) 100%);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex}.msg-popup__title{color:rgb(var(--c-text-primary-rgb));margin:0;font-size:18px;font-weight:900}.msg-popup__text{color:rgb(var(--c-text-primary-rgb));margin:0;font-size:14px;line-height:1.6}.msg-popup__btn{cursor:pointer;width:100%;height:52px;color:rgb(var(--c-surface-rgb));background:linear-gradient(90deg, rgb(var(--c-primary-rgb)) 0%, rgb(var(--c-gradient-end-rgb)) 100%);border:none;border-radius:999px;margin-top:6px;font-size:15px;font-weight:800;box-shadow:0 8px 20px #c93d0a40}.sampling-guest-page{background:rgb(var(--c-app-bg-rgb));min-height:100vh;padding-bottom:124px;position:relative}.sampling-guest-banner{background:linear-gradient(90deg, #160e14 0%, #3d1520 45%, rgb(var(--c-primary-dark-rgb)) 100%);width:100%;min-height:180px;position:relative}.sampling-guest-banner__skeleton{background:linear-gradient(90deg,#2a1020 25%,#4a1828 50%,#2a1020 75%) 0 0/200% 100%;animation:1.2s ease-in-out infinite banner-shimmer;position:absolute;inset:0}@keyframes banner-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sampling-guest-banner__image{object-fit:contain;width:100%;height:auto;display:block;position:relative}.sampling-guest-page__content{padding:0 0 24px}.sampling-hero{background:linear-gradient(135deg, rgb(var(--c-primary-dark-rgb)) 0%, rgb(var(--c-primary-rgb)) 42%, rgb(var(--c-gradient-end-rgb)) 100%);border-radius:var(--app-radius);width:calc(100% - 80px);max-width:300px;margin:22px auto 0;padding:18px 16px 16px;box-shadow:0 14px 26px #af270038}.sampling-campaign-rule{width:calc(100% - 54px);max-width:330px;margin-left:auto;margin-right:auto}.sampling-gift-section{width:calc(100% - 24px);max-width:300px;margin-left:auto;margin-right:auto}.sampling-hero__badge{width:fit-content;color:rgb(var(--c-surface-rgb));background:#ffffff2e;border-radius:999px;margin:0 auto 16px;padding:7px 18px;font-size:11px;font-weight:800;line-height:1}.sampling-hero__title{text-align:center;color:rgb(var(--c-surface-rgb));text-transform:uppercase;margin:0;font-size:26px;font-weight:900;line-height:1.2}.sampling-hero__title--campaign{letter-spacing:.5px;max-width:240px;margin:0 auto;font-size:24px;line-height:1.3}.sampling-hero__desc,.sampling-logged-home__desc{text-align:center;max-width:210px;color:rgb(var(--c-app-bg-rgb));margin:14px auto 18px;font-size:13px;line-height:1.7}.sampling-hero__button,.sampling-logged-home__scan-button{background:rgb(var(--c-surface-rgb));width:170px;height:44px;color:rgb(var(--c-primary-dark-rgb));cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:0 auto;font-size:14px;font-weight:800;display:flex;box-shadow:0 6px 16px #5c210e1a}.sampling-hero__button-icon-image,.sampling-logged-home__scan-icon{object-fit:contain;width:18px;height:18px}.sampling-logged-home__scan-wrap{justify-content:center;margin:0 auto 18px;display:flex}.sampling-hero__product-frame,.sampling-logged-home__product-frame{border-radius:var(--app-radius);width:230px;height:auto;box-shadow:none;background:0 0;margin:14px auto 0;padding:0;position:relative;overflow:hidden;transform:rotate(2.5deg)}.sampling-logged-home__product-inner{border-radius:var(--app-radius);background:radial-gradient(circle,#7a4b17 0%,#1b120f 72%);width:100%;height:auto;position:relative;overflow:hidden}.sampling-hero__product-image,.sampling-logged-home__product-image{object-fit:contain;object-position:center center;width:100%;height:auto;margin:0;display:block;transform:none}.sampling-logged-home-card{background:rgb(var(--c-surface-rgb));z-index:3;border-radius:8px;width:330px;height:72px;margin:-18px auto 0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #9ee8ff,0 7px 12px #00000024}.sampling-logged-home-card__info{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:4px;padding:16px 16px 14px 20px;display:flex}.sampling-logged-home-card__info span{color:rgb(var(--c-text-primary-rgb));text-align:left;font-size:14px;line-height:1.1}.sampling-logged-home-card__info strong{color:rgb(var(--c-text-primary-rgb));white-space:nowrap;text-align:left;font-size:20px;font-weight:900;line-height:1.1}.sampling-logged-home-card__gift-box{background:linear-gradient(180deg, rgb(var(--c-primary-dark-rgb)) 0%, rgb(var(--c-gradient-end-rgb)) 100%);width:72px;color:rgb(var(--c-surface-rgb));flex-direction:column;justify-content:center;align-items:center;display:flex}.sampling-logged-home-card__gift-box strong{font-size:32px;font-weight:900;line-height:1}.sampling-logged-home-card__gift-box span{margin-top:3px;font-size:14px}.sampling-logged-home__hero{margin-top:22px}.sampling-campaign-rule{background:rgb(var(--c-surface-rgb));border:1.5px solid rgb(var(--c-gradient-end-rgb));color:rgb(var(--c-text-primary-rgb));text-align:left;border-radius:12px;margin-top:28px;padding:18px 18px 20px}.sampling-campaign-rule__heading{color:rgb(var(--c-gradient-start-rgb));text-transform:uppercase;margin:0 0 14px;font-size:13px;font-style:italic;font-weight:900;line-height:1.5}.sampling-campaign-rule__intro,.sampling-campaign-rule__subline,.sampling-campaign-rule__date,.sampling-campaign-rule__hotline{color:rgb(var(--c-text-primary-rgb));margin:0 0 10px;font-size:13px;font-weight:600;line-height:1.9}.sampling-campaign-rule__section-title{color:rgb(var(--c-gradient-start-rgb));text-transform:uppercase;margin:12px 0 8px;font-size:13px;font-style:italic;font-weight:900;line-height:1.5}.sampling-campaign-rule__list,.sampling-campaign-rule__steps{margin:0 0 12px;padding-left:16px}.sampling-campaign-rule__list li,.sampling-campaign-rule__steps li{color:rgb(var(--c-text-primary-rgb));margin-bottom:7px;font-size:13px;font-weight:600;line-height:1.9}.sampling-campaign-rule__hotline{margin-top:8px}.sampling-gift-section{margin-top:18px}.sampling-gift-section__title{border-radius:var(--app-radius);background:linear-gradient(90deg, rgb(var(--c-gradient-start-rgb)) 0%, rgb(var(--c-gradient-end-rgb)) 100%);text-align:center;width:100%;color:rgb(var(--c-surface-rgb));border:none;padding:13px 16px;font-size:14px;font-weight:900}.sampling-gift-section__title--button{cursor:pointer}.sampling-gift-list{flex-direction:column;gap:14px;margin-top:16px;display:flex}.sampling-gift-card{border:1.5px solid rgb(var(--c-gradient-end-rgb));border-radius:var(--app-radius);background:rgb(var(--c-surface-rgb));text-align:left;cursor:pointer;box-sizing:border-box;align-items:flex-start;gap:14px;width:100%;min-height:126px;padding:16px;display:flex;position:relative}.sampling-gift-card__images{flex:0 0 96px;justify-content:center;align-items:center;width:96px;height:96px;margin-top:2px;display:flex}.sampling-gift-card__image,.sampling-gift-card__image--double,.sampling-gift-card__image--single{object-fit:contain;width:100%;height:100%;display:block}.sampling-gift-card__content{flex:1;min-width:0}.sampling-gift-card__name{color:rgb(var(--c-primary-rgb));white-space:normal;margin:0 0 8px;font-size:15px;font-weight:900;line-height:1.3}.sampling-gift-card__content p{color:rgb(var(--c-text-primary-rgb));white-space:normal;margin:2px 0;font-size:14px;line-height:1.35}.sampling-gift-card__point{color:rgb(var(--c-gradient-end-rgb));white-space:nowrap;font-size:13px;font-weight:600;position:absolute;bottom:16px;right:16px}.sampling-gift-section__more{border-radius:var(--app-radius);background:rgb(var(--c-primary-rgb));width:100%;color:rgb(var(--c-text-on-primary-rgb));border:none;margin-top:14px;padding:11px 16px;font-size:12px;font-weight:800}.sampling-profile-anchor{height:1px}.sampling-logged-home__camera-video{object-fit:cover;-webkit-appearance:none;background:#000;border:none;outline:none;width:100%;height:100%;display:block}.sampling-logged-home__camera-scan-area{border-radius:var(--app-radius);pointer-events:none;z-index:2;border:3px dashed #ffffffeb;position:absolute;inset:24px 24px 90px}.sampling-camera-close{background:rgb(var(--c-surface-rgb));width:132px;height:36px;color:rgb(var(--c-primary-rgb));cursor:pointer;z-index:4;text-align:center;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:900;line-height:1.05;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)rotate(-2.5deg);box-shadow:0 8px 16px #0000002e}.reward-popup-overlay{z-index:99;background:#1e14149e;justify-content:center;align-items:flex-start;padding:118px 28px 40px;display:flex;position:absolute;inset:0}.reward-popup{border-radius:var(--app-radius);background:linear-gradient(180deg, rgb(var(--c-gradient-start-rgb)) 0%, rgb(var(--c-gradient-end-rgb)) 100%);width:100%;max-width:330px;color:rgb(var(--c-surface-rgb));text-align:center;padding:42px 24px 24px;position:relative;box-shadow:0 18px 38px #00000047}.reward-popup__close{width:28px;height:28px;color:rgb(var(--c-surface-rgb));cursor:pointer;background:0 0;border:none;font-size:24px;font-weight:500;line-height:1;position:absolute;top:12px;right:12px}.reward-popup__title{color:rgb(var(--c-surface-rgb));text-transform:uppercase;margin:0 0 18px;font-size:30px;font-weight:900;line-height:1.08}.reward-popup__gift-image{object-fit:contain;width:112px;height:auto;margin:0 auto 8px}.reward-popup__gift-name{color:rgb(var(--c-surface-rgb));margin-bottom:8px;font-size:16px;font-weight:800}.reward-popup__points{color:rgb(var(--c-surface-rgb));margin-top:-4px;font-size:54px;font-weight:900;line-height:1}.reward-popup__subtitle{color:rgb(var(--c-surface-rgb));margin-bottom:10px;font-size:14px;font-weight:800}.reward-popup__desc{max-width:260px;color:rgb(var(--c-app-bg-rgb));margin:0 auto 18px;font-size:13px;font-weight:600;line-height:1.45}.reward-popup__action{background:rgb(var(--c-surface-rgb));width:100%;height:44px;color:rgb(var(--c-primary-rgb));cursor:pointer;box-shadow:inset 0 0 0 5px rgb(var(--c-app-bg-rgb));border:none;border-radius:999px;font-size:13px;font-weight:900}.reward-popup__action+.reward-popup__action{margin-top:10px}.sampling-camera-message{z-index:4;width:132px;height:26px;color:rgb(var(--c-surface-rgb));text-align:center;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;border-radius:999px;padding:0 8px;font-size:10.5px;font-weight:700;line-height:26px;position:absolute;bottom:52px;left:50%;transform:translate(-50%)rotate(-2.5deg)}.sampling-logged-home__product-frame--camera{width:100%;transform:none}.sampling-logged-home__product-frame--camera .sampling-logged-home__product-inner{aspect-ratio:4/5}.sampling-logged-home__product-frame--camera .sampling-camera-close,.sampling-logged-home__product-frame--camera .sampling-camera-message{transform:translate(-50%)}.mobile-shell__screen{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;height:100%;overflow:hidden auto}.mobile-shell__screen::-webkit-scrollbar{display:none}.auth-page{background:#d8d8d8;justify-content:center;align-items:flex-start;min-height:100vh;padding:16px;display:flex}.auth-page__container{background:rgb(var(--c-app-bg-rgb));width:100%;min-height:100%;padding:24px 18px 28px}.auth-page__logo{width:150px;margin:0 0 28px;display:block}.auth-page__hero{text-align:center;margin-bottom:22px}.auth-page__title{color:rgb(var(--c-text-primary-rgb));text-align:center;margin:0 0 18px;font-size:28px;font-weight:900;line-height:1.08}.auth-page__title span{color:rgb(var(--c-primary-rgb))}.auth-page__desc{color:rgb(var(--c-text-primary-rgb));text-align:center;max-width:330px;margin:0 auto;font-size:16px;line-height:1.9}.auth-tabs{background:rgb(var(--c-app-bg-rgb));border-radius:var(--app-radius);grid-template-columns:1fr 1fr;gap:0;margin-top:24px;margin-bottom:26px;padding:10px;display:grid}.auth-tabs__item{height:50px;color:rgb(var(--c-text-primary-rgb));box-shadow:none;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .2s;display:flex}.auth-tabs__item.is-active{background:rgb(var(--c-surface-rgb));color:rgb(var(--c-primary-rgb));box-shadow:0 4px 12px #b482821f}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-form--login{gap:24px}.auth-form__field{flex-direction:column;gap:10px;display:flex}.auth-form__label{color:rgb(var(--c-text-primary-rgb));text-align:left;padding-left:18px;font-size:15px;font-weight:700}.auth-form__input-wrap{border:1.5px solid rgb(var(--c-app-bg-rgb));background:rgb(var(--c-surface-rgb));color:#d3b5b5;border-radius:999px;align-items:center;gap:12px;height:64px;padding:0 18px;display:flex;position:relative}.auth-form__input-wrap input{min-width:0;color:rgb(var(--c-text-primary-rgb));caret-color:rgb(var(--c-primary-rgb));background:0 0;border:none;outline:none;flex:1;font-size:16px}.auth-form__input-wrap input::placeholder{color:#c9b1b1}.auth-form__input-icon,.auth-form__input-wrap svg{color:#d3b5b5;pointer-events:none;flex-shrink:0}.auth-form__date-input{min-width:0;color:rgb(var(--c-text-primary-rgb));appearance:none;caret-color:rgb(var(--c-primary-rgb));background:0 0;border:none;outline:none;flex:1;font-size:16px}.auth-form__date-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.auth-gender{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.auth-gender__item{border:1.5px solid rgb(var(--c-app-bg-rgb));background:rgb(var(--c-surface-rgb));height:64px;color:rgb(var(--c-text-primary-rgb));border-radius:999px;font-size:16px;font-weight:700;transition:all .2s}.auth-gender__item.is-active{background:rgb(var(--c-primary-rgb));border-color:rgb(var(--c-primary-rgb));color:rgb(var(--c-surface-rgb));box-shadow:0 10px 18px #c9470f29}.auth-form__input-wrap--error{border-color:#e53935}.auth-field-error{color:#e53935;text-align:left;margin-top:-4px;padding-left:18px;font-size:13px;font-weight:600;display:block}.auth-submit{background:linear-gradient(90deg, rgb(var(--c-gradient-start-rgb)) 0%, rgb(var(--c-gradient-end-rgb)) 100%);width:100%;height:74px;color:rgb(var(--c-surface-rgb));border:none;border-radius:999px;margin-top:10px;font-size:18px;font-weight:800;box-shadow:0 18px 30px #d86f4d33}.otp-page{background:#d8d8d8;justify-content:center;align-items:flex-start;min-height:100vh;padding:16px;display:flex}.otp-page__container{background:rgb(var(--c-app-bg-rgb));width:100%;min-height:100%;padding:24px 18px 28px;position:relative}.otp-page__back{color:rgb(var(--c-primary-rgb));background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:28px;left:18px}.otp-page__logo{width:120px;margin-bottom:32px;margin-left:44px;display:block}.otp-page__title{color:rgb(var(--c-text-primary-rgb));text-align:left;margin:48px 0 12px;font-size:32px;font-weight:900;line-height:1.1}.otp-page__title span{color:rgb(var(--c-primary-rgb))}.otp-page__desc{color:rgb(var(--c-text-primary-rgb));text-align:left;max-width:320px;margin:0 0 28px;font-size:15px;line-height:1.6}.otp-boxes{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:28px;display:grid}.otp-input{background:rgb(var(--c-app-bg-rgb));text-align:center;color:#7e8794;width:100%;height:66px;caret-color:rgb(var(--c-primary-rgb));border:none;border-radius:999px;outline:none;font-size:24px;font-weight:700}.otp-input:focus{box-shadow:0 0 0 2px #cf4b142e}.otp-resend-chip{border:1px solid rgb(var(--c-app-bg-rgb));background:rgb(var(--c-app-bg-rgb));width:fit-content;height:42px;color:rgb(var(--c-primary-rgb));border-radius:999px;align-items:center;gap:8px;margin:0 auto 18px;padding:0 18px;font-size:14px;font-weight:700;display:flex}.otp-lock-notice{background:rgb(var(--c-app-bg-rgb));border:1.5px solid rgb(var(--c-app-bg-rgb));border-radius:var(--app-radius);color:#c0392b;text-align:center;margin:0 auto 18px;padding:12px 16px;font-size:14px;font-weight:600}.otp-lock-countdown{color:rgb(var(--c-primary-dark-rgb));font-weight:700}.otp-input:disabled{background:rgb(var(--c-app-bg-rgb));color:#b89a9a;cursor:not-allowed}.otp-resend-text{text-align:center;color:#bcc3cf;cursor:not-allowed;background:0 0;border:none;width:fit-content;margin:0 auto 34px;font-size:18px;font-weight:700;display:block}.otp-resend-text.is-active{color:rgb(var(--c-primary-rgb));cursor:pointer}.otp-submit{background:linear-gradient(90deg, rgb(var(--c-gradient-start-rgb)) 0%, rgb(var(--c-gradient-end-rgb)) 100%);width:100%;height:74px;color:rgb(var(--c-surface-rgb));border:none;border-radius:999px;font-size:18px;font-weight:800;box-shadow:0 18px 30px #d86f4d33}.otp-method-popup-overlay{z-index:100;background:#2c1c1c73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.otp-method-popup{background:rgb(var(--c-app-bg-rgb));border-radius:var(--app-radius);border:1.5px solid rgb(var(--c-app-bg-rgb));width:100%;max-width:340px;padding:24px 20px 20px;position:relative;box-shadow:0 18px 36px #0000002e}.otp-method-popup__close{color:rgb(var(--c-text-primary-rgb));cursor:pointer;background:0 0;border:none;font-size:20px;font-weight:600;line-height:1;position:absolute;top:14px;right:16px}.otp-method-popup__title{text-align:center;color:rgb(var(--c-text-primary-rgb));margin:0;padding:0 36px;font-size:24px;font-weight:900;line-height:1.2}.otp-method-popup__desc{text-align:center;color:rgb(var(--c-text-primary-rgb));margin:10px 0 18px;font-size:15px;line-height:1.6}.otp-method-popup__actions{flex-direction:column;gap:12px;display:flex}.otp-method-popup__button{cursor:pointer;border:none;border-radius:999px;width:100%;height:54px;font-size:16px;font-weight:800;transition:all .2s}.otp-method-popup__button--primary{background:linear-gradient(90deg, rgb(var(--c-gradient-start-rgb)) 0%, rgb(var(--c-gradient-end-rgb)) 100%);color:rgb(var(--c-surface-rgb))}.otp-method-popup__button--secondary{background:rgb(var(--c-surface-rgb));color:rgb(var(--c-primary-rgb));border:2px solid rgb(var(--c-app-bg-rgb))}.otp-method-popup__button:hover{filter:brightness(1.02)}@media (width<=480px){.auth-page{background:rgb(var(--c-app-bg-rgb));padding:0}.auth-page__container{max-width:100%;min-height:100vh;padding:22px 16px 28px}.auth-page__title{font-size:24px}.auth-page__desc{max-width:320px;font-size:15px;line-height:1.8}.auth-form__input-wrap{height:60px}.auth-gender__item{height:60px;font-size:15px}.auth-submit{height:68px;font-size:17px}.otp-page{background:rgb(var(--c-app-bg-rgb));padding:0}.otp-page__container{max-width:100%;min-height:100vh;padding:22px 16px 28px}.otp-page__back{top:26px;left:16px}.otp-page__logo{margin-bottom:28px;margin-left:34px}.otp-page__title{font-size:24px}.otp-page__desc{font-size:15px;line-height:1.8}.otp-boxes{gap:8px}.otp-input{height:58px;font-size:22px}.otp-submit{height:68px;font-size:17px}}.auth-brand-logo{justify-content:flex-start;margin-bottom:16px;display:flex}.auth-brand-logo img{object-fit:contain;width:auto;height:60px}.point-popup__backdrop{z-index:100;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.point-popup{color:#1c1c1c;background:#fff;border-radius:18px 18px 0 0;width:100%;max-width:430px;box-shadow:0 -8px 32px #00000040}.point-popup__header{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 16px;display:flex}.point-popup__label{color:#6b6b6b;margin:0;font-size:13px;font-weight:600}.point-popup__balance{margin:4px 0 0;font-size:30px;font-weight:900;line-height:1}.point-popup__close{color:#6b6b6b;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px}.point-popup__buckets{border-top:1px solid #ececec;border-bottom:1px solid #ececec;grid-template-columns:repeat(4,1fr);display:grid}.point-popup__bucket{text-align:center;padding:12px 8px}.point-popup__bucket-label{color:#6b6b6b;margin:0;font-size:11px;line-height:1.25}.point-popup__bucket-value{margin:4px 0 0;font-size:14px;font-weight:800}.point-popup__bucket-value--pending{color:#1f6fd0}.point-popup__bucket-value--available{color:#1a8f4c}.point-popup__bucket-value--used{color:#c0392b}.point-popup__bucket-value--expired{color:#8a8a8a}.point-popup__near-expiry{color:#8b6200;background:#fff8e1;justify-content:space-between;align-items:center;padding:12px 20px;font-size:14px;font-weight:800;display:flex}.point-popup__list{max-height:220px;margin:0;padding:0 20px;list-style:none;overflow-y:auto}.point-popup__list-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;display:flex}.point-popup__list-item:last-child{border-bottom:0}.point-popup__empty{text-align:center;color:#8a8a8a;margin:0;padding:24px 20px;font-size:14px}.point-popup__footer{border-top:1px solid #ececec;padding:16px}.point-popup__cta{color:#fff;background:rgb(var(--c-primary-rgb));cursor:pointer;border:0;border-radius:999px;width:100%;padding:12px;font-size:14px;font-weight:700}.gift-page{background:rgb(var(--c-app-bg-rgb));box-sizing:border-box;min-height:100%;padding:18px 12px 110px}.gift-page__brand{width:fit-content;color:rgb(var(--c-surface-rgb));background:#e1251b;margin-bottom:18px;padding:8px 12px;font-size:28px;font-weight:900;line-height:1}.gift-page__point-card{background:linear-gradient(105deg, rgb(var(--c-primary-dark-rgb)) 0%, rgb(var(--c-primary-rgb)) 38%, rgb(var(--c-gradient-start-rgb)) 72%, rgb(var(--c-gradient-end-rgb)) 100%);border-radius:var(--app-radius);min-height:120px;color:rgb(var(--c-surface-rgb));justify-content:space-between;align-items:center;margin-bottom:20px;padding:24px 24px 22px;display:flex;box-shadow:0 14px 28px #c62d0629}.gift-page__point-content{flex-direction:column;flex:1;justify-content:center;display:flex}.gift-page__point-label{color:#ffffffe6;letter-spacing:.5px;text-align:left;text-transform:uppercase;margin-bottom:8px;margin-left:0;font-size:14px;font-weight:600;line-height:1}.gift-page__point-row{align-items:flex-end;gap:8px;display:flex}.gift-page__point-value{letter-spacing:-1px;font-size:60px;font-weight:900;line-height:1}.gift-page__point-unit{opacity:.9;margin-bottom:2px;font-size:16px;font-weight:500}.gift-page__point-pending{opacity:.8;margin-top:6px;font-size:12px;font-weight:600}.gift-page__point-icon{flex-shrink:0;justify-content:center;align-items:center;width:108px;height:108px;display:flex}.gift-page__point-icon img{object-fit:contain;opacity:.25;width:78px;height:78px}.gift-page__tabs-wrap{background:rgb(var(--c-app-bg-rgb));border-radius:999px;margin-bottom:18px;padding:8px}.gift-page__tabs{gap:8px;display:flex}.gift-page__tab{height:52px;color:rgb(var(--c-text-primary-rgb));cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;font-size:14px;font-weight:800;transition:all .2s}.gift-page__tab.is-active{background:rgb(var(--c-surface-rgb));color:rgb(var(--c-primary-rgb));box-shadow:0 2px 6px #0000000a}.gift-page__list{flex-direction:column;gap:14px;display:flex}.gift-page__card{border:1.5px solid rgb(var(--c-gradient-end-rgb));border-radius:var(--app-radius);background:rgb(var(--c-surface-rgb));text-align:left;cursor:pointer;box-sizing:border-box;align-items:center;gap:14px;width:100%;min-height:126px;padding:16px;display:flex;position:relative;overflow:hidden}.gift-page__card-image-wrap{flex:0 0 96px;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.gift-page__card-image{object-fit:contain;width:100%;height:100%;display:block}.gift-page__card-content{flex-direction:column;flex:1;min-width:0;padding-right:0;display:flex}.gift-page__card--wallet .gift-page__card-use{text-align:right;margin-left:auto}.gift-page__card-name{width:100%;max-width:100%;color:rgb(var(--c-primary-rgb));white-space:normal;margin-bottom:8px;font-size:15px;font-weight:900;line-height:1.3}.gift-page__card-content p{color:rgb(var(--c-text-primary-rgb));margin:2px 0;font-size:16px;line-height:1.35}.gift-page__card-point{color:rgb(var(--c-gradient-end-rgb));white-space:nowrap;font-size:15px;font-weight:500;position:absolute;bottom:14px;right:16px}.gift-page__empty{text-align:center;color:rgb(var(--c-text-primary-rgb));padding:24px 16px;font-size:14px}.gift-popup-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.gift-popup{border-radius:var(--app-radius);background:linear-gradient(180deg, rgb(var(--c-gradient-start-rgb)) 0%, rgb(var(--c-gradient-end-rgb)) 100%);width:100%;max-width:320px;color:rgb(var(--c-surface-rgb));padding:28px 20px 20px;position:relative;box-shadow:0 20px 40px #00000040}.gift-popup__close{width:32px;height:32px;color:rgb(var(--c-surface-rgb));cursor:pointer;background:#fff3;border:none;border-radius:50%;font-size:18px;position:absolute;top:12px;right:12px}.gift-popup__title{text-align:center;margin-bottom:16px;font-size:26px;font-weight:900;line-height:1.1}.gift-popup__image-wrap{justify-content:center;gap:10px;margin-bottom:16px;display:flex}.gift-popup__image{object-fit:contain;width:70px;height:auto}.gift-popup__section{margin-bottom:14px}.gift-popup__section strong{margin-bottom:6px;font-size:15px;font-weight:700;display:block}.gift-popup__section p{white-space:pre-line;margin:0;font-size:14px;line-height:1.3}.gift-popup__action{background:rgb(var(--c-surface-rgb));width:100%;height:48px;color:rgb(var(--c-primary-rgb));cursor:pointer;box-shadow:inset 0 0 0 4px rgb(var(--c-app-bg-rgb));border:none;border-radius:999px;font-size:15px;font-weight:900}.gift-popup__action.is-disabled{color:#7b7b7b;cursor:not-allowed}.gift-page__card--wallet{min-height:132px}.gift-page__card-use{color:rgb(var(--c-gradient-end-rgb));text-align:right;white-space:nowrap;align-self:flex-end;margin-top:12px;font-size:13px;font-weight:500}.gift-page__card-use--used{color:#aaa}.sampling-gift-popup-overlay{z-index:100;box-sizing:border-box;background:#2318189e;justify-content:center;align-items:flex-start;padding:100px 28px 130px;display:flex;position:absolute;inset:0}.sampling-gift-popup{border-radius:var(--app-radius);background:linear-gradient(180deg, rgb(var(--c-gradient-start-rgb)) 0%, rgb(var(--c-gradient-end-rgb)) 100%);width:100%;max-width:330px;color:rgb(var(--c-surface-rgb));padding:34px 28px 22px;position:relative;box-shadow:0 22px 38px #41262359}.sampling-gift-popup__close{color:rgb(var(--c-surface-rgb));cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:10px;right:12px}.sampling-gift-popup__title{color:rgb(var(--c-surface-rgb));text-align:center;margin:0 0 20px;font-size:38px;font-weight:900;line-height:.95}.sampling-gift-popup__image-wrap{justify-content:center;margin-bottom:22px;display:flex}.sampling-gift-popup__image{object-fit:contain;width:112px;height:auto}.sampling-gift-popup__section{text-align:left;margin-bottom:16px}.sampling-gift-popup__section strong{color:rgb(var(--c-surface-rgb));margin-bottom:6px;font-size:15px;font-weight:900;display:block}.sampling-gift-popup__section p{color:rgb(var(--c-surface-rgb));margin:0;font-size:14px;font-weight:500;line-height:1.35}.sampling-gift-popup__action{background:rgb(var(--c-surface-rgb));width:100%;height:50px;color:rgb(var(--c-primary-rgb));cursor:pointer;box-shadow:inset 0 0 0 6px rgb(var(--c-app-bg-rgb));border:none;border-radius:999px;margin-top:10px;font-size:14px;font-weight:900}.sampling-gift-popup__action--disabled{opacity:.7;color:#9ca3af!important;box-shadow:none!important;cursor:not-allowed!important;background:#d1d5db!important}.sampling-gift-popup__steps{flex-direction:column;gap:6px;display:flex}.sampling-gift-popup__steps p{color:rgb(var(--c-surface-rgb));margin:0;font-size:14px;font-weight:500;line-height:1.35}.gift-page__pagination{color:rgb(var(--c-text-primary-rgb));justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;padding:8px 4px 0;font-size:12px;display:flex}.gift-page__pagination-size{white-space:nowrap;align-items:center;gap:4px;display:flex}.gift-page__pagination-size select{color:rgb(var(--c-text-primary-rgb));background:0 0;border:none;outline:none;font-size:12px}.gift-page__pagination-info{white-space:nowrap}.gift-page__pagination-btn{background:rgb(var(--c-app-bg-rgb));width:28px;height:28px;color:rgb(var(--c-primary-rgb));cursor:pointer;border:none;border-radius:50%;font-size:24px;line-height:1}.gift-page__pagination-btn:disabled{opacity:.35;cursor:not-allowed}.redeem-success-overlay{z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.redeem-success-popup{background:linear-gradient(160deg, rgb(var(--c-primary-rgb)) 0%, rgb(var(--c-gradient-start-rgb)) 50%, rgb(var(--c-gradient-end-rgb)) 100%);border-radius:var(--app-radius);text-align:center;width:100%;max-width:320px;color:rgb(var(--c-surface-rgb));flex-direction:column;align-items:center;gap:6px;padding:20px;display:flex;box-shadow:0 24px 48px #b43c0a59}.redeem-success-popup__title{margin:0;font-size:22px;font-weight:900;line-height:1.2}.redeem-success-popup__gift-name{opacity:.95;margin:0;font-size:13px;font-weight:700}.redeem-success-popup__expiry{opacity:.85;margin:0;font-size:13px}.redeem-success-popup__expiry-status{font-weight:700}.redeem-success-popup__expiry-status--expired{color:#ffe0b2}.redeem-success-popup__expiry-status--valid{color:#c8f7c5}.redeem-success-popup__hint{opacity:.8;max-width:240px;margin:0;font-size:12px;line-height:1.4}.redeem-success-popup__qr-wrap{background:rgb(var(--c-surface-rgb));border-radius:12px;margin:8px 0 2px;padding:10px}.redeem-success-popup__code{letter-spacing:2px;margin:0;font-size:18px;font-weight:900}.redeem-success-popup__btn{cursor:pointer;border:none;border-radius:999px;width:100%;height:44px;font-size:13px;font-weight:800;transition:all .2s}.redeem-success-popup__btn--outline{color:rgb(var(--c-surface-rgb));background:0 0;border:2px solid #ffffffb3}.redeem-success-popup__btn--primary{background:rgb(var(--c-surface-rgb));color:rgb(var(--c-primary-rgb))}.profile-page{background:rgb(var(--c-app-bg-rgb));box-sizing:border-box;text-align:left;min-height:100%;padding:24px 24px 118px}.profile-page__brand{width:fit-content;color:rgb(var(--c-surface-rgb));background:#e1251b;margin:0 0 28px;padding:8px 12px;font-size:26px;font-weight:900;line-height:1}.profile-page__title{color:rgb(var(--c-text-primary-rgb));letter-spacing:-1px;text-align:left;margin:0 0 34px;font-size:48px;font-weight:900;line-height:.95}.profile-page__hero-card{background:rgb(var(--c-surface-rgb));border-radius:var(--app-radius);margin-bottom:22px;padding:34px 18px 28px;position:relative;overflow:hidden;box-shadow:0 8px 18px #5e2e260f}.profile-page__hero-card:before{content:"";z-index:0;background:#f5e0dee6;border-radius:50%;width:160px;height:160px;position:absolute;top:-36px;right:-36px}.profile-page__hero-card:after{content:"";z-index:0;background:#f8eebf9e;border-radius:50%;width:112px;height:112px;position:absolute;top:36px;right:28px}.profile-page__name{z-index:1;text-align:center;color:rgb(var(--c-text-primary-rgb));margin-bottom:20px;font-size:25px;font-weight:900;line-height:1.1;position:relative}.profile-page__badges{z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:relative}.profile-page__badge{letter-spacing:.1px;border-radius:999px;justify-content:center;align-items:center;height:28px;padding:0 14px;font-size:11px;font-weight:900;display:inline-flex}.profile-page__badge--points{background:rgba(var(--c-primary-rgb), .12);color:rgb(var(--c-primary-rgb))}.profile-page__badge--rewards{background:rgba(var(--c-primary-rgb), .12);color:rgb(var(--c-primary-dark-rgb))}.profile-page__pending-points{text-align:center;opacity:.65;margin-top:12px;font-size:11px;line-height:1.4}.profile-page__info-list{flex-direction:column;gap:16px;display:flex}.profile-page__info-card{background:rgb(var(--c-app-bg-rgb));border-radius:var(--app-radius);align-items:center;gap:18px;min-height:88px;padding:18px;display:flex}.profile-page__info-icon{background:rgb(var(--c-app-bg-rgb));width:50px;height:50px;color:rgb(var(--c-primary-rgb));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-page__info-content{text-align:left;flex:1;min-width:0}.profile-page__info-label{color:rgb(var(--c-primary-rgb));letter-spacing:.2px;text-align:left;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.profile-page__info-value{color:rgb(var(--c-text-primary-rgb));word-break:break-word;text-align:left;font-size:16px;font-weight:800;line-height:1.35;display:block}.profile-page__actions{flex-direction:column;gap:14px;margin-top:34px;display:flex}.profile-page__btn{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;font-size:15px;font-weight:900;transition:all .2s;display:inline-flex}.profile-page__btn span{line-height:1}.profile-page__btn--primary{background:linear-gradient(90deg, rgb(var(--c-gradient-start-rgb)) 0%, rgb(var(--c-gradient-end-rgb)) 100%);color:rgb(var(--c-surface-rgb));border:none;box-shadow:0 14px 22px #d94a212e}.profile-page__btn--primary:hover{transform:translateY(-1px)}.profile-page__btn--secondary{color:rgb(var(--c-text-primary-rgb));background:0 0;border:2px solid #efb0ad}.profile-page__btn--secondary:hover{background:rgb(var(--c-app-bg-rgb))}.profile-page__input,.profile-page__select{border:1.5px solid rgb(var(--c-app-bg-rgb));background:rgb(var(--c-surface-rgb));width:100%;max-width:230px;height:42px;color:rgb(var(--c-text-primary-rgb));box-sizing:border-box;border-radius:14px;outline:none;padding:0 14px;font-size:14px;font-weight:700}.profile-page__input:focus,.profile-page__select:focus{border-color:rgb(var(--c-gradient-start-rgb))}.profile-page__select{appearance:none}@media (width<=480px){.profile-page{padding:22px 24px 118px}.profile-page__brand{margin-bottom:28px;font-size:25px}.profile-page__title{margin-bottom:32px;font-size:46px}.profile-page__hero-card{padding:34px 16px 28px}.profile-page__name{font-size:24px}.profile-page__info-card{min-height:86px}}.profile-page__edit-input{border:1.5px solid rgb(var(--c-app-bg-rgb));background:rgb(var(--c-surface-rgb));width:100%;height:38px;color:rgb(var(--c-text-primary-rgb));box-sizing:border-box;border-radius:999px;outline:none;margin-top:2px;padding:0 14px;font-size:14px}.profile-page__edit-input:focus{border-color:rgb(var(--c-gradient-start-rgb))}.profile-page__edit-date-wrap{align-items:center;width:100%;display:flex;position:relative}.profile-page__edit-input--date{appearance:none;padding-right:36px}.profile-page__edit-input--date::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.profile-page__edit-date-icon{color:#d3b5b5;cursor:pointer;pointer-events:all;flex-shrink:0;position:absolute;right:14px}.profile-page__gender-row{gap:8px;margin-top:6px;display:flex}.profile-page__gender-btn{border:1.5px solid rgb(var(--c-app-bg-rgb));background:rgb(var(--c-surface-rgb));height:36px;color:rgb(var(--c-text-primary-rgb));cursor:pointer;border-radius:999px;flex:1;font-size:13px;font-weight:700;transition:all .2s}.profile-page__gender-btn.is-active{background:rgb(var(--c-primary-rgb));border-color:rgb(var(--c-primary-rgb));color:rgb(var(--c-surface-rgb))}.profile-page__guest-card{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 0 4px;display:flex;position:relative}.profile-page__guest-card-icon{color:rgb(var(--c-primary-rgb))}.profile-page__guest-card-text{color:rgb(var(--c-text-primary-rgb));margin:0;font-size:15px;font-weight:700}.profile-page__guest-card-actions{align-items:center;gap:10px;margin-top:4px;display:flex}.profile-page__guest-card-divider{color:#e0b8b8;font-size:16px;line-height:1}.profile-page__guest-card-btn{cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:800;transition:all .15s}.profile-page__guest-card-btn--login{background:linear-gradient(90deg, rgb(var(--c-gradient-start-rgb)) 0%, rgb(var(--c-gradient-end-rgb)) 100%);color:rgb(var(--c-surface-rgb));box-shadow:0 6px 14px #c9470f38}.profile-page__guest-card-btn--register{background:rgb(var(--c-surface-rgb));color:rgb(var(--c-primary-rgb));border:1.5px solid #f0c4b4}.profile-page__guest-card-btn:hover{filter:brightness(1.05)}.profile-page__guest{text-align:center;color:#888;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 16px;display:flex}.profile-page__guest-text{color:#666;margin:0;font-size:15px;line-height:1.5}.profile-page__guest-icon{color:rgb(var(--c-app-bg-rgb))}