@import"https://fonts.googleapis.com/css2?family=Inter:wght@300..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";scroll-behavior:smooth}body{min-height:100vh}a{text-decoration:none;color:inherit}.app{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--bg: #ffffff;--bg-subtle: #f6f7f9;--text: #0f172a;--text-muted: #64748b;--primary: #ff6347;--primary-600: #e5593f;--border: #e2e8f0;--radius: 12px;--shadow: 0 2px 10px rgba(15, 23, 42, .06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px}html,body{color:var(--text);background:radial-gradient(1200px 600px at 20% -10%,#eef2ff 0%,transparent 60%),radial-gradient(1000px 500px at 110% 10%,#f0fdf4 0%,transparent 60%),var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:min(1100px,90%);margin-inline:auto}h1{font-size:clamp(24px,2.5vw,32px);line-height:1.2}h2{font-size:clamp(20px,2vw,28px);line-height:1.25}h3{font-size:clamp(18px,1.6vw,22px);line-height:1.3}p{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:#fff;color:var(--text);transition:all .2s ease;cursor:pointer;box-shadow:var(--shadow)}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0f172a14;background:var(--text);color:#fff}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary);color:#fff;border-color:transparent}.btn-primary:hover{background:var(--primary-600)}.btn-outline{background:transparent;border-color:var(--primary);color:var(--primary)}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);outline:none;background:#fff;color:var(--text);box-shadow:var(--shadow)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.py-4{padding-block:var(--space-4)}.px-4{padding-inline:var(--space-4)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--bg-subtle)}*::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.header{height:34vw;background:linear-gradient(180deg,#0f172a8c,#0f172a40),url(/header_img.png) no-repeat center/cover;position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.header-contents{position:absolute;display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:50%;bottom:10%;left:6vw;animation:fadeIn 3s}.header-contents h2{font-weight:600;color:#fff;font-size:max(4.2vw,22px);text-shadow:0 2px 12px rgba(0,0,0,.25)}.header-contents p{color:#ffffffe0;text-shadow:0 1px 8px rgba(0,0,0,.2)}.header-contents button{font-weight:600}@media(max-width:750px){.header-contents{max-width:55%}.header-contents p{display:none}.header-contents button{padding:2vw 4vw}}.explore-menu{margin-left:10%;margin-right:10%;display:flex;flex-direction:column;gap:20px;text-align:center}.explore-menu h1{color:#262626;font-weight:700}.explore-menu-text{padding:0 3%;color:var(--text-muted);font-size:1.1rem;opacity:.95;line-height:1.6}.explore-menu-list{display:flex;justify-content:space-between;align-items:center;gap:30px;text-align:center;margin:20px 0;overflow-x:scroll}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list-item img{width:7.5vw;min-width:80px;cursor:pointer;border-radius:50%;transition:.2s}.explore-menu-list-item p{margin-top:10px;color:#747474;font-size:max(1.4vw,16px);cursor:pointer}.explore-menu hr{margin:10px 0;height:2px;background-color:#e2e2e2;border:none}.explore-menu-list-item .active{border:4px solid tomato;padding:2px}@media(max-width:1050px){.explore-menu-text{max-width:100%;font-size:14px}}.food-display{margin-top:40px}.food-display h2{font-size:max(2vw,24px);font-weight:700;position:relative}.food-display h2:after{content:"";position:absolute;left:0;bottom:-10px;width:60px;height:4px;background:var(--primary);border-radius:999px}.food-display-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:30px;gap:30px;row-gap:40px}.food-item{width:100%;margin:auto;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;animation:fadeIn 1;background:#fff;display:flex;flex-direction:column;height:100%}.food-item:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0f172a1f}.food-item-image{width:100%;border-radius:var(--radius) var(--radius) 0 0;transition:transform .3s ease}.food-item:hover .food-item-image{transform:scale(1.025)}.food-item-info{padding:20px;display:flex;flex-direction:column;flex-grow:1}.food-item-name-rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.food-item-name-rating p{font-size:20px;font-weight:500;line-height:1.3;min-height:26px}.food-item-name-rating img{width:70px}.food-item-desc{color:var(--text-muted);font-size:14px;line-height:1.5;min-height:42px;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.food-item-price{color:var(--primary);font-size:18px;font-weight:600;margin:10px 0}.food-item-img-container{position:relative;height:220px;overflow:hidden;background:#f5f5f5}.food-item-img-container .food-item-image{width:100%;height:100%;object-fit:cover}.food-item-img-container .add{width:35px;position:absolute;bottom:15px;right:15px;cursor:pointer;border-radius:50%}.food-item-counter{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:999px;background-color:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.food-item-counter img{width:30px}.about-us{margin-top:10px;padding-top:20px;padding-bottom:60px;animation:fadeIn 1s}.about-us-header{text-align:center;margin-bottom:40px}.about-us-header h1{color:var(--text);margin-bottom:8px}.about-us-header .header-text{color:var(--text-muted);font-size:1.1rem}.about-us-content{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:40px;line-height:1.8}.about-us-text h2{color:var(--primary);margin-bottom:20px}.about-us-text p{margin-bottom:20px}.about-us-text h3{color:var(--text);margin-top:30px;margin-bottom:15px}.about-us-text ul{list-style-position:inside;padding-left:5px}.about-us-image img{width:100%;border-radius:var(--radius)}@media(max-width:900px){.about-us-content{grid-template-columns:1fr}}.cart{margin-top:30px;padding:0 10%}.cart-items-title{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr .5fr;align-items:center;color:gray;font-size:max(1vw,12px)}.cart-items-item{margin:10px 0;color:#000}.cart-items-item img{width:50px}.cart hr{height:1px;background-color:#e2e2e2;border:none}.cart-items-item .cross{cursor:pointer}.cart-bottom{margin-top:80px;display:flex;justify-content:space-between;gap:max(12vw,20px)}.cart-total{flex:1;display:flex;flex-direction:column;gap:20px}.cart-total-details{display:flex;justify-content:space-between;color:#555}.cart-total hr{margin:10px 0}.cart-total button{border:none;color:#fff;background-color:tomato;width:max(15vw,200px);padding:12px 0;border-radius:4px;cursor:pointer}.cart-total button:disabled{background-color:#ccc;cursor:not-allowed;color:#666}.cart-promocode{flex:1}.cart-promocode p{color:#555}.cart-promocode-input{margin-top:10px;display:flex;justify-content:space-between;align-items:center;background-color:#eaeaea;border-radius:4px}.cart-promocode-input input{background:transparent;border:none;outline:none;padding-left:10px}.cart-promocode-input button{width:max(10vw,150px);padding:12px 5px;background-color:#000;border:none;color:#fff;border-radius:4px}.promo-message{margin-top:10px}.promo-message.success{color:#28a745}.promo-message.error{color:tomato}@media(max-width:750px){.cart-bottom{flex-direction:column-reverse}.cart-promocode{justify-content:start}}.place-order{padding:0 10%;display:flex;align-items:start;justify-content:space-between;gap:50px;margin-top:100px}.place-order-left{width:100%;max-width:max(30%,500px)}.delivery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:30px}.place-order-left .title{font-size:30px;font-weight:600;margin:0;flex-shrink:0}.btn-select-address{padding:10px 16px;background-color:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap;flex-shrink:0}.btn-select-address:hover{background-color:#5568d3}.saved-addresses-list{margin-bottom:30px;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;max-height:300px;overflow-y:auto}.saved-address-item{padding:16px;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background-color .2s}.saved-address-item:last-child{border-bottom:none}.saved-address-item:hover{background-color:#f7fafc}.saved-address-item.selected{background-color:#f7f9ff;border-left:4px solid #667eea}.address-content strong{display:inline-block;margin-right:8px;color:#1a202c;font-size:15px}.address-content p{margin:4px 0;font-size:14px;color:#4a5568}.badge-default{display:inline-block;padding:2px 8px;background-color:#667eea;color:#fff;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.place-order-left input{margin-bottom:0;width:100%;padding:10px;border:1px solid #c5c5c5;border-radius:4px;outline-color:tomato}.place-order-left .multi-fields{display:flex;gap:10px}.place-order-right{width:100%;max-width:max(40%,500px)}.place-order .cart-total button{margin-top:30px}.place-order-left .form-field{width:100%;display:flex;flex-direction:column;margin-bottom:15px}.place-order-left .error-text{color:tomato;font-size:12px;margin-top:5px;height:14px}.verify{min-height:60vh;display:grid}.verify .spinner{width:100px;height:100px;place-self:center;border:5px solid #bdbdbd;border-top-color:tomato;border-radius:50%;animation:rotate 1s infinite}@keyframes rotate{to{transform:rotate(360deg)}}.my-orders{margin-top:30px;padding:0 10%}.my-orders .container{display:flex;flex-direction:column;gap:20px;margin-top:30px}.my-orders-order{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr 2fr 1fr;align-items:center;gap:30px;font-size:14px;padding:10px 20px;color:#454545;border:1px solid tomato}.my-orders-order img{width:50px}.my-orders-order p span{color:tomato}.my-orders-order p b{font-weight:500;color:#454545}.my-orders-order button{border:none;padding:12px 0;border-radius:4px;background-color:#ffe1e1;cursor:pointer;color:#454545}@media(max-width:900px){.my-orders-order{grid-template-columns:1fr 2fr 1fr;row-gap:5px;font-size:12px}.my-orders-order button{font-size:10px}}.profile{min-height:calc(100vh - 80px);padding:40px 5%;background-color:#f8f9fa}.profile-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:30px}.profile-sidebar{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;height:fit-content;position:sticky;top:100px}.profile-user{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid #e9ecef;margin-bottom:24px}.user-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:600;overflow:hidden;position:relative}.user-avatar img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.user-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.user-info h3{margin:0;font-size:16px;font-weight:600;color:#1a202c}.user-info p{margin:4px 0 0;font-size:13px;color:#718096}.profile-menu{display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s;text-align:left}.menu-item:hover{background-color:#f7fafc;color:#2d3748}.menu-item.active{background-color:#667eea;color:#fff}.menu-item svg{flex-shrink:0}.profile-content{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #00000014;min-height:500px}@media(max-width:968px){.profile-container{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-user{flex-direction:column;text-align:center}.profile-menu{flex-direction:row;overflow-x:auto}.menu-item{white-space:nowrap}}@media(max-width:640px){.profile{padding:20px 3%}.profile-content{padding:20px}.profile-menu{gap:4px}.menu-item{padding:10px 12px;font-size:13px}.menu-item svg{width:16px;height:16px}}.address-book{width:100%}.address-book-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.address-book-header h2{font-size:24px;font-weight:600;color:#1a202c;margin:0}.btn-add-address{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-add-address:hover{background-color:#5568d3}.empty-state{text-align:center;padding:60px 20px}.empty-state p{color:#718096;font-size:16px;margin:16px 0 24px}.btn-add-first{padding:12px 24px;background-color:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-add-first:hover{background-color:#5568d3}.address-list{display:grid;gap:16px}.address-card{position:relative;padding:24px;border:2px solid #e2e8f0;border-radius:12px;background-color:#fff;transition:all .2s}.address-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.address-card.default{border-color:#667eea;background-color:#f7f9ff}.default-badge{position:absolute;top:16px;right:16px;padding:4px 12px;background-color:#667eea;color:#fff;border-radius:4px;font-size:12px;font-weight:600}.address-info h3{font-size:18px;font-weight:600;color:#1a202c;margin:0 0 12px}.address-line,.address-contact{margin:4px 0;font-size:14px;color:#4a5568}.address-contact{color:#718096;font-size:13px}.address-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.btn-action{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-action:hover{background-color:#f7fafc}.btn-edit{color:#4299e1;border-color:#4299e1}.btn-edit:hover{background-color:#ebf8ff}.btn-delete{color:#f56565;border-color:#f56565}.btn-delete:hover{background-color:#fff5f5}.btn-default{color:#667eea;border-color:#667eea}.btn-default:hover{background-color:#f7f9ff}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h3{font-size:20px;font-weight:600;color:#1a202c;margin:0}.btn-close{background:none;border:none;cursor:pointer;color:#718096;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.btn-close:hover{background-color:#f7fafc;color:#1a202c}.address-form{padding:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#2d3748;margin-bottom:6px}.form-group input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1a202c;transition:border-color .2s;box-sizing:border-box}.checkbox-group{margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#2d3748}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e2e8f0;margin-top:8px}.btn-cancel,.btn-save{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background-color:#fff;border:1px solid #e2e8f0;color:#4a5568}.btn-cancel:hover{background-color:#f7fafc}.btn-save{background-color:#667eea;border:none;color:#fff}.btn-save:hover{background-color:#5568d3}@media(max-width:768px){.address-book-header{flex-direction:column;align-items:flex-start;gap:16px}.btn-add-address{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}.address-actions{flex-direction:column}.btn-action{justify-content:center}.modal-content{margin:0;max-height:100vh;border-radius:0}}.account-settings{width:100%}.account-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.account-settings-header h2{font-size:24px;font-weight:600;color:#1a202c;margin:0}.btn-edit-profile{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-edit-profile:hover{background-color:#5568d3}.account-settings-content{background:#fff;border-radius:16px;padding:40px;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0}.profile-view{display:flex;flex-direction:column;gap:32px}.profile-avatar-section{display:flex;align-items:center;gap:24px;padding-bottom:32px;border-bottom:1px solid #e2e8f0}.profile-avatar-large{width:120px;height:120px;border-radius:50%;overflow:hidden;position:relative;flex-shrink:0;box-shadow:0 4px 16px #667eea33;border:4px solid #f7fafc}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:42px;font-weight:600}.profile-avatar-info{flex:1}.profile-avatar-info h3{font-size:20px;font-weight:600;color:#1a202c;margin:0 0 4px}.profile-avatar-info p{font-size:14px;color:#64748b;margin:0}.profile-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.info-row{display:flex;flex-direction:column;gap:8px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.info-row label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.info-row p{font-size:16px;font-weight:500;color:#1a202c;margin:0}.profile-edit-form{display:flex;flex-direction:column;gap:32px}.form-section{display:flex;flex-direction:column;gap:20px}.form-section h3{font-size:16px;font-weight:600;color:#1a202c;margin:0;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.avatar-edit-section{display:flex;gap:32px;align-items:start}.avatar-input-group{flex:1;display:flex;flex-direction:column;gap:8px}.avatar-input-group label{font-size:14px;font-weight:500;color:#2d3748}.avatar-input-group input{padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1a202c;transition:border-color .2s}.avatar-input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-hint{font-size:12px;color:#718096;margin:0}.upload-divider{display:flex;align-items:center;margin:16px 0;text-align:center}.upload-divider:before,.upload-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.upload-divider span{padding:0 12px;color:#94a3b8;font-size:12px;font-weight:500}.btn-upload-avatar{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background-color:#f7fafc;border:2px dashed #cbd5e1;border-radius:8px;color:#4a5568;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-upload-avatar:hover{background-color:#edf2f7;border-color:#667eea;color:#667eea}.btn-upload-avatar:active{transform:scale(.98)}input[type=file]:disabled+.btn-upload-avatar{opacity:.6;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#2d3748}.form-group input{padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1a202c;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.disabled-input{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:2px solid #e2e8f0}.btn-cancel-edit,.btn-save-profile{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel-edit{background-color:#fff;border:1px solid #e2e8f0;color:#4a5568}.btn-cancel-edit:hover:not(:disabled){background-color:#f7fafc}.btn-save-profile{background-color:#667eea;border:none;color:#fff}.btn-save-profile:hover:not(:disabled){background-color:#5568d3}.btn-cancel-edit:disabled,.btn-save-profile:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.account-settings-header{flex-direction:column;align-items:flex-start;gap:16px}.btn-edit-profile{width:100%;justify-content:center}.account-settings-content{padding:24px}.profile-view{flex-direction:column;gap:24px;align-items:center;text-align:center}.profile-info{width:100%}.avatar-edit-section{flex-direction:column;align-items:center}.form-actions{flex-direction:column-reverse}.btn-cancel-edit,.btn-save-profile{width:100%}}@media(max-width:480px){.profile-avatar-large{width:120px;height:120px}.avatar-fallback{font-size:40px}.account-settings-content{padding:20px}}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.auth-page-container{place-self:center;width:max(30vw,330px);color:gray;background-color:#fff;display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:8px;font-size:14px;animation:fadeIn .5s;box-shadow:0 4px 8px #0000001a}.auth-page-header{text-align:center;margin-bottom:10px}.auth-page-logo{display:inline-block;margin-bottom:10px}.auth-page-logo img{width:150px;height:auto}.auth-page-title h2{color:#000;font-size:28px;font-weight:500}.auth-page-inputs{display:flex;flex-direction:column;gap:20px}.auth-page-inputs input{outline:none;border:1px solid #c9c9c9;padding:10px;border-radius:4px}.auth-page-container button{border:none;padding:10px;border-radius:4px;color:#fff;background-color:tomato;font-size:15px;cursor:pointer;transition:background-color .3s}.auth-page-container button:disabled{background-color:#fd9d88;cursor:not-allowed}.auth-page-error{color:red;text-align:center;margin-top:-15px}.auth-page-condition{display:flex;align-items:start;gap:8px;margin-top:-15px}.auth-page-condition input{margin-top:5px}.auth-page-container p span{color:tomato;font-weight:500;cursor:pointer}.auth-divider{display:flex;align-items:center;text-align:center;margin:15px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e0e0e0}.auth-divider span{padding:0 15px;color:#999;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.oauth-buttons{display:flex;flex-direction:column;gap:10px}.oauth-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border:1.5px solid #dadce0;border-radius:6px;background-color:#fff;color:#3c4043;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000014;position:relative}.oauth-button:hover{background-color:#f8f9fa;border-color:#d2d4d8;box-shadow:0 2px 6px #0000001f;transform:translateY(-1px)}.oauth-button:active{transform:translateY(0);box-shadow:0 1px 3px #00000014}.oauth-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 1px 3px #00000014}.oauth-button svg{flex-shrink:0}.oauth-button.google{background-color:#4285f4;border:none;color:#fff}.oauth-button.google:hover{background-color:#3367d6;box-shadow:0 2px 8px #4285f44d}.oauth-button.github{border-color:#dadce0;background-color:#24292e;color:#fff}.oauth-button.github:hover{background-color:#2f363d;border-color:#2f363d;box-shadow:0 2px 8px #24292e40}.oauth-button.github:disabled{background-color:#24292e}@media(max-width:480px){.oauth-button{padding:10px 16px;font-size:13px}.auth-divider span{font-size:11px}}.navbar{position:sticky;top:0;z-index:50;padding:0;background:var(--bg);-webkit-backdrop-filter:saturate(180%) blur(6px);backdrop-filter:saturate(180%) blur(6px);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.navbar-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0}.navbar .logo{width:150px}.navbar-menu{display:flex;list-style:none;gap:20px;color:#49557e;font-size:18px}.navbar-menu a,.navbar-menu li{position:relative}.navbar-menu a:after,.navbar-menu li:after{content:"";position:absolute;left:0;right:0;bottom:-8px;margin:auto;height:2px;background:var(--primary);transition:width .2s ease;width:0}.navbar-menu a:hover:after,.navbar-menu li:hover:after,.navbar .active:after{width:100%}.navbar-right{display:flex;align-items:center;gap:20px}.navbar button{font-size:15px;border-radius:var(--radius);border:1px solid var(--primary);color:#fff;background:var(--primary);padding:10px 14px;cursor:pointer;transition:.2s ease;box-shadow:var(--shadow)}.navbar button:hover{background:var(--primary-600);transform:translateY(-1px)}.navbar .active{color:var(--primary)}.navbar li{cursor:pointer}.navbar-search-icon{position:relative}.navbar-search-icon .dot{position:absolute;min-width:10px;min-height:10px;background-color:tomato;border-radius:5px;top:-8px;right:-8px;box-shadow:0 0 #ff634799;animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff634799}70%{box-shadow:0 0 0 8px #ff634700}to{box-shadow:0 0 #ff634700}}@media(max-width:1050px){.navbar .logo{width:140px}.navbar-menu{gap:20px;font-size:17px}.navbar-right{gap:30px}.navbar-right img{width:22px}.navbar-right button{padding:8px 25px}}@media(max-width:900px){.navbar .logo{width:120px}.navbar-menu{gap:15px;font-size:16px}.navbar-right{gap:20px}.navbar-right img{width:20px}.navbar-right button{padding:7px 20px;font-size:15px}}.navbar-profile{position:relative}.nav-profile-dropdown{position:absolute;display:none;right:0;z-index:1}.navbar-profile:hover .nav-profile-dropdown{display:flex;flex-direction:column;gap:10px;background:#fff;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);list-style:none}.nav-profile-dropdown li{display:flex;align-items:center;gap:10px;cursor:pointer}.nav-profile-dropdown img{width:20px}.nav-profile-dropdown li:hover{color:var(--primary)}@media(max-width:750px){.navbar-menu{display:none}}.footer{color:#e5e7eb;background:linear-gradient(135deg,#1e293b,#0f172a);border-top:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow);margin-top:20px;padding:50px 0 24px;position:relative}.footer-content{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer-content-left,.footer-content-right,.footer-content-center{display:flex;flex-direction:column;align-items:start;gap:20px}.footer-content-left p{color:#9ca3af}.footer-content-left li,.footer-content-right li,.footer-content-center li{list-style:none;margin-bottom:10px;cursor:pointer;color:#9ca3af;transition:all .2s ease}.footer-content-left li:hover,.footer-content-right li:hover,.footer-content-center li:hover{color:var(--primary);transform:translate(2px)}.footer-content-right h2,.footer-content-center h2{color:#fff}.footer-social-icons a{display:inline-block;margin-right:15px;transition:transform .2s ease-in-out}.footer-social-icons a:hover{transform:translateY(-2px)}.footer-social-icons img{width:40px;opacity:.8;transition:opacity .2s}.footer-social-icons a:hover img{opacity:1}.footer hr{width:100%;height:1px;margin:20px 0;background-color:#ffffff26;border:none}.footer-copyright{text-align:center}@media(max-width:750px){.footer-content{display:flex;flex-direction:column;gap:35px}.footer-copyright{text-align:center}}.footer-scroll-top{position:absolute;bottom:24px;right:24px;width:44px;height:44px;background-color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.footer-scroll-top:hover{background-color:var(--primary-600);transform:translateY(-2px)}