:root{--color-primary:#11116b;--color-accent:#ff5132;--color-sub:#f0f0f0;--color-text:#333;--color-text-light:#666;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f8f9fa;--color-gray-200:#e9ecef;--color-gray-300:#dee2e6;--color-gray-400:#ced4da;--color-gray-500:#adb5bd;--color-gray-600:#6c757d;--color-gray-700:#495057;--color-gray-800:#343a40;--color-gray-900:#212529;--color-success:#28a745;--color-warning:#ffc107;--color-danger:#dc3545;--font-family:'Noto Sans JP' , 'Inter' , -apple-system , BlinkMacSystemFont , 'Segoe UI' , sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1) , 0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1) , 0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1) , 0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1) , 0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--transition-slower:500ms ease;--border-radius-sm:.25rem;--border-radius:.375rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--border-radius-full:9999px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family: var(--font-family);line-height:1.6;color:var(--color-text);background-color:var(--color-white)}a{color:inherit;text-decoration:none;transition:color var(--transition-normal)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.container{max-width:1152px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{position:fixed;width:100%;background-color:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);z-index:50}.header__inner{max-width:1152px;margin:0 auto;padding:0 1rem;height:4rem;display:flex;align-items:center;justify-content:space-between}@media (min-width:640px){.header__inner{padding:0 1.5rem}}.header__logo{display:flex;align-items:center;gap:.5rem}.header__logo-icon{width:2rem;height:2rem;background-color:var(--color-primary);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);flex-shrink:0}.header__logo-icon i{font-size:1.25rem}.header__logo-text{font-weight:700;font-size:var(--font-size-lg);letter-spacing:-.025em;color:var(--color-primary);line-height:1.2}@media (min-width:640px){.header__logo-text{font-size:var(--font-size-xl)}}.header__logo-subtitle{display:block;font-size:var(--font-size-xs);font-weight:400;color:var(--color-gray-500)}@media (min-width:640px){.header__logo-subtitle{display:inline;font-size:var(--font-size-sm);margin-left:.25rem}}.header__nav{display:flex;align-items:center;gap:1rem}.header__login-link{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500}.header__login-link:hover{color:var(--color-accent)}.header__register-btn{background-color:var(--color-accent);color:var(--color-white);font-size:var(--font-size-xs);font-weight:700;padding:.5rem 1rem;border-radius:var(--border-radius-full);box-shadow:var(--shadow-md);transition:all var(--transition-normal);white-space:nowrap}@media (min-width:640px){.header__register-btn{font-size:var(--font-size-sm);padding:.5rem 1.25rem}}.header__register-btn:hover{background-color:#dc2626;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero{background-color:var(--color-primary);background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.05) 0%,transparent 20%) , radial-gradient(circle at 90% 80%,rgba(255,81,50,.1) 0%,transparent 25%);color:var(--color-white);padding-top:7rem;padding-bottom:5rem;position:relative;overflow:hidden}@media (min-width:1024px){.hero{padding-top:9rem;padding-bottom:8rem}}.hero__inner{max-width:1152px;margin:0 auto;padding:0 1rem;position:relative;z-index:10}@media (min-width:640px){.hero__inner{padding:0 1.5rem}}.hero__content{display:flex;flex-direction:column;align-items:center;gap:3rem}@media (min-width:1024px){.hero__content{flex-direction:row;gap:4rem}}.hero__text{text-align:center}@media (min-width:1024px){.hero__text{width:50%;text-align:left}}.hero__badge{display:inline-block;background-color:rgba(255,81,50,.2);border:1px solid rgba(255,81,50,.4);border-radius:var(--border-radius-full);padding:.25rem 1rem;margin-bottom:1.5rem}.hero__badge-text{color:var(--color-accent);font-weight:700;font-size:var(--font-size-sm);letter-spacing:.05em}.hero__title{font-size:var(--font-size-4xl);font-weight:700;line-height:1.2;margin-bottom:1.5rem;word-break:keep-all;overflow-wrap:break-word;font-feature-settings:"palt" 1;text-align:center}@media (min-width:1024px){.hero__title{font-size:var(--font-size-5xl)}}.hero__title-accent{color:var(--color-accent)}.hero__description{color:rgba(209,213,219,1);font-size:var(--font-size-lg);margin-bottom:2rem;line-height:1.75;word-break:keep-all;overflow-wrap:break-word}.hero__buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width:640px){.hero__buttons{flex-direction:row}}@media (min-width:1024px){.hero__buttons{justify-content:flex-start}}.hero__reward-highlight{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;border-radius:var(--border-radius-xl);padding:.75rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 20px rgba(245,158,11,.3);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 4px 20px rgba(245, 158, 11, 0.3); }
    50% { box-shadow: 0 4px 30px rgba(245, 158, 11, 0.5); }
}.hero__reward-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f59e0b;border-radius:50%;color:#fff;font-size:1.25rem}.hero__reward-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem}.hero__reward-label{color:#92400e;font-size:var(--font-size-base);font-weight:600}.hero__reward-amount{color:#b45309;font-size:var(--font-size-2xl);font-weight:900;letter-spacing:-.02em}.hero__reward-suffix{color:#b45309;font-size:var(--font-size-lg);font-weight:700}@media (min-width:768px){.hero__reward-highlight{padding:1rem 2rem}.hero__reward-icon{width:48px;height:48px;font-size:1.5rem}.hero__reward-amount{font-size:var(--font-size-3xl)}}.hero__cta-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-accent);color:var(--color-white);font-size:var(--font-size-lg);font-weight:700;padding:1rem 2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.hero__cta-primary:hover{background-color:#dc2626;box-shadow:var(--shadow-xl)}.hero__cta-secondary{display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.1);color:var(--color-white);border:1px solid rgba(255,255,255,.3);font-size:var(--font-size-lg);font-weight:500;padding:1rem 2rem;border-radius:var(--border-radius-lg);backdrop-filter:blur(4px);transition:all var(--transition-normal)}.hero__cta-secondary:hover{background-color:rgba(255,255,255,.2)}.hero__note{margin-top:1rem;font-size:var(--font-size-sm);color:rgba(156,163,175,1)}.hero__visual{width:100%;max-width:28rem}@media (min-width:1024px){.hero__visual{width:50%;max-width:none}}.hero__card{background-color:var(--color-white);border-radius:var(--border-radius-2xl);padding:1.5rem;box-shadow:var(--shadow-2xl);transform:rotate(2deg);transition:transform var(--transition-slower)}.hero__card:hover{transform:rotate(0deg)}.hero__card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-gray-200)}.hero__card-label{font-size:var(--font-size-xs);color:var(--color-gray-400);font-weight:700;text-transform:uppercase}.hero__card-amount{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.hero__card-status{background-color:#dcfce7;color:#15803d;padding:.25rem .75rem;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:700}.hero__card-list{display:flex;flex-direction:column;gap:1rem}.hero__card-item{display:flex;align-items:center;gap:1rem}.hero__card-item--faded{opacity:.7}.hero__card-icon{width:2.5rem;height:2.5rem;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center}.hero__card-icon--blue{background-color:#dbeafe;color:#2563eb}.hero__card-icon--orange{background-color:#ffedd5;color:#ea580c}.hero__card-icon i{font-size:1.25rem}.hero__card-info{flex:1}.hero__card-store{font-weight:700;font-size:var(--font-size-sm);color:var(--color-gray-800)}.hero__card-date{font-size:var(--font-size-xs);color:var(--color-gray-500)}.hero__card-reward{font-weight:700;color:var(--color-accent)}.hero__card-pending{font-weight:700;color:var(--color-gray-400)}.hero__card-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-gray-200);text-align:center}.hero__card-footer-text{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:700}.hero__decoration{position:absolute;border-radius:var(--border-radius-full);filter:blur(48px)}.hero__decoration--top{top:0;right:0;width:16rem;height:16rem;background-color:var(--color-accent);opacity:.1;transform:translate(50%,-50%)}.hero__decoration--bottom{bottom:0;left:0;width:24rem;height:24rem;background-color:#3b82f6;opacity:.1;transform:translate(-50%,50%)}.merits{padding:5rem 0;background-color:var(--color-sub)}.merits__inner{max-width:1152px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.merits__inner{padding:0 1.5rem}}.merits__header{text-align:center;margin-bottom:4rem}.merits__label{color:var(--color-accent);font-weight:700;letter-spacing:.1em;font-size:var(--font-size-sm)}.merits__title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary);margin-top:.5rem}.merits__divider{width:4rem;height:.25rem;background-color:var(--color-accent);margin:1rem auto 0;border-radius:var(--border-radius-full)}.merits__description{color:var(--color-text-light);margin-top:1rem;max-width:42rem;margin-left:auto;margin-right:auto}.merits__grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.merits__grid{grid-template-columns:repeat(3,1fr)}}.merit-card{background-color:var(--color-white);padding:2rem;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);text-align:center;transition:box-shadow var(--transition-normal)}.merit-card:hover{box-shadow:var(--shadow-md)}.merit-card--featured{position:relative;overflow:hidden;border:2px solid rgba(255,81,50,.1)}.merit-card__badge{position:absolute;top:0;right:0;background-color:var(--color-accent);color:var(--color-white);font-size:var(--font-size-xs);font-weight:700;padding:.25rem .75rem;border-bottom-left-radius:var(--border-radius-lg)}.merit-card__icon{width:4rem;height:4rem;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.merit-card__icon--primary{background-color:#eff6ff;color:var(--color-primary)}.merit-card__icon--accent{background-color:#fef2f2;color:var(--color-accent)}.merit-card__icon i{font-size:1.875rem}.merit-card__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:.75rem}.merit-card__text{color:var(--color-text-light);font-size:var(--font-size-sm)}.flow{padding:5rem 0;background-color:var(--color-white)}.flow__inner{max-width:56rem;margin:0 auto;padding:0 1rem}@media (min-width:640px){.flow__inner{padding:0 1.5rem}}.flow__header{text-align:center;margin-bottom:4rem}.flow__label{color:var(--color-accent);font-weight:700;letter-spacing:.1em;font-size:var(--font-size-sm)}.flow__title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary);margin-top:.5rem}.flow__divider{width:4rem;height:.25rem;background-color:var(--color-accent);margin:1rem auto 0;border-radius:var(--border-radius-full)}.flow__timeline{display:flex;flex-direction:column;gap:2rem;position:relative}.flow__timeline::before{content:'';position:absolute;top:0;bottom:0;left:1.25rem;width:2px;background: linear-gradient(
        to bottom,
        transparent,
        var(--color-gray-200) 10%,
        var(--color-gray-200) 90%,
        transparent
    );transform:translateX(-50%)}@media (min-width:768px){.flow__timeline::before{left:50%}}.flow__step{position:relative;display:flex;align-items:center;justify-content:space-between}@media (min-width:768px){.flow__step{justify-content:normal}.flow__step:nth-child(odd) {flex-direction:row-reverse}}.flow__step-number{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--border-radius-full);border:4px solid var(--color-white);background-color:var(--color-primary);color:var(--color-white);flex-shrink:0;box-shadow:var(--shadow);z-index:10;font-weight:700}@media (min-width:768px){.flow__step-number{order:1}.flow__step:nth-child(odd) .flow__step-number {transform:translateX(50%)}.flow__step:nth-child(even) .flow__step-number {transform:translateX(-50%)}}.flow__step-content{width:calc(100% - 4rem);background-color:var(--color-white);padding:1.5rem;border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.flow__step-content:hover{box-shadow:var(--shadow-md)}@media (min-width:768px){.flow__step-content{width:calc(50% - 2.5rem)}}.flow__step-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.flow__step-icon{font-size:var(--font-size-2xl);color:var(--color-accent)}.flow__step-title{font-weight:700;font-size:var(--font-size-lg);color:var(--color-primary)}.flow__step-text{color:var(--color-text-light);font-size:var(--font-size-sm)}.auth-section{padding:5rem 0;background-color:var(--color-primary);position:relative;overflow:hidden}.auth-section::before{content:'';position:absolute;inset:0;opacity:.1;background-image:radial-gradient(var(--color-white) 1px,transparent 1px);background-size:20px 20px}.auth-section__inner{max-width:1152px;margin:0 auto;padding:0 1rem;position:relative;z-index:10}@media (min-width:640px){.auth-section__inner{padding:0 1.5rem}}.auth-section__grid{display:flex;flex-direction:column;align-items:stretch;gap:2rem}@media (min-width:1024px){.auth-section__grid{flex-direction:row;gap:3rem}}.login-form{background-color:var(--color-white);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-2xl);padding:2rem;display:flex;flex-direction:column;justify-content:center}@media (min-width:1024px){.login-form{width:41.666667%;padding:2.5rem}}.login-form__header{text-align:center;margin-bottom:2rem}.login-form__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.login-form__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500)}.login-form__body{display:flex;flex-direction:column;gap:1.25rem}.login-form__group{display:flex;flex-direction:column}.login-form__label{display:block;font-size:var(--font-size-sm);font-weight:700;color:var(--color-gray-700);margin-bottom:.25rem}.login-form__input-wrapper{position:relative}.login-form__input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-gray-400)}.login-form__input{width:100%;padding:.75rem 1rem .75rem 2.25rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);outline:none;transition:all var(--transition-normal)}.login-form__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(255,81,50,.1)}.login-form__input::placeholder{color:var(--color-gray-400)}.login-form__options{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm)}.login-form__remember{display:flex;align-items:center;cursor:pointer}.login-form__checkbox{width:1rem;height:1rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);accent-color:var(--color-accent)}.login-form__checkbox-label{margin-left:.5rem;color:var(--color-gray-600)}.login-form__forgot{color:var(--color-primary)}.login-form__forgot:hover{color:var(--color-accent)}.login-form__submit{width:100%;background-color:var(--color-primary);color:var(--color-white);font-weight:700;padding:.75rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.login-form__submit:hover{background-color:#1e3a8a;transform:translateY(-2px)}.register-cta{background:linear-gradient(to bottom right,var(--color-accent),#dc2626);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-2xl);padding:2rem;color:var(--color-white);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}@media (min-width:1024px){.register-cta{width:58.333333%;padding:2.5rem}}.register-cta__content{position:relative;z-index:10}.register-cta__badge{display:inline-block;background-color:rgba(255,255,255,.2);backdrop-filter:blur(4px);padding:.25rem 1rem;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:700;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.3)}.register-cta__title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:1rem;word-break:keep-all;overflow-wrap:break-word}@media (min-width:1024px){.register-cta__title{font-size:var(--font-size-4xl)}}.register-cta__description{color:rgba(255,255,255,.9);margin-bottom:2rem;max-width:100%;margin-left:auto;margin-right:auto;line-height:1.75;word-break:break-word;overflow-wrap:break-word}.register-cta__button{display:inline-block;width:100%;background-color:var(--color-white);color:var(--color-accent);font-size:var(--font-size-lg);font-weight:700;padding:1rem 2.5rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);margin-bottom:1rem}@media (min-width:640px){.register-cta__button{width:auto}}.register-cta__button:hover{background-color:var(--color-gray-100);transform:translateY(-2px)}.register-cta__terms{font-size:var(--font-size-xs);color:rgba(255,255,255,.7);word-break:break-word;overflow-wrap:break-word;max-width:100%}.register-cta__terms a{text-decoration:underline}.register-cta__terms a:hover{color:var(--color-white)}.register-cta__decoration{position:absolute;border-radius:var(--border-radius-full);filter:blur(32px)}.register-cta__decoration--top{top:-50px;right:-50px;width:12rem;height:12rem;background-color:var(--color-white);opacity:.1}.register-cta__decoration--bottom{bottom:-30px;left:-30px;width:8rem;height:8rem;background-color:#facc15;opacity:.2}.footer{background-color:var(--color-gray-900);color:var(--color-white);padding:3rem 0;border-top:1px solid var(--color-gray-800)}.footer__inner{max-width:1152px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.footer__inner{padding:0 1.5rem}}.footer__content{display:flex;flex-direction:column;align-items:center}@media (min-width:768px){.footer__content{flex-direction:row;justify-content:space-between}}.footer__brand{margin-bottom:1.5rem;text-align:center}@media (min-width:768px){.footer__brand{margin-bottom:0;text-align:left}}.footer__logo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}@media (min-width:768px){.footer__logo{justify-content:flex-start}}.footer__logo-icon{font-size:var(--font-size-2xl);color:var(--color-accent)}.footer__logo-text{font-weight:700;font-size:var(--font-size-xl)}.footer__tagline{color:var(--color-gray-400);font-size:var(--font-size-sm)}.footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;font-size:var(--font-size-sm);color:var(--color-gray-400)}.footer__nav a:hover{color:var(--color-white)}.footer__bottom{border-top:1px solid var(--color-gray-800);margin-top:2rem;padding-top:2rem;text-align:center;font-size:var(--font-size-xs);color:var(--color-gray-500)}.btn{display:inline-block;padding:.75rem 1.5rem;font-size:var(--font-size-base);font-weight:600;text-align:center;border-radius:var(--border-radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-normal)}.btn:hover{text-decoration:none}.btn-primary{background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.btn-primary:hover{background-color:#dc2626;border-color:#dc2626}.btn-secondary{background-color:var(--color-white);color:var(--color-accent);border-color:var(--color-accent)}.btn-secondary:hover{background-color:var(--color-accent);color:var(--color-white)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-lg{padding:1rem 2rem;font-size:var(--font-size-lg)}.btn-block{display:block;width:100%}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.375rem;font-weight:500;color:var(--color-gray-700)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);transition:border-color var(--transition-normal) , box-shadow var(--transition-normal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(255,81,50,.1)}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:var(--color-danger)}.form-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:.25rem}.alert{padding:1rem 1.25rem;border-radius:var(--border-radius-md);margin-bottom:1.25rem}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.alert-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.card{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem}.card-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-gray-200)}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.table-responsive{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-gray-200)}.table th{background:var(--color-gray-100);font-weight:600;color:var(--color-gray-700)}.table tbody tr:hover{background:var(--color-gray-100)}.badge{display:inline-block;padding:.25rem .625rem;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--border-radius-full)}.badge-primary{background:var(--color-accent);color:var(--color-white)}.badge-success{background:var(--color-success);color:var(--color-white)}.badge-warning{background:var(--color-warning);color:var(--color-text)}.badge-danger{background:var(--color-danger);color:var(--color-white)}.badge-secondary{background:var(--color-gray-600);color:var(--color-white)}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.pagination a,.pagination span{padding:.5rem .875rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);color:var(--color-text);transition:all var(--transition-normal)}.pagination a:hover{background:var(--color-gray-100);text-decoration:none}.pagination .active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.app-layout{display:flex;min-height:100vh}.sidebar{width:250px;background:#1e293b;color:var(--color-white);padding:1.25rem 0;flex-shrink:0}.sidebar-logo{padding:0 1.25rem 1.25rem;border-bottom:1px solid #334155;margin-bottom:1.25rem}.sidebar-nav a{display:block;padding:.75rem 1.25rem;color:#cbd5e1;transition:background var(--transition-normal)}.sidebar-nav a:hover,.sidebar-nav a.active{background:#334155;text-decoration:none}.main-content{flex:1;padding:1.875rem;background:var(--color-gray-100)}.page-header{margin-bottom:1.875rem}.page-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-primary)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-bottom:1.875rem}}.stat-card{background:var(--color-white);padding:1rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow);text-align:center}@media (min-width:768px){.stat-card{padding:1.5rem}}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-accent)}@media (min-width:768px){.stat-value{font-size:2rem}}.stat-label{color:var(--color-text-light);margin-top:.25rem;font-size:var(--font-size-sm)}@media (min-width:768px){.stat-label{margin-top:.5rem;font-size:var(--font-size-base)}}.stat-card--primary{background:linear-gradient(135deg,var(--color-primary),#2d2d8b);color:var(--color-white)}.stat-card--primary .stat-value{color:var(--color-white)}.stat-card--primary .stat-label{color:rgba(255,255,255,.8)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:#1e293b;color:var(--color-white);padding:0 1rem;align-items:center;justify-content:space-between;z-index:999;box-shadow:0 2px 4px rgba(0,0,0,.1)}.mobile-menu-btn{width:40px;height:40px;background:transparent;border:none;color:var(--color-white);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);transition:background var(--transition-normal)}.mobile-menu-btn:hover{background:#334155}.mobile-logo{display:flex;align-items:center;gap:.5rem;color:var(--color-white);text-decoration:none;font-weight:700}.mobile-logo i{color:var(--color-accent);font-size:1.25rem}.mobile-logout{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-white);border-radius:var(--border-radius-md);transition:background var(--transition-normal)}.mobile-logout:hover{background:#334155;text-decoration:none}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}.sidebar-overlay.active{display:block}@media (max-width:768px){.mobile-header{display:flex}.sidebar{position:fixed;left:-250px;top:56px;height:calc(100% - 56px);z-index:1000;transition:left var(--transition-slow)}.sidebar.open{left:0}.main-content{padding:1.25rem;margin-top:56px}}.year-month-divider td{background:var(--color-gray-100);font-weight:600;color:var(--color-primary);padding:.5rem 1rem;font-size:var(--font-size-sm);border-bottom:2px solid var(--color-gray-200)}.referral-code-display{background:var(--color-gray-100);padding:1rem 1.5rem;border-radius:var(--border-radius-lg);font-family:monospace;font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);letter-spacing:.1em}.referral-link-box{display:flex;align-items:center;gap:1rem;background:var(--color-gray-100);padding:1rem;border-radius:var(--border-radius-md);flex-wrap:wrap}.referral-link-box code{flex:1;min-width:200px;word-break:break-all;font-size:var(--font-size-sm);color:var(--color-text)}.banner-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.banner-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.banner-grid{grid-template-columns:repeat(3,1fr)}}.banner-item{background:var(--color-gray-100);border-radius:var(--border-radius-lg);padding:1rem;display:flex;flex-direction:column;gap:1rem}.banner-preview{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);padding:1rem;display:flex;align-items:center;justify-content:center;min-height:100px}.banner-preview img{max-width:100%;height:auto}.banner-info{text-align:center}.banner-name{font-weight:600;color:var(--color-text);margin-bottom:.25rem}.banner-size{font-size:var(--font-size-sm);color:var(--color-text-light)}.banner-code{display:flex;flex-direction:column;gap:.5rem}.banner-textarea{width:100%;min-height:60px;padding:.5rem;font-size:var(--font-size-xs);font-family:monospace;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);resize:vertical;background:var(--color-white)}.text-muted{color:var(--color-text-light);font-size:var(--font-size-sm)}.btn-sm{padding:.5rem 1rem;font-size:var(--font-size-sm)}.filter-form{display:flex;flex-direction:column;gap:.75rem}@media (min-width:768px){.filter-form{flex-direction:row;flex-wrap:wrap;gap:1rem;align-items:flex-end}}.filter-group{display:flex;flex-direction:column;gap:.375rem;width:100%}@media (min-width:768px){.filter-group{width:auto}}.filter-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700)}.filter-select{padding:.625rem 2rem .625rem .75rem;font-size:var(--font-size-sm);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);background-color:var(--color-white);background-image:url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ width=\'12\'\ height=\'12\'\ viewBox=\'0\ 0\ 12\ 12\'%3E%3Cpath\ fill=\'%236c757d\'\ d=\'M6\ 8.5L1\ 3.5h10z\'/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right .75rem center;appearance:none;cursor:pointer;width:100%;transition:border-color var(--transition-normal) , box-shadow var(--transition-normal)}@media (min-width:768px){.filter-select{font-size:var(--font-size-base);min-width:150px;width:auto}}.filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(255,81,50,.1)}.data-table{width:100%;border-collapse:collapse;min-width:600px}.data-table th,.data-table td{padding:.75rem .75rem;text-align:left;border-bottom:1px solid var(--color-gray-200);font-size:var(--font-size-sm)}@media (min-width:768px){.data-table th,.data-table td{padding:.875rem 1rem;font-size:var(--font-size-base)}}.data-table th{background:var(--color-gray-100);font-weight:600;font-size:var(--font-size-sm);color:var(--color-gray-700);white-space:nowrap}.data-table tbody tr{transition:background-color var(--transition-normal)}.data-table tbody tr:hover{background:var(--color-gray-100)}.data-table tbody tr:last-child td{border-bottom:none}.pagination-link{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:var(--font-size-sm);color:var(--color-primary);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition-normal)}.pagination-link:hover{background:var(--color-gray-100);border-color:var(--color-primary);text-decoration:none}.pagination-info{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:var(--font-size-sm);color:var(--color-text-light)}.badge-info{background:#17a2b8;color:var(--color-white)}.withdraw-balance{text-align:center;padding:1rem 0}.withdraw-balance__amount{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-accent)}.input-with-unit{display:flex;align-items:center;gap:.5rem}.input-with-unit .form-input{flex:1;max-width:200px}.input-unit{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text-light)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:.375rem}.form-label{display:block;margin-bottom:.375rem;font-weight:500;color:var(--color-gray-700)}.form-input{width:100%;padding:.75rem 1rem;font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);transition:border-color var(--transition-normal) , box-shadow var(--transition-normal)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(255,81,50,.1)}.withdraw-calc{background:var(--color-gray-100);border-radius:var(--border-radius-md);padding:1rem;margin:1.5rem 0}.withdraw-calc__row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:var(--font-size-sm);color:var(--color-text-light)}.withdraw-calc__row:not(:last-child) {border-bottom:1px dashed var(--color-gray-300)}.withdraw-calc__row--total{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);padding-top:.75rem;margin-top:.25rem}.withdraw-bank{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);padding:1rem;margin-bottom:1.5rem}.withdraw-bank__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-light);margin-bottom:.75rem}.withdraw-bank__info{font-size:var(--font-size-base);color:var(--color-text);line-height:1.6}.withdraw-bank__info p{margin:.25rem 0}.color-gray-50{background-color:var(--color-gray-50)}.settings-section{margin-bottom:1.5rem}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:200px}.required{color:var(--color-danger);font-weight:600}.checkbox-group{margin-bottom:.75rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text)}.checkbox-label input[type="checkbox"]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.checkbox-label span{user-select:none}.rank-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius-full);font-weight:600;font-size:var(--font-size-sm)}.rank-badge__icon{font-size:1.25rem}.rank-badge--regular{background:linear-gradient(135deg,#e0e0e0 0%,#bdbdbd 100%);color:#424242}.rank-badge--bronze{background:linear-gradient(135deg,#d4a574 0%,#b8860b 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.rank-badge--silver{background:linear-gradient(135deg,#e8e8e8 0%,#a8a8a8 100%);color:#333;border:1px solid silver}.rank-badge--gold{background:linear-gradient(135deg,#ffd700 0%,#daa520 100%);color:#5d4e00;text-shadow:0 1px 2px rgba(255,255,255,.5);box-shadow:0 2px 8px rgba(218,165,32,.4)}.rank-card{background:linear-gradient(135deg,var(--color-primary) 0%,#1a1a8f 100%);border-radius:var(--border-radius-xl);padding:1.5rem;color:#fff;position:relative;overflow:hidden}.rank-card::before{content:'';position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:rgba(255,255,255,.05);border-radius:50%}.rank-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.rank-card__title{font-size:var(--font-size-sm);opacity:.8;margin-bottom:.25rem}.rank-card__name{font-size:var(--font-size-2xl);font-weight:700;display:flex;align-items:center;gap:.5rem}.rank-card__icon{font-size:2rem}.rank-card__icon--regular{color:#bdbdbd}.rank-card__icon--bronze{color:#d4a574}.rank-card__icon--silver{color:silver}.rank-card__icon--gold{color:#ffd700;text-shadow:0 0 10px rgba(255,215,0,.5)}.rank-card__progress{margin-top:1rem}.rank-card__progress-label{font-size:var(--font-size-xs);opacity:.8;margin-bottom:.5rem}.rank-card__progress-bar{height:6px;background:rgba(255,255,255,.2);border-radius:var(--border-radius-full);overflow:hidden}.rank-card__progress-fill{height:100%;background:linear-gradient(90deg,#ff5132,#ff8b6b);border-radius:var(--border-radius-full);transition:width .5s ease}.rank-card__next{font-size:var(--font-size-xs);opacity:.7;margin-top:.5rem}.settings-menu{display:flex;flex-direction:column}.settings-menu__item{display:flex;align-items:center;gap:.75rem;padding:1rem;color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-gray-200);transition:background var(--transition-normal)}.settings-menu__item:last-child{border-bottom:none}.settings-menu__item:hover{background:var(--color-gray-100)}.settings-menu__item i:first-child{font-size:1.25rem;color:var(--color-primary);width:1.5rem;text-align:center}.settings-menu__item span{flex:1;font-size:var(--font-size-base)}.settings-menu__arrow{color:var(--color-gray-400);font-size:1rem}.home-section{padding:80px 0}.home-section--alt{background-color:var(--color-gray-50)}.home-container{max-width:1000px;margin:0 auto;padding:0 1rem}@media (min-width:768px){.home-container{padding:0 1.5rem}}.home-section-title{text-align:center;font-size:var(--font-size-3xl);color:var(--color-primary);margin-bottom:.5rem;font-weight:900}.home-section-subtitle{text-align:center;display:block;color:var(--color-accent);font-family:'Inter',sans-serif;font-weight:700;letter-spacing:2px;margin-bottom:3rem;text-transform:uppercase;font-size:var(--font-size-sm)}.home-btn{display:inline-block;background-color:var(--color-accent);color:var(--color-white);font-weight:700;padding:1rem 3rem;border-radius:50px;font-size:var(--font-size-lg);box-shadow:0 4px 0 #cc552a;transition:all .2s;cursor:pointer;text-align:center;text-decoration:none}.home-btn:hover{transform:translateY(2px);box-shadow:0 2px 0 #cc552a;color:var(--color-white)}.home-btn--large{font-size:var(--font-size-xl);width:100%;max-width:400px;padding:1.25rem 3rem}.home-hero{position:relative;padding-top:100px;padding-bottom:80px;text-align:center;overflow:hidden;min-height:90vh;display:flex;align-items:center;justify-content:center}.home-hero__video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:-2;object-fit:cover}.home-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(
        180deg,
        rgba(17, 17, 107, 0.75) 0%,
        rgba(17, 17, 107, 0.65) 50%,
        rgba(17, 17, 107, 0.8) 100%
    );z-index:-1}.home-hero .home-container{position:relative;z-index:1}.home-hero__catchphrase{font-weight:700;letter-spacing:1px;margin-bottom:.75rem;color:#ffcba4;font-size:var(--font-size-base);text-shadow:0 2px 4px rgba(0,0,0,.3)}.home-hero__title{font-size:2.5rem;line-height:1.4;color:var(--color-white);margin-bottom:1.5rem;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.4)}@media (min-width:768px){.home-hero__title{font-size:3.5rem}}.home-hero__mark{background:linear-gradient(transparent 60%,rgba(255,107,53,.6) 60%)}.home-hero__description{font-size:var(--font-size-lg);color:rgba(255,255,255,.9);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;text-shadow:0 1px 3px rgba(0,0,0,.3)}.home-hero__note{margin-top:1rem;font-size:var(--font-size-sm);color:rgba(255,255,255,.7)}.home-mechanism__box{display:flex;justify-content:center;align-items:center;gap:1.25rem;margin:3rem 0;flex-wrap:wrap}.home-mech-card{background:var(--color-white);border:3px solid var(--color-primary);border-radius:var(--border-radius-xl);padding:2rem 1.5rem;width:220px;text-align:center;box-shadow:8px 8px 0 rgba(17,17,107,.1)}.home-mech-card--highlight{border-color:var(--color-accent);background:#fffbf5}.home-mech-card__icon{font-size:3rem;color:var(--color-accent);margin-bottom:1rem}.home-mech-card__title{font-weight:900;color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:.5rem}.home-mech-card__title--accent{color:var(--color-accent)}.home-mech-card__desc{font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-light)}.home-arrow-icon{font-size:2rem;color:var(--color-primary);animation:bounceRight 2s infinite}@keyframes bounceRight {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(10px); }
}@keyframes bounceDown {
    0%, 100% { transform: rotate(90deg) translateX(0); }
    50% { transform: rotate(90deg) translateX(10px); }
}@media (max-width:768px){.home-mechanism__box{flex-direction:column}.home-arrow-icon{animation:bounceDown 2s infinite;margin:.5rem 0}}.home-mechanism__summary{text-align:center;font-size:var(--font-size-lg);line-height:1.8}.home-mechanism__summary b{background:linear-gradient(transparent 70%,#ffebcd 70%)}.home-promo{background-color:var(--color-primary);color:var(--color-white);border-radius:var(--border-radius-2xl);overflow:hidden;display:flex;flex-direction:column;margin-bottom:2rem;box-shadow:var(--shadow-xl)}@media (min-width:768px){.home-promo{flex-direction:row}}.home-promo--reversed{background-color:var(--color-white);color:var(--color-text);border:2px solid var(--color-primary)}@media (min-width:768px){.home-promo--reversed{flex-direction:row-reverse}}.home-promo__content{padding:2.5rem;flex:1;display:flex;flex-direction:column;justify-content:center}@media (min-width:768px){.home-promo__content{padding:3.5rem}}.home-promo__image{flex:1;min-height:280px;position:relative}@media (min-width:768px){.home-promo__image{min-height:400px}}.home-promo__image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.home-promo__badge{display:inline-block;background:var(--color-accent);color:var(--color-white);padding:.25rem 1rem;border-radius:20px;font-size:var(--font-size-sm);font-weight:700;margin-bottom:1rem;align-self:flex-start}.home-promo--reversed .home-promo__badge{background:#4ecdc4}.home-promo__title{font-size:var(--font-size-2xl);font-weight:900;margin-bottom:1rem;line-height:1.4}.home-promo__text{margin-bottom:1.5rem;font-size:var(--font-size-base);opacity:.9;line-height:1.8}.home-promo__tags{display:flex;gap:.5rem;flex-wrap:wrap}.home-promo__tag{padding:.25rem .75rem;border-radius:4px;font-size:var(--font-size-sm);border:1px solid rgba(255,255,255,.3)}.home-promo--reversed .home-promo__tag{border:1px solid var(--color-gray-300);background:var(--color-gray-100);color:var(--color-text-light)}.home-target__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.home-target__grid{grid-template-columns:repeat(3,1fr)}}.home-target__item{background:var(--color-white);padding:1.5rem;border-radius:var(--border-radius-lg);border-left:6px solid var(--color-accent);box-shadow:var(--shadow-md);display:flex;align-items:flex-start;gap:1rem}.home-target__icon{font-size:1.75rem;color:var(--color-primary);background:var(--color-gray-100);padding:1rem;border-radius:50%;flex-shrink:0}.home-target__title{color:var(--color-primary);font-weight:700;margin-bottom:.5rem;font-size:var(--font-size-base)}.home-target__text{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.6}.home-reward__intro{text-align:center;margin-bottom:2.5rem;font-size:var(--font-size-base);color:var(--color-text-light)}.home-reward__ladder{max-width:800px;margin:0 auto}.home-ladder__item{display:flex;align-items:center;background:var(--color-white);border:2px solid var(--color-gray-200);margin-bottom:1rem;border-radius:var(--border-radius-lg);padding:1rem;transition:all .3s}.home-ladder__item--highlight{border:3px solid var(--color-accent);background:#fff8f0;transform:scale(1.03);box-shadow:0 10px 30px rgba(255,107,53,.15)}.home-ladder__rank{width:100px;font-weight:900;font-size:var(--font-size-base);color:var(--color-primary);text-align:center;flex-shrink:0}.home-ladder__rank i{margin-right:.25rem}.home-ladder__cond{flex:1;padding:0 1rem;font-size:var(--font-size-sm);color:var(--color-text-light);border-left:2px solid var(--color-gray-200);border-right:2px solid var(--color-gray-200)}.home-ladder__price{width:120px;text-align:center;font-size:var(--font-size-xl);font-weight:900;color:var(--color-accent);flex-shrink:0}.home-ladder__price span{font-size:var(--font-size-sm);color:var(--color-gray-500)}.home-ladder__arrow{text-align:center;font-size:1.5rem;color:var(--color-gray-300);margin:-.75rem 0 .25rem 0}@media (max-width:768px){.home-ladder__item{flex-direction:column;text-align:center;gap:.75rem}.home-ladder__cond{border:none;border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200);padding:.75rem 0;width:100%}.home-ladder__price{font-size:var(--font-size-lg)}}.home-cta{background-color:var(--color-primary);color:var(--color-white);text-align:center;padding:5rem 0}.home-cta__title{font-size:var(--font-size-3xl);margin-bottom:1rem;font-weight:900}.home-cta__text{margin-bottom:2.5rem;font-size:var(--font-size-lg);opacity:.9;line-height:1.8}.home-cta .home-btn{box-shadow:0 4px 0 #b34a20}