*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html,body{width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}body{min-height:100vh;display:flex;justify-content:center;align-items:center;background-repeat:no-repeat;flex-direction:column;background-size:cover;background-position:center;background-attachment:fixed;overflow-y:auto}h1{text-align:center;font-size:2.5rem;font-weight:900;margin-top:20px;margin-bottom:0;color:#000}.glass-container{position:relative;width:400px;padding:30px;border-radius:20px;-webkit-backdrop-filter:blur(110px);backdrop-filter:blur(110px);border:1 solid rgba(255,255,255,.4);box-shadow:0 25px 45px #100f0f66;z-index:10;overflow:hidden;margin:30px 0;height:550px}.glass-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff0d;transform:skew(-15deg);transition:.5s;pointer-events:none}.glass-container:hover:before{left:120%}.glass-container h2{color:#000;font-size:28px;font-weight:700;text-align:center;letter-spacing:1px;margin-bottom:40px}.input__group{position:relative;margin-bottom:30px}.input__group input{width:100%;padding:15px 20px;background:#fff3;border:none;outline:none;border-radius:10px;font-size:16px;color:#000;transition:all .3s ease}.input__group input::placeholder{color:#ffffffb3}.input__group input:focus{background:#ffffff4d;box-shadow:0 8px 20px #0000001a}.input__group label{position:absolute;top:50%;left:20px;transform:translateY(-50%);color:#000;font-size:16px;pointer-events:none;transition:all .3s ease}.input__group input:focus+label,.input__group input:valid+label{top:-15px;left:0;font-size:14px;padding:2px 8px;border-radius:10px;color:#000}.remember-forget{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#000;margin-bottom:25px}.remember-forget label{display:flex;align-items:center;cursor:pointer}.remember-forget input{margin-right:8px;accent-color:black}.remember-forget a{color:#000;text-decoration:none;transition:all .3s ease}.remember-forget a:hover{text-decoration:underline}.login-btn{width:100%;padding:15px;background:#000;border:none;outline:none;border-radius:35px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0000001a}.login-btn:hover{background:#fff6;transform:translateY(-3px);box-shadow:0 8px 20px #fff3;color:#000}.sign_up{text-align:center;margin-top:25px;color:#000;font-size:14px}.sign_up a{color:#000;font-weight:600;text-decoration:none;transition:all .3s ease}.sign_up a:hover{text-decoration:underline}.glass-container1{position:relative;width:30rem;padding:30px;border-radius:20px;-webkit-backdrop-filter:blur(110px);backdrop-filter:blur(110px);background:#ffffff1a;border:1 solid rgba(255,255,255,.4);box-shadow:0 25px 45px #100f0f66;z-index:10;overflow:hidden;margin:20px 0;height:45rem}.glass-container1:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff0d;transform:skew(-15deg);transition:.5s;pointer-events:none}.glass-container1:hover:before{left:120%}.glass-container1 h3{color:#000;font-size:28px;font-weight:700;text-align:center;letter-spacing:1px;padding-bottom:2rem}.container1{display:flex;gap:1rem}.signup-container{margin-bottom:25px}.signup-container label{font-weight:600;display:block;margin-bottom:8px;color:#000}.birthdate{display:flex;justify-content:space-between;gap:10px}.birthdate select{flex:1;padding:12px 15px;background:#fff3;border:none;outline:none;border-radius:10px;font-size:16px;color:#000;transition:all .3s ease;appearance:none;text-align:center}.birthdate select:focus{background:#ffffff4d;box-shadow:0 8px 20px #0000001a}.birthdate select::-webkit-scrollbar{display:none}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(/Gemini_Generated_Image_ly0y6zly0y6zly0y.png);background-repeat:no-repeat;flex-direction:column;background-size:cover;background-position:center;background-attachment:fixed;overflow-y:auto}.login-brand-title{text-align:center;font-size:10rem;font-weight:900;margin-top:100px;margin-bottom:0;color:#000;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.login-glass-container{position:relative;width:400px;padding:50px;border-radius:20px;-webkit-backdrop-filter:blur(110px);backdrop-filter:blur(110px);background:#ffffff1a;border:1px solid rgba(255,255,255,.4);box-shadow:0 25px 45px #100f0f66;z-index:10;overflow:hidden;margin:30px 0;min-height:700px}.login-glass-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff0d;transform:skew(-15deg);transition:.5s;pointer-events:none}.login-glass-container:hover:before{left:120%}.login-glass-container h2{color:#000;font-size:28px;font-weight:700;text-align:center;letter-spacing:1px;margin-bottom:40px}.login-input-group{position:relative;margin-bottom:30px}.login-input-group input{width:100%;padding:15px 20px;background:#fff3;border:none;outline:none;border-radius:10px;font-size:16px;color:#000;transition:all .3s ease}.login-input-group input::placeholder{color:transparent}.login-input-group input:focus{background:#ffffff4d;box-shadow:0 8px 20px #0000001a}.login-input-group label{position:absolute;top:50%;left:20px;transform:translateY(-50%);color:#000;font-size:16px;pointer-events:none;transition:all .3s ease}.login-input-group input:focus+label,.login-input-group input:valid+label{top:-15px;left:0;font-size:14px;padding:2px 8px;border-radius:10px;color:#000}.login-remember-forget{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#000;margin-bottom:25px}.login-remember-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.login-remember-label input{margin-right:8px;accent-color:black;cursor:pointer;width:16px;height:16px}.login-remember-forget a{color:#000;text-decoration:none;transition:all .3s ease}.login-remember-forget a:hover{text-decoration:underline}.login-btn:active{transform:translateY(-1px)}.login-sign-up{text-align:center;margin-top:25px;color:#000;font-size:16px}.login-sign-up p{margin:0}.login-sign-up a{color:#000;font-weight:600;text-decoration:none;transition:all .3s ease}.login-sign-up a:hover{text-decoration:underline}@media(max-width:1024px){.glass-container,.login-glass-container{width:90%;padding:20px}h1,.login-brand-title{font-size:7rem;margin-top:50px;margin-bottom:10px}}.verify-email-content{text-align:center;padding:40px 20px;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-state{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{width:60px;height:60px;border:4px solid rgba(0,0,0,.1);border-top:4px solid #000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state h2{color:#000;font-size:24px;font-weight:600;margin:0}.loading-state p{color:#000000b3;font-size:16px;margin:0}.success-state{display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeIn .5s ease-in}.success-icon{width:80px;height:80px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:50px;color:#fff;animation:scaleIn .5s ease-out}.success-state h2{color:#4caf50;font-size:28px;font-weight:700;margin:0}.success-state p{color:#000;font-size:16px;margin:10px 0;max-width:400px}.redirect-notice{color:#0009;font-size:14px;font-style:italic}.error-state{display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeIn .5s ease-in}.error-icon{width:80px;height:80px;background:#f44336;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:50px;color:#fff;animation:shake .5s ease-out}.error-state h2{color:#f44336;font-size:28px;font-weight:700;margin:0}.error-state p{color:#000;font-size:16px;margin:10px 0;max-width:400px}.action-buttons{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap;justify-content:center}.primary-btn,.secondary-btn{padding:12px 30px;border:none;border-radius:25px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none}.primary-btn{background:#000;color:#fff;box-shadow:0 4px 15px #0003}.primary-btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.secondary-btn{background:#0000001a;color:#000;border:2px solid #000}.secondary-btn:hover{background:#0003;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@media(max-width:480px){.verify-email-content{padding:20px 10px}.success-icon,.error-icon{width:60px;height:60px;font-size:40px}.success-state h2,.error-state h2{font-size:22px}.success-state p,.error-state p{font-size:14px}.action-buttons{flex-direction:column;width:100%}.primary-btn,.secondary-btn{width:100%}}.scroll-date-picker{display:flex;gap:10px;justify-content:space-between;margin-bottom:15px}.scroll-picker{flex:1;position:relative;background:#ffffff1a;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease}.scroll-picker.collapsed{height:50px}.scroll-picker.expanded{height:120px;cursor:default}.scroll-picker-placeholder-collapsed{display:flex;align-items:center;justify-content:center;height:100%;color:#0009;font-size:16px;font-weight:500;-webkit-user-select:none;user-select:none}.scroll-picker-container{height:100%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;position:relative;scroll-snap-type:y mandatory;scroll-padding-top:40px}.scroll-picker-container::-webkit-scrollbar{display:none}.scroll-picker-item{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;font-size:16px;color:#00000080;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;scroll-snap-align:start}.scroll-picker-item:hover{background:#fff3}.scroll-picker-item.selected{color:#000;font-weight:700;font-size:18px;background:#ffffff4d}.scroll-picker.expanded:before{content:"";position:absolute;top:40px;left:0;right:0;height:40px;background:#ffffff40;border-top:2px solid rgba(0,0,0,.2);border-bottom:2px solid rgba(0,0,0,.2);pointer-events:none;z-index:1}.scroll-picker.collapsed:hover{background:#ffffff26;border-color:#ffffff4d}.loyalty-section{margin-top:2rem}.view-history-btn{background:#000;border:none;color:#fff;padding:1.5rem 3rem;border-radius:12px;cursor:pointer;font-size:3.5rem;transition:all .2s}.view-history-btn:hover{background:#333;color:#fff}.loyalty-card{background:transparent;border-radius:0;padding:0;color:#000;box-shadow:none;border:none}.loyalty-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:10px}.points-display{display:flex;align-items:baseline;gap:1.5rem}.points-value{font-size:12rem;font-weight:800;letter-spacing:-4px;color:#111827}.points-label{font-size:5rem;opacity:.7;color:#374151}.tier-info{text-align:right}.tier-badge{display:inline-block;padding:1.5rem 3rem;border-radius:50px;font-weight:700;font-size:3.5rem;text-transform:uppercase;letter-spacing:4px;background:#000;color:#fff}.tier-badge[data-tier=bronze]{background:linear-gradient(135deg,#cd7f32,#8b4513)}.tier-badge[data-tier=silver]{background:linear-gradient(135deg,silver,gray)}.tier-badge[data-tier=gold]{background:linear-gradient(135deg,gold,#daa520);color:#333}.tier-badge[data-tier=platinum]{background:linear-gradient(135deg,#e5e4e2,#a9a9a9)}.tier-badge[data-tier=diamond]{background:linear-gradient(135deg,#b9f2ff,#00bfff)}.tier-discount{display:block;margin-top:1.5rem;font-size:3rem;color:#374151}.loyalty-stats{display:flex;gap:60px;padding:1rem 0;padding-bottom:10px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:6rem;font-weight:700;color:#111827}.stat-label{font-size:3rem;color:#6b7280;text-transform:uppercase;letter-spacing:2px}.referral-section{background:#f3f4f6;border-radius:12px;padding:1.5rem;padding-bottom:10px}.referral-label{font-size:3.5rem;color:#374151;display:block;margin-bottom:6px}.referral-code-box{display:flex;align-items:center;position:relative;gap:6px;padding-bottom:10px}.referral-code{background:#fff;padding:2rem;border-radius:12px;font-family:Courier New,monospace;font-size:5rem;font-weight:700;letter-spacing:6px;flex:1;color:#111827;border:1px solid #e5e7eb}.copy-btn{position:absolute;right:10px;background:transparent;border:none;padding:2.25rem 4.5rem;border-radius:0;cursor:pointer;font-size:16px;color:#000;font-weight:600;transition:all .2s}.copy-btn:hover{color:#666}.referral-hint{display:block;margin-top:1.5rem;font-size:3rem;color:#6b7280}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;color:#000;border-radius:64px;max-width:2000px;width:90%;max-height:80vh;overflow:hidden;box-shadow:none;position:relative;border:1px solid #ccc}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:6rem;border-bottom:4px solid #e5e7eb;background:#fff}.modal-header h3{margin:0;font-size:5rem;color:#000}.modal-close{position:absolute;top:2rem;right:2rem;background:transparent;border:none;font-size:6rem;cursor:pointer;color:#000;transition:color .2s}.modal-close:hover{color:#333}.transactions-list{padding:4rem;max-height:1600px;overflow-y:auto;background:#fff}.no-transactions{text-align:center;color:#000;padding:8rem;font-size:4rem;background:#fff}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:4rem;border-radius:32px;background:#f9fafb;margin-bottom:2rem}.transaction-info{display:flex;flex-direction:column;gap:1rem}.transaction-type{font-weight:700;font-size:4rem}.transaction-type.earn{color:#10b981}.transaction-type.spend{color:#ef4444}.transaction-desc{font-size:3.5rem;color:#6b7280}.transaction-date{font-size:3rem;color:#9ca3af}.points-redemption-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;padding:1.5rem;margin:1rem 0}.points-redemption-section h3{margin:0 0 .75rem;font-size:1rem;color:#92400e}.points-available{font-size:.875rem;color:#a16207;margin-bottom:1rem}.points-input-row{display:flex;gap:.75rem;align-items:center}.points-input{flex:1;padding:.75rem 1rem;border:2px solid #f59e0b;border-radius:8px;font-size:1rem;background:#fff}.points-input:focus{outline:none;border-color:#d97706}.apply-points-btn{padding:.75rem 1.5rem;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.apply-points-btn:hover{background:#d97706}.apply-points-btn:disabled{background:#d1d5db;cursor:not-allowed}.points-applied{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding:.75rem;background:#ffffff80;border-radius:8px}.points-applied-text{color:#065f46;font-weight:600}.remove-points-btn{background:transparent;border:none;color:#dc2626;cursor:pointer;font-size:.875rem}.tiers-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.tier-card{background:#fff;border-radius:16px;padding:1.5rem;border:2px solid #e5e7eb;text-align:center;transition:all .3s}.tier-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0000001a}.tier-card.current{border-color:#667eea;background:linear-gradient(135deg,#f5f7ff,#e8ecff)}.tier-icon{font-size:3rem;margin-bottom:1rem}.tier-card h3{margin:0 0 .5rem;font-size:1.25rem;color:#111827}.tier-points{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.tier-benefits{text-align:left;font-size:.875rem;color:#4b5563;line-height:1.6}.leaderboard-section{margin-top:12rem}.leaderboard-section h2{text-align:center;margin-bottom:6rem;font-size:12rem}.leaderboard-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;border:1px solid black}.leaderboard-table th,.leaderboard-table td{padding:4rem;text-align:left}.leaderboard-table th{background:#f3f4f6;font-weight:600;color:#374151;font-size:3.5rem;text-transform:uppercase;letter-spacing:2px}.leaderboard-table th:first-child{border-top-left-radius:12px}.leaderboard-table th:last-child{border-top-right-radius:12px}.leaderboard-table tr:last-child td:first-child{border-bottom-left-radius:12px}.leaderboard-table tr:last-child td:last-child{border-bottom-right-radius:12px}.leaderboard-table tr:not(:last-child) td{border-bottom:1px solid #e5e7eb}.leaderboard-rank{font-weight:700;color:#000;font-size:4rem}.leaderboard-rank.top-1,.leaderboard-rank.top-2,.leaderboard-rank.top-3{color:#000}.leaderboard-name{font-weight:500;font-size:4rem}.leaderboard-points{font-weight:700;color:#000;font-size:4rem}.referral-input-section{margin-top:1rem;padding:0;background:transparent;border-radius:0;border:none}.referral-input-section label{display:block;font-size:3.5rem;color:#166534;margin-bottom:2rem}.referral-input-section input{width:100%;padding:3rem;border:none;border-radius:0;font-size:4rem}.referral-input-section input:focus{outline:none;border-color:transparent}.referral-input-hint{font-size:3rem;color:#16a34a;margin-top:2rem}@media(max-width:768px){.loyalty-main{flex-direction:column;align-items:flex-start;gap:1rem}.tier-info{text-align:left}.points-value{font-size:2.5rem}.loyalty-stats{gap:1rem}.tiers-container{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;padding:40px;border-radius:0;max-width:600px;width:90%;position:relative;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:20px;right:20px;background:transparent;border:2px solid black;font-size:24px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;padding:0}.modal-close:hover{background:#000;color:#fff}.modal-header{text-align:center;padding-bottom:20px;border-bottom:1px solid #e0e0e0;margin-bottom:30px}.modal-main-title{font-size:24px;font-weight:700;letter-spacing:2px;margin:0;color:#000;text-transform:uppercase}.modal-title{font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:30px;text-align:left;color:#000;text-transform:uppercase}.modal-form{display:flex;flex-direction:column;gap:20px}.modal-input-group{position:relative;margin-bottom:15px}.modal-input-group input{width:100%;padding:15px;border:1px solid #ddd;font-size:14px;outline:none;transition:all .3s ease;background:#fff;color:#000}.modal-input-group input:focus{border-color:#000}.modal-input-group label{position:absolute;left:15px;top:50%;transform:translateY(-50%);background:#fff;padding:0 5px;color:#999;font-size:14px;transition:all .3s ease;pointer-events:none}.modal-input-group input:focus+label,.modal-input-group input:not(:placeholder-shown)+label{top:0;font-size:12px;color:#000}.modal-error{background-color:#ffebee;color:#f44336;padding:12px;border-radius:4px;font-size:13px;border:1px solid #ffcdd2;text-align:center}.modal-success{text-align:center;padding:40px 20px}.success-icon{width:80px;height:80px;background:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 20px;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.modal-success p{font-size:16px;color:#333}.modal-buttons{display:flex;flex-direction:column;gap:10px;margin-top:10px}.modal-btn{padding:15px 30px;border:none;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase}.modal-btn-primary{background:#000;color:#fff}.modal-btn-primary:hover{background:#333}.modal-btn-primary:disabled{background:#999;cursor:not-allowed}.modal-btn-secondary{background:transparent;color:#000;border:1px solid black}.modal-btn-secondary:hover{background:#000;color:#fff}.btn-arrow{font-size:18px;transition:transform .3s ease}.modal-btn:hover .btn-arrow{transform:translate(5px)}@media(max-width:768px){.modal-content{padding:30px 20px;width:95%}.modal-title{font-size:18px}}.user-dropdown{position:absolute;top:calc(100% + 1rem);right:0;width:320px;background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 30px 80px #0003;padding:3rem;display:flex;flex-direction:column;gap:1.8rem;z-index:100}.user-info{display:flex;align-items:center;justify-content:space-between;font-size:3.5rem;color:#4b5563;font-weight:600}.user-name{font-weight:700;color:#111827;font-size:3.5rem}.dropdown-divider{height:1px;background-color:#e5e7eb}.dropdown-item{display:flex;align-items:center;gap:1.2rem;font-size:3.5rem;color:#1f2937;text-decoration:none;padding:1rem 0;transition:color .2s ease,transform .2s ease}.dropdown-item svg{flex-shrink:0;width:24px;height:24px;color:#111827}.dropdown-item:hover{color:#000;transform:translate(4px)}.logout-btn,button.dropdown-item{background:none;border:none;width:100%;text-align:left;cursor:pointer}.dropdown-badge{background:#e74c3c;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;margin-left:auto}.notification-bell-container{position:relative}.notification-bell{border:none;background:transparent;color:inherit;cursor:pointer;padding:8px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.notification-bell:hover{background-color:#f3f4f6}.notification-bell svg{width:24px;height:24px}.notification-badge{position:absolute;top:0;right:0;background:#e74c3c;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;transform:translate(30%,-30%)}.notification-dropdown{position:absolute;top:calc(100% + 1rem);right:0;width:380px;max-height:500px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.notification-header h3{margin:0;font-size:18px;font-weight:700}.notification-actions{display:flex;gap:8px;align-items:center}.settings-icon,.close-btn{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;transition:color .2s}.settings-icon:hover,.close-btn:hover{color:#111827}.mark-all-read-btn{width:100%;padding:10px;background:#f3f4f6;border:none;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.mark-all-read-btn:hover{background:#e5e7eb}.notification-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#f3f4f6}.notification-item.unread:hover{background:#e5e7eb}.notification-content{flex:1}.notification-title{font-weight:600;font-size:14px;color:#111827;margin-bottom:4px}.notification-message{font-size:13px;color:#6b7280;margin-bottom:4px}.notification-time{font-size:12px;color:#9ca3af}.delete-btn{background:none;border:none;cursor:pointer;padding:4px;color:#9ca3af;transition:color .2s}.delete-btn:hover{color:#ef4444}.notification-loading,.notification-empty{padding:40px 20px;text-align:center;color:#9ca3af}.notification-empty svg{margin:0 auto 16px;opacity:.3}.notification-empty p{margin:0;font-size:14px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.preferences-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:20px;font-weight:700}.modal-body{padding:24px;overflow-y:auto;flex:1}.preferences-list{display:flex;flex-direction:column;gap:16px}.preference-item label{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.preference-item span{font-size:15px;color:#374151}.toggle-switch{position:relative;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:#10b981}.toggle-switch input:checked+.slider:before{transform:translate(24px)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb}.cancel-btn,.save-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background:#fff;border:1px solid #d1d5db;color:#374151}.cancel-btn:hover{background:#f9fafb}.save-btn{background:#111827;border:none;color:#fff}.save-btn:hover{background:#1f2937}.save-btn:disabled{opacity:.5;cursor:not-allowed}body{font-family:Inter,sans-serif;margin:0;color:gray;background-color:#fff;flex-direction:column;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}.header{border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:1000;background-color:#fff}.top-links{display:flex;justify-content:flex-end;align-items:center;padding:4px 70px 4px 16px;font-size:3rem;font-weight:500;gap:24px}.top-links a{text-decoration:none;color:gray}.top-links a:hover{color:#000}.navbar{display:flex;justify-content:space-between;align-items:center;padding:5px 24px}.logo{padding-left:50px}.logo a{display:flex;align-items:center;text-decoration:none;color:#000}.logo-icon{width:32px;height:32px}.logo span{font-size:6rem;font-weight:700;letter-spacing:-.02em}.menu{display:flex;justify-content:center;align-items:center;gap:32px;margin-left:20px}.menu a{text-transform:uppercase;font-size:3.5rem;font-weight:700;text-decoration:none;color:#000;letter-spacing:.05em}.menu a:hover{text-decoration:underline}.menu .outlet{color:red}.menu-item-wrapper{position:relative}.menu-item-wrapper>a{display:flex;align-items:center;gap:4px}.dropdown-arrow{transition:transform .2s ease}.menu-item-wrapper:hover .dropdown-arrow{transform:rotate(180deg)}.menu-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:12px 0;z-index:1000;animation:fadeInDown .2s ease-out}.menu-dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 20px;font-size:14px!important;font-weight:500!important;text-transform:none!important;color:#374151!important;transition:all .2s;white-space:nowrap}.menu-dropdown-item:hover{background:#f3f4f6;color:#111827!important;text-decoration:none!important}.menu-icon{font-size:16px}.icons{display:flex;align-items:center;gap:8px;padding-right:40px}.auth-buttons{display:flex;align-items:center;gap:.75rem;font-size:16px;font-weight:600;text-transform:none;letter-spacing:0}.auth-buttons a{color:#111;padding:.5rem 1rem;text-decoration:none}.auth-buttons a:hover{text-decoration:underline}.auth-divider{width:1px;height:16px;background-color:#d1d5db}.icon{padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.icon:hover{background-color:#f3f4f6}.icon svg{width:24px;height:24px}.icon.cart{position:relative}.cart-badge{position:absolute;top:0;right:0;background:#e74c3c;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;transform:translate(30%,-30%)}.user-icon{border:none;background:transparent;color:inherit;cursor:pointer;padding:8px}.user-icon:focus-visible{outline:2px solid #111;outline-offset:2px}.user-menu{position:relative}.user-icon-badge{position:absolute;top:-4px;right:-4px;background:#e74c3c;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}.search{position:relative}.search input{background:#f3f4f6;border:none;border-radius:9999px;padding:8px 16px;width:400px;transition:box-shadow .3s;font-size:3.5rem}.search input:focus{outline:none;box-shadow:0 0 0 2px #000}.icon{color:gray}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:gray;pointer-events:auto;cursor:pointer;transition:color .2s}.search-icon:hover{color:#000}.search-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:400px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:none;height:250px;overflow-y:auto;padding:1.5rem;z-index:1100;animation:fadeInDown .2s ease-out;display:flex;flex-direction:column}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-section{margin-bottom:2rem}.search-section:last-child{margin-bottom:0}.search-section-title{display:flex;align-items:center;gap:.8rem;font-size:2.8rem;font-weight:700;color:#111;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.search-suggestion-item{display:flex;justify-content:space-between;align-items:center;padding:1rem .8rem;border-radius:8px;cursor:pointer;transition:all .2s}.search-suggestion-item:hover{background-color:#f3f4f6}.suggestion-text{font-size:2.8rem;color:#4b5563;font-weight:500}.search-suggestion-item:hover .suggestion-text{color:#111}.suggestion-count{font-size:2.2rem;background:#f3f4f6;padding:2px 8px;border-radius:99px;color:#9ca3af}.search-loading,.no-suggestions{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:3.5rem;color:#9ca3af}.history-item .suggestion-text{position:relative;padding-left:0}.popular-item .suggestion-text{font-weight:600}.recent-products-grid{display:flex;flex-direction:column;gap:1.2rem}.recent-product-item{display:flex;gap:1.2rem;padding:.8rem;border-radius:8px;text-decoration:none;transition:background .2s}.recent-product-item:hover{background:#f9fafb}.recent-product-image{width:50px;height:50px;border-radius:6px;overflow:hidden;background:#f3f4f6;flex-shrink:0}.recent-product-image img{width:100%;height:100%;object-fit:contain}.recent-product-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.recent-product-name{font-size:1.3rem;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.2rem}.recent-product-price{font-size:1.2rem;color:#6b7280;font-weight:500}.most-viewed-section{padding:8rem 0;background-color:#f9fafb}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem}.view-all{font-size:1.6rem;font-weight:600;color:#111;text-decoration:none}.view-all:hover{text-decoration:underline}.product-card{background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px -1px #0000001a}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.product-image{aspect-ratio:1;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain}.product-info{padding:1.5rem}.product-name{font-size:1.6rem;font-weight:700;color:#111;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-price{font-size:1.8rem;font-weight:800;color:#000;margin-bottom:1rem}.product-views{font-size:1.2rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.cart{position:relative}.cart span{position:absolute;top:0;right:0;width:16px;height:16px;background:#000;color:#fff;font-size:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.mobile-menu{display:none;justify-content:space-around;align-items:center;padding:12px;border-top:1px solid #e5e7eb;background:#fff}.mobile-menu a{text-transform:uppercase;font-size:3.5rem;font-weight:700;text-decoration:none;color:#000;text-align:center;flex:1}.mobile-menu .outlet{color:red}.mobile-menu a:hover{text-decoration:underline}@media(max-width:1024px){.top-links,.menu{display:none}.mobile-menu{display:flex}.navbar{border-top:none}.logo{padding-left:0}.search input{width:120px;font-size:14px;padding:6px 12px}.search-icon{width:18px;height:18px;right:8px}.logo.logo span{font-size:4rem}.logo-icon{width:28px;height:28px}.icons{padding-right:0}.auth-buttons{font-size:14px;gap:.5rem;white-space:nowrap}.auth-buttons a{padding:.3rem .5rem}.search-dropdown{width:200px;height:130px;padding:1rem;font-size:12px}.search-section{margin-bottom:1rem}.search-section-title{font-size:12px;margin-bottom:.5rem;padding-bottom:.3rem}.search-suggestion-item{padding:.5rem .4rem}.suggestion-text{font-size:11px}.search-loading,.no-suggestions{font-size:12px}}.arrow{margin-left:2rem}.hero-section{background-size:cover;background-position:center;height:70vh;color:#fff;position:relative}.hero-slider{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero-track{display:flex;width:100%;height:100%;transition:transform .5s ease-in-out}.hero-slide{min-width:100%;height:100%;background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;background-color:#0003;z-index:3}.hero-container{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:16rem;position:relative;z-index:4}.hero-content-box{position:relative;max-width:128rem;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#000;padding:8rem;border-radius:1.5em;z-index:5}.hero-title{font-size:7.5rem;font-weight:900;text-transform:uppercase;margin:0}.hero-subtitle{margin-top:2rem;font-size:4rem}.hero-button{margin-top:6rem;display:inline-block;background-color:#000;color:#fff;font-weight:700;text-transform:uppercase;padding:3rem 8rem;border-radius:1.5rem;text-decoration:none;transition:background-color .3s;font-size:4rem}.hero-button:hover{background-color:#1f2937}.hero-indicators{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:10}.indicator-dot{width:1.2rem;height:1.2rem;border-radius:50%;background-color:#ffffff80;border:none;cursor:pointer;transition:all .1s ease;padding:0}.indicator-dot:hover{background-color:#fffc;transform:scale(1.2)}.indicator-dot.active{background-color:#fff;width:3rem;border-radius:1rem}@media(max-width:768px){.hero-section,.featured-section,.loyalty-section,.collection-section{display:none}}.featured-section{padding-top:4rem;padding-bottom:4rem}.section-title{font-size:6rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.2em;margin-top:0;margin-bottom:12rem;color:#000}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8rem}@media(max-width:768px){.featured-grid{grid-template-columns:1fr;gap:4rem}}.category-card{position:relative;border-radius:1.5rem;overflow:hidden;height:80rem;display:block;text-decoration:none}.category-image{width:100%;height:100%;object-fit:contain;transition:transform .02s}.category-card:hover .category-image{transform:scale(1.05)}.category-overlay{position:absolute;inset:0;background-color:#0000004d}.category-content{position:absolute;bottom:0;left:0;padding:8rem}.category-title{color:#fff;font-size:7.5rem;font-weight:900;text-transform:uppercase;margin:0}.category-button{margin-top:.5rem;display:inline-block;background-color:#fff;color:#000;font-weight:700;text-transform:uppercase;padding:2rem 6rem;font-size:4rem;border-radius:1rem;transition:background-color .3s}.category-card:hover .category-button{background-color:#ffffffe6}.flash-sale-home-section{padding:6rem 4rem;background:linear-gradient(135deg,#fff5f5,#ffe8e8);margin-top:4rem}.fs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.fs-title-group{display:flex;align-items:center;gap:2rem}.fs-title{font-size:6rem;font-weight:800;color:#e74c3c;margin:0;display:flex;align-items:center;gap:1rem}.fs-icon{font-size:6rem}.fs-badge{background:orange;color:#fff;padding:1rem 2.5rem;border-radius:2rem;font-size:3rem;font-weight:700;text-transform:uppercase}.fs-timer-group{display:flex;align-items:center;gap:3rem}.fs-countdown{display:flex;align-items:center;gap:.5rem}.fs-time-box{background:#1a1a2e;color:#fff;padding:1.5rem 2rem;border-radius:1rem;font-size:4rem;font-weight:700;min-width:5rem;text-align:center}.fs-colon{font-size:4rem;font-weight:700;color:#e74c3c}.fs-expired{color:#999;font-size:3.5rem;font-weight:600}.fs-view-all{color:#e74c3c;font-size:3.5rem;font-weight:600;text-decoration:none;transition:all .2s}.fs-view-all:hover{color:#c0392b;text-decoration:underline}.fs-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}@media(max-width:1024px){.fs-products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.fs-products-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.fs-title{font-size:4.5rem}.fs-header{flex-direction:column;align-items:flex-start}}.fs-product-card{background:#fff;border-radius:2rem;overflow:hidden;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #00000014}.fs-product-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026}.fs-product-image{position:relative;aspect-ratio:1;overflow:hidden;background:#f5f5f5}.fs-product-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.fs-product-card:hover .fs-product-image img{transform:scale(1.1)}.fs-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:8rem;background:#f0f0f0}.fs-discount-badge{position:absolute;bottom:1.5rem;left:1.5rem;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:1rem 2rem;border-radius:1rem;font-size:3rem;font-weight:700}.fs-hot-badge{position:absolute;top:1.5rem;right:1.5rem;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;padding:.8rem 1.5rem;border-radius:.8rem;font-size:2.5rem;font-weight:700;text-transform:uppercase}.fs-product-info{padding:2rem 2.5rem 3rem}.fs-product-name{font-size:3rem;font-weight:600;color:#333;margin:0 0 1.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fs-price-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.fs-sale-price{font-size:4rem;font-weight:800;color:#e74c3c}.fs-original-price{font-size:3rem;color:#999;text-decoration:line-through}.fs-loading{text-align:center;padding:6rem;font-size:4rem;color:#666}.fs-empty{text-align:center;padding:8rem 4rem;background:#fff;border-radius:2rem;box-shadow:0 4px 15px #00000014}.fs-empty p{font-size:4rem;color:#666;margin:0 0 2rem}.fs-empty-link{display:inline-block;color:#e74c3c;font-size:3.5rem;font-weight:600;text-decoration:none;transition:all .2s}.fs-empty-link:hover{color:#c0392b;text-decoration:underline}.collection-section{background:#000;background-size:cover;background-position:center;padding:24rem;color:#fff;text-align:center;margin-top:20rem;margin-bottom:200px}@media(min-width:1024px){.collection-section{padding:24rem}}.club-section{background-color:#000;background-size:cover;background-position:center;padding:24rem;color:#fff;text-align:center;margin-top:0;margin-bottom:200px}@media(min-width:1024px){.club-section{padding:24rem}}.club-container{max-width:1280px;margin:0 auto}.club-container h2{font-size:5rem;font-weight:900;text-transform:uppercase}@media(min-width:768px){.club-container h2{font-size:8rem}}.club-container p{margin-top:4rem;font-size:4.5rem;max-width:168rem;margin-left:auto;margin-right:auto;line-height:1.6}.join-btn{display:inline-block;margin-top:8rem;background-color:#fff;color:#000;font-weight:700;text-transform:uppercase;padding:3rem 8rem;border-radius:1.5rem;text-decoration:none;transition:background-color .3s ease;margin-bottom:10rem;font-size:4.5rem}.join-btn:hover{background-color:#ffffffe6}.join-btn span{margin-left:.5rem}footer{margin-top:45rem}.site-footer{background-color:#000;color:#fff;padding-top:8rem;padding-bottom:4rem;margin-top:auto;border-top:2rem solid white}.container{width:100%;padding-left:4rem;padding-right:4rem;margin-left:auto;margin-right:auto;box-sizing:border-box}.footer-grid{display:grid!important;gap:4rem;grid-template-columns:repeat(2,1fr);flex-direction:row;justify-content:space-between}.brand-column{grid-column:span 2}.brand-title{font-size:5rem;font-weight:700;letter-spacing:-.025em;margin:0}.brand-slogan{font-size:3.5rem;color:#ffffffb3;margin-top:1rem}.footer-heading{font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:3.5rem;margin-top:0;margin-bottom:2rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem!important}.footer-links a{font-size:3.5rem;color:#ffffffb3;text-decoration:none}.footer-links a:hover{text-decoration:underline;color:#fff}.social-icons{display:flex;gap:4rem}.social-link{color:#ffffffb3;display:block}.social-link:hover{color:#fff}.social-link svg{height:5rem;width:5rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:8rem;padding-top:6rem;text-align:center;color:#ffffffb3;font-size:3rem}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}.footer-grid{grid-template-columns:repeat(4,1fr)}.brand-column{grid-column:span 4;text-align:center;margin-bottom:4rem}}@media(min-width:1024px){.container{max-width:1024px}.footer-grid{grid-template-columns:repeat(5,1fr);text-align:left}.brand-column{grid-column:span 1;text-align:left;margin-bottom:0}}@media(min-width:1280px){.container{max-width:1280px}}main{flex:1}html{font-size:25%}body{font-family:Inter,sans-serif;margin:0;color:gray;background-color:#fff;display:flex;flex-direction:column;min-height:100vh;width:100%;background-repeat:no-repeat}.sub1{margin-top:25rem}.help-center{max-width:900px;margin:0 auto;text-align:center;color:#000}.help-center h1{font-size:7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem}.help-center .subtitle{font-size:4rem;color:var(--text-secondary);margin-bottom:5rem}.faq-list{text-align:left;max-width:900px;margin-top:8rem;padding-left:20rem}.faq-item{margin-bottom:3rem}.faq-item+.faq-item{border-top:1px solid rgb(218,212,212)}.faq-item h3{font-size:5rem;font-weight:700;margin-bottom:1rem}.faq-item p{font-size:4rem;color:gray;line-height:1.6}a{color:inherit;text-decoration:inherit}ul{list-style:none;margin:0;padding:0}.site-footer1{background-color:#000;color:#fff;padding-top:8rem;padding-bottom:8rem;margin-top:60rem;border-top:2rem solid white}.container1{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:8rem;padding-right:8rem;box-sizing:border-box;display:block}.footer-grid1{display:flex;flex-direction:column;font-size:3rem;align-items:center;gap:16px;color:#ffffffb3;margin-top:4rem}.footer-links1{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.footer-bottom1{border-top:1px solid rgba(255,255,255,.2);margin-top:5rem;padding:6rem 0 2rem;text-align:center;color:#ffffffb3;font-size:2.5rem}.footer-bottom1 p{margin:0}@media(min-width:1024px){.container1{max-width:1024px;padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:640px){.container1{max-width:640px}}@media(min-width:768px){.container1{max-width:768px}}@media(min-width:1280px){.container1{max-width:1280px}}.sub2{display:flex;justify-content:center;align-items:center;min-height:100vh}.follow-container{background-color:#fff;padding:30px 50px 50px;border-radius:4px;box-shadow:0 4px 12px #0000000d;text-align:center;max-width:420px;width:100%;font-weight:700}.follow-container h2{font-size:6rem;color:#000;margin-bottom:1.5rem}.follow-container p{color:#6b7280;font-size:14px;margin-bottom:20px;line-height:1.6}.form-order{display:flex;flex-direction:column;gap:20px;text-align:left}.form-order label{display:block;font-weight:700;color:#111827;margin-bottom:6px;font-size:3rem}.form-order input{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:4px;font-size:14px;color:#111827;outline:none;transition:border-color .2s ease}.form-order input:focus::placeholder{color:transparent}.form-order input::placeholder{color:#9ca3af;opacity:1}.form-order input:focus{border-color:#000}.form-order button{background-color:#000;color:#fff;font-weight:700;text-transform:uppercase;padding:14px;border:none;border-radius:2px;cursor:pointer;transition:background-color .3s ease}.form-order button:hover{background-color:#333}.sub3{margin:20rem auto}.sub3__container{display:flex;gap:30px;margin:10rem auto}.dac_quyen{flex:1;background-color:#fff;padding:30px;text-align:left;border:1px solid black;border-radius:5px}.dac_quyen h6{font-size:18px;font-weight:700;color:#212529;margin-top:0;margin-bottom:10px}.dac_quyen p{font-size:16px;color:#6c757d;line-height:1.5;margin:0}.form-order1{margin:0 auto;background-color:#fff;padding:40px;text-align:left;max-width:75rem}.form-order1 label{display:block;font-weight:700;color:#111827;margin-bottom:6px;font-size:3rem}.form-order1 input{min-width:70rem;padding:12px;border:1px solid #e5e7eb;border-radius:4px;font-size:14px;color:#111827;outline:none;transition:border-color .2s ease;margin-bottom:5rem}.form-order1 button{width:70rem;background-color:#000;color:#fff;border:none;padding:15px 0;font-size:12px}.form-order1 button:hover{background-color:#333}.sub4{margin:10rem auto 0;color:#000;max-width:200rem}.sub4 h2{font-size:36px;font-weight:800;text-align:center;margin-bottom:4rem}.sub4__update{font-size:4rem;margin-bottom:6rem}.sub4__list{font-size:4em;padding-left:5rem}.sub4__list li{margin-bottom:3rem}.sub4__list h4{margin-bottom:1px}.chatbot-widget{position:fixed;bottom:30px;right:30px;z-index:9999;font-family:Inter,sans-serif}.chatbot-toggle{width:60px;height:60px;border-radius:50%;background-color:#000;border:2px solid #fff;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.chatbot-toggle:hover{transform:scale(1.1);background-color:#333;box-shadow:0 6px 20px #00000080}.chatbot-toggle svg{width:30px;height:30px;fill:#fff}.chatbot-window{position:absolute;bottom:20px;right:0;width:380px;height:600px;max-height:80vh;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{padding:15px 20px;background-color:#000;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.chatbot-title{display:flex;align-items:center;gap:10px}.bot-avatar-small{width:60px;height:60px;font-size:30px;background-color:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0}.chatbot-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.chatbot-status{display:flex;align-items:center;gap:5px;font-size:12px;color:#ccc}.status-dot{width:8px;height:8px;background-color:#28a745;border-radius:50%;display:inline-block}.close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:20px;padding:5px;transition:color .2s}.close-btn:hover{color:#fff}.chatbot-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px;background-color:#fff}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#f1f1f1}.chatbot-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.message{max-width:80%;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;position:relative;word-wrap:break-word}.message.bot{align-self:flex-start;background-color:#f1f3f5;color:#333;border-bottom-left-radius:2px;border:1px solid #eee}.message.user{align-self:flex-end;background-color:#000;color:#fff;border-bottom-right-radius:2px;font-weight:500}.message.welcome{background-color:#f8f9fa;border:1px solid #e0e0e0;color:#333}.chatbot-input-area{padding:15px;background-color:#fff;border-top:1px solid #eee;display:flex;gap:10px}.chatbot-input{flex:1;background-color:#f8f9fa;border:1px solid #e0e0e0;padding:12px 15px;border-radius:25px;color:#333;font-size:14px;outline:none;transition:border-color .2s}.chatbot-input:focus{border-color:#000}.send-btn{width:45px;height:45px;border-radius:50%;background-color:#000;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background-color .2s}.send-btn:hover{transform:scale(1.05);background-color:#333}.send-btn:disabled{cursor:not-allowed;transform:none;background-color:#ccc}.typing-indicator{display:flex;gap:4px;padding:10px 15px;background-color:#f1f3f5;border-radius:12px 12px 12px 2px;width:fit-content;border:1px solid #eee}.typing-dot{width:6px;height:6px;background-color:#666;border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}