:root{--primary-color: #8b5cf6;--secondary-color: #a855f7;--accent-color: #c084fc;--background-color: #0f172a;--primary-rgb: 139, 92, 246;--secondary-rgb: 168, 85, 247;--accent-rgb: 192, 132, 252;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .6);--overlay-light: rgba(255, 255, 255, .05);--overlay-medium: rgba(255, 255, 255, .1);--overlay-dark: rgba(0, 0, 0, .3);--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--gradient-background: linear-gradient(-45deg, var(--background-color), var(--primary-color), var(--secondary-color), var(--background-color));--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 15px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;color:var(--text-primary)}#root{width:100%;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--overlay-light)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}::selection{background:var(--primary-color);color:#fff}::-moz-selection{background:var(--primary-color);color:#fff}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-effect{background:var(--overlay-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--overlay-medium)}.settings-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.settings-modal{background:#1e293bf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:#1e293bf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1}.settings-header h2{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.close-settings{background:none;border:none;color:#ffffffb3;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .3s}.close-settings:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.settings-content{padding:2rem}.settings-section{margin-bottom:2.5rem}.settings-section:last-child{margin-bottom:0}.settings-section h3{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1.25rem}.settings-section h3 svg{color:var(--primary-color, #8b5cf6)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.theme-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem;cursor:pointer;transition:all .3s;position:relative}.theme-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px)}.theme-card.active{border-color:var(--primary-color, #8b5cf6);background:#8b5cf61a;box-shadow:0 0 0 3px #8b5cf633}.theme-preview{display:flex;gap:.5rem;margin-bottom:.75rem}.theme-color{flex:1;height:40px;border-radius:8px}.theme-name{display:block;font-size:.9rem;color:#ffffffe6;font-weight:500;text-align:center}.check-icon{position:absolute;top:.5rem;right:.5rem;color:var(--primary-color, #8b5cf6)}.settings-select{width:100%;padding:.85rem 1rem;background:#0f172a99;border:2px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:.95rem;outline:none;transition:all .3s;cursor:pointer}.settings-select:hover{background:#0f172acc;border-color:#ffffff40}.settings-select:focus{border-color:var(--primary-color, #8b5cf6);box-shadow:0 0 0 3px #8b5cf61a}.settings-select option{background:#1e293b;color:#fff}.toggle-switch{position:relative;display:inline-block;width:60px;height:32px}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff1a;border-radius:34px;transition:.4s;border:2px solid rgba(255,255,255,.2)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:.4s}.toggle-switch input:checked+.toggle-slider{background:var(--primary-color, #8b5cf6);border-color:var(--primary-color, #8b5cf6)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(28px)}.settings-footer{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);background:#0f172a80;position:sticky;bottom:0}.settings-btn{flex:1;padding:.85rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.settings-btn.secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.settings-btn.secondary:hover{background:#ffffff26;transform:translateY(-2px)}.settings-btn.primary{background:linear-gradient(135deg,var(--primary-color, #8b5cf6) 0%,var(--secondary-color, #a855f7) 100%);color:#fff;box-shadow:0 4px 15px #8b5cf666}.settings-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf699}.settings-modal::-webkit-scrollbar{width:8px}.settings-modal::-webkit-scrollbar-track{background:#ffffff0d}.settings-modal::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:10px}.settings-modal::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}@media(max-width:768px){.settings-modal{width:95%;max-height:90vh}.settings-header,.settings-content,.settings-footer{padding:1.5rem}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.settings-footer{flex-direction:column}}.user-menu{position:relative;z-index:1000}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-menu-trigger:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a855f7);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;color:#fff;flex-shrink:0}.user-email{font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{transition:transform .3s ease;flex-shrink:0}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:280px;background:#14141efa;border:1px solid rgba(139,92,246,.3);border-radius:16px;box-shadow:0 10px 40px #0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:dropdownSlideIn .3s ease;overflow:hidden}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#8b5cf61a}.dropdown-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a855f7);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;flex-shrink:0}.dropdown-user-info{flex:1;min-width:0}.dropdown-name{color:#fff;font-weight:600;font-size:1rem;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-email{color:#fff9;font-size:.85rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background:#ffffff1a;margin:.5rem 0}.dropdown-menu{padding:.5rem}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:#fffc;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:#8b5cf626;color:#fff}.dropdown-item svg{flex-shrink:0;opacity:.7}.dropdown-item:hover svg{opacity:1}.sign-out-item{color:#ef4444e6}.sign-out-item:hover{background:#ef444426;color:#ef4444}@media(max-width:768px){.user-email{display:none}.user-menu-trigger{padding:.5rem;min-width:auto}.user-dropdown{min-width:260px;right:-1rem}}@media(max-width:480px){.user-dropdown{position:fixed;inset:auto 0 0;min-width:100%;border-radius:16px 16px 0 0;animation:dropdownSlideUp .3s ease}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.hero-section{position:relative;height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#2c324a99,#2c324a66);z-index:1}nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;background:#2c324a4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.logo{font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:-.5px}.nav-links{display:flex;gap:2.5rem;list-style:none;align-items:center}.nav-links a{color:#fff;text-decoration:none;font-size:.95rem;font-weight:400;transition:opacity var(--transition-normal)}.nav-links a:hover{opacity:.7}.nav-right{display:flex;gap:1.5rem;align-items:center}.settings-icon-btn{background:none;border:none;padding:0;cursor:pointer;transition:transform var(--transition-normal)}.settings-icon{width:20px;height:20px;transition:transform var(--transition-normal)}.settings-icon-btn:hover .settings-icon{transform:rotate(90deg)}.sign-in-btn{background:var(--gradient-primary);color:#fff;border:none;padding:.7rem 2rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 15px #8b5cf666}.hero-content{text-align:center;color:#fff;max-width:900px;padding:0 2rem;margin-top:4rem;position:relative;z-index:2}.hero-title{font-size:5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-1px}.hero-subtitle{font-size:1.2rem;line-height:1.6;color:#ffffffe6;margin-bottom:3rem;font-weight:300}.explore-btn{background:var(--gradient-primary);color:#fff;border:none;padding:1.2rem 3rem;border-radius:var(--radius-full);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 8px 25px #8b5cf680;text-transform:uppercase;letter-spacing:1px}.explore-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #8b5cf6b3}.chat-bot{position:fixed;bottom:3rem;right:3rem;width:120px;height:120px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);z-index:999;overflow:hidden;box-shadow:0 8px 30px #8b5cf680;border:3px solid rgba(168,85,247,.6)}.chat-window{position:fixed;bottom:11rem;right:3rem;width:400px;height:600px;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:none;flex-direction:column;z-index:998;overflow:hidden}.close-chat{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--transition-normal)}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;background:#f8f9fa;display:flex;flex-direction:column;gap:1rem}.message-content{background:#fff;padding:.75rem 1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#333;line-height:1.5}.message-content b{color:var(--primary-color);font-weight:600}.message-content i{color:#666;font-size:.9em}.chat-message.user .message-content{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.message-time{font-size:.7rem;color:#888;margin-top:.25rem}.quick-actions{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #eee;background:#fff}.quick-action-btn{flex:1;padding:.6rem;border:1px solid #e0e0e0;background:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;transition:all var(--transition-normal)}.quick-action-btn:hover{background:#f8f9fa;border-color:#8b5cf6;transform:translateY(-2px)}.chat-input-container{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #eee;background:#fff}.chat-input{flex:1;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:var(--radius-md);outline:none;font-size:.9rem;transition:border-color var(--transition-normal)}.chat-input:focus{border-color:#8b5cf6}.send-btn{width:44px;height:44px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:28px;height:22px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-menu span{width:100%;height:3px;background:#fff;border-radius:2px;transition:all .3s ease}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .3s ease}.mobile-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:linear-gradient(135deg,#2c3249,#1a1f35);box-shadow:-4px 0 20px #0000004d;z-index:1001;transition:right .3s ease;display:flex;flex-direction:column;overflow-y:auto}.mobile-menu.open{right:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-menu-logo{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.close-mobile-menu{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.close-mobile-menu:hover{background:#ffffff1a}.mobile-menu-links{list-style:none;padding:1rem 0;margin:0}.mobile-menu-links li{margin:0}.mobile-menu-links a{display:block;padding:1rem 1.5rem;color:#fff;text-decoration:none;font-size:1.1rem;font-weight:500;transition:all .3s;border-left:3px solid transparent}.mobile-menu-links a:hover,.mobile-menu-links a:active{background:#60a5fa1a;border-left-color:#60a5fa;padding-left:2rem}@media(max-width:768px){nav{padding:1rem 1.5rem}.logo{font-size:1.3rem}.nav-links{display:none}.hamburger-menu{display:flex}.mobile-menu-overlay{display:block}.nav-right{gap:1rem}.settings-icon-btn{padding:.5rem}.settings-icon{width:18px;height:18px}.sign-in-btn{padding:.6rem 1.5rem;font-size:.85rem}.hero-section{height:100svh;min-height:-webkit-fill-available}.hero-content{padding:0 1.5rem;margin-top:0;max-width:100%}.hero-title{font-size:2.2rem;line-height:1.15;margin-bottom:1rem}.hero-subtitle{font-size:.95rem;line-height:1.5;margin-bottom:2rem}.explore-btn{padding:1rem 2.5rem;font-size:.9rem;width:100%;max-width:300px}.chat-window{width:100%;height:75vh;max-height:600px;right:0;left:0;bottom:0;border-radius:20px 20px 0 0}.chat-header{padding:1.25rem}.chat-header h3{font-size:1rem}.chat-header p{font-size:.8rem}.chat-messages{padding:1rem}.message-content{font-size:.9rem;padding:.65rem .9rem}.quick-actions{padding:.75rem;gap:.4rem}.quick-action-btn{padding:.5rem .4rem;font-size:.75rem}.chat-input-container{padding:1rem}.chat-input{padding:.7rem .9rem;font-size:.85rem}.send-btn{width:40px;height:40px}.chat-bot{width:70px;height:70px;bottom:1.5rem;right:1.5rem}}@media(max-width:430px){nav{padding:.875rem 1rem}.logo{font-size:1.2rem}.sign-in-btn{padding:.5rem 1rem;font-size:.75rem}.hero-content{padding:0 1.25rem}.hero-title{font-size:1.8rem;line-height:1.2;margin-bottom:.75rem}.hero-subtitle{font-size:.85rem;line-height:1.4;margin-bottom:1.5rem}.explore-btn{padding:.85rem 2rem;font-size:.8rem;letter-spacing:.5px;max-width:280px}.chat-bot{width:60px;height:60px;bottom:1.25rem;right:1.25rem;border-width:2px}.chat-window{height:80vh}.chat-header{padding:1rem}.chat-messages{padding:.875rem;gap:.75rem}.message-avatar{width:32px;height:32px;font-size:.7rem}.message-content{font-size:.85rem;padding:.6rem .8rem}.message-time{font-size:.65rem}.quick-actions{padding:.625rem;flex-wrap:wrap}.quick-action-btn{flex:1 1 calc(50% - .2rem);padding:.5rem .3rem;font-size:.7rem}.chat-input-container{padding:.875rem}.chat-input{padding:.65rem .8rem;font-size:.8rem;border-radius:10px}.send-btn{width:38px;height:38px}.send-btn svg{width:18px;height:18px}.hamburger-menu{width:26px;height:20px}.hamburger-menu span{height:2.5px}.mobile-menu{width:260px}}@supports (padding: max(0px)){@media(max-width:768px){nav{padding-top:max(1rem,env(safe-area-inset-top));padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}.chat-window{padding-bottom:env(safe-area-inset-bottom)}.chat-input-container{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.chat-bot{bottom:max(1.5rem,calc(env(safe-area-inset-bottom) + 1rem));right:max(1.5rem,calc(env(safe-area-inset-right) + .5rem))}}@media(max-width:430px){nav{padding-top:max(.875rem,env(safe-area-inset-top));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.chat-bot{bottom:max(1.25rem,calc(env(safe-area-inset-bottom) + .75rem));right:max(1.25rem,calc(env(safe-area-inset-right) + .5rem))}}}@media(max-width:768px){input,textarea,select{font-size:16px!important}}@media(max-width:768px){.chat-messages{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}.booking-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;overflow-y:auto;animation:fadeIn .3s ease}.booking-modal{background:linear-gradient(180deg,#1e293b,#0f172a);border-radius:28px;width:100%;max-width:950px;max-height:92vh;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 80px #0009;display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.booking-modal-header{padding:2rem 2.5rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:flex-start;background:#8b5cf60d}.header-content h2{color:#fff;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.hotel-location-modal{display:flex;align-items:center;gap:.5rem;color:#fff9;font-size:.95rem}.close-modal{background:#ffffff14;border:none;color:#ffffffb3;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.close-modal:hover{background:#ff444426;color:#ef4444;transform:rotate(90deg)}.booking-steps{display:flex;align-items:center;justify-content:center;padding:2.5rem 2rem;gap:.5rem;background:#0003}.step{display:flex;flex-direction:column;align-items:center;gap:.75rem}.step-number{width:56px;height:56px;border-radius:50%;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff6;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.step.active .step-number{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-color:#a855f7;color:#fff;box-shadow:0 8px 24px #8b5cf666;transform:scale(1.1)}.step.completed .step-number{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.step-label{font-size:.9rem;font-weight:600;color:#ffffff80;transition:all .3s}.step.active .step-label{color:#a855f7}.step-line{width:100px;height:3px;background:#ffffff1a;border-radius:10px;transition:all .4s;margin:0 1rem}.step-line.active{background:linear-gradient(90deg,#8b5cf6,#a855f7)}.booking-modal-content{flex:1;overflow-y:auto;padding:2.5rem}.booking-modal-content::-webkit-scrollbar{width:8px}.booking-modal-content::-webkit-scrollbar-track{background:#ffffff0d}.booking-modal-content::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:10px}.step-content h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.room-card{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.room-card:hover{transform:translateY(-8px);border-color:#8b5cf64d;box-shadow:0 12px 40px #8b5cf626}.room-card.selected{border-color:#8b5cf6;background:#8b5cf614;box-shadow:0 12px 40px #8b5cf640}.room-image-container{position:relative;height:200px;overflow:hidden}.room-image{width:100%;height:100%;object-fit:cover;transition:transform .4s}.room-card:hover .room-image{transform:scale(1.08)}.selected-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#10b981,#059669);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #10b98166;animation:checkPop .4s cubic-bezier(.4,0,.2,1)}@keyframes checkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.room-info{padding:1.5rem}.room-info h4{color:#fff;margin-bottom:1rem;font-size:1.15rem;font-weight:600}.room-details{display:flex;gap:1rem;margin-bottom:1.25rem;font-size:.85rem;color:#fff9;flex-wrap:wrap}.room-details span{display:flex;align-items:center;gap:.35rem}.room-price{display:flex;align-items:baseline;gap:.5rem}.room-price .price{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.room-price .per-night{color:#ffffff80;font-size:.9rem}.selected-room-summary{display:flex;gap:1.5rem;padding:1.5rem;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:16px;margin-bottom:2rem}.selected-room-summary img{width:120px;height:120px;object-fit:cover;border-radius:12px;flex-shrink:0}.selected-room-summary>div{flex:1}.selected-room-summary h4{color:#fff;margin-bottom:.5rem;font-size:1.2rem}.selected-room-summary p{color:#fff9;margin-bottom:.5rem;font-size:.9rem}.price-highlight{font-size:1.5rem!important;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:.75rem!important}.booking-form{display:flex;flex-direction:column;gap:1.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{color:#ffffffe6;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.form-group input,.form-group select,.form-group textarea{padding:1rem 1.25rem;background:#0f172a99;border:2px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:.95rem;outline:none;transition:all .3s;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#8b5cf6;background:#0f172acc;box-shadow:0 0 0 4px #8b5cf61a}.form-group textarea{resize:vertical;min-height:100px}.booking-summary-box{background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:1.5rem;margin-top:1rem}.booking-summary-box p{color:#ffffffb3;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center}.booking-summary-box p:last-child{margin-bottom:0}.booking-summary-box .total{font-size:1.25rem;font-weight:700;color:#fff;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);margin-top:.5rem}.payment-subtitle{color:#fff9;margin-bottom:2rem;font-size:.95rem}.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2.5rem}.payment-method{background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;gap:1rem;align-items:flex-start}.payment-method:hover{border-color:#8b5cf64d;background:#8b5cf60d;transform:translateY(-4px)}.payment-method.selected{border-color:#8b5cf6;background:#8b5cf61a;box-shadow:0 8px 24px #8b5cf633}.method-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;overflow:hidden;background:#fff}.method-icon.card-brands-icon{background:#fff;padding:4px}.method-icon.apple-pay-icon{background:transparent;padding:0}.method-icon.google-pay-icon{background:#fff;padding:6px}.payment-method.selected .method-icon{box-shadow:0 4px 16px #8b5cf666}.payment-method>div{flex:1}.payment-method h4{color:#fff;margin-bottom:.35rem;font-size:1rem;font-weight:600}.payment-method p{color:#ffffff80;font-size:.85rem;margin:0}.payment-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.security-note{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:12px;color:#ffffffb3;font-size:.9rem;margin-top:.5rem}.final-summary{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;margin-top:2rem}.final-summary h4{color:#fff;font-size:1.25rem;margin-bottom:1.5rem;font-weight:700}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.85rem 0;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.05)}.summary-item:last-of-type{border-bottom:none}.summary-item span:last-child{color:#fff;font-weight:600}.summary-total{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0 0;margin-top:1rem;border-top:2px solid rgba(139,92,246,.2);font-size:1.35rem;font-weight:700}.summary-total span:first-child{color:#ffffffe6}.summary-total span:last-child{background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.75rem}.booking-modal-footer{display:flex;gap:1rem;padding:1.75rem 2.5rem;border-top:1px solid rgba(255,255,255,.08);background:#0003}.btn-secondary,.btn-primary{flex:1;padding:1.1rem 2rem;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-secondary{background:#ffffff0d;color:#fff;border:2px solid rgba(255,255,255,.15)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;box-shadow:0 8px 24px #8b5cf666}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #8b5cf680}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.booking-modal{max-width:100%;max-height:95vh;border-radius:24px 24px 0 0;margin-top:auto}.booking-modal-header,.booking-modal-content,.booking-modal-footer{padding:1.5rem}.booking-steps{padding:1.5rem 1rem}.step-line{width:60px;margin:0 .5rem}.step-number{width:48px;height:48px;font-size:1.1rem}.rooms-grid,.form-row,.payment-methods{grid-template-columns:1fr}.selected-room-summary{flex-direction:column}.selected-room-summary img{width:100%;height:180px}}.hotels-page{min-height:100vh;background:linear-gradient(-45deg,#0f172a,#1e3a8a,#1e293b,#0c4a6e);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:#fff;position:relative}.hotels-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.hotels-page nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;box-shadow:0 4px 30px #0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.hotels-page .logo{font-size:1.5rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hotels-page .nav-links{display:flex;gap:2.5rem;list-style:none}.hotels-page .nav-links a{color:#fffc;text-decoration:none;transition:all .3s;font-weight:500}.hotels-page .nav-links a:hover{color:#60a5fa}.hotels-page .nav-links a.active{color:#60a5fa;font-weight:600}.container{max-width:1400px;margin:0 auto;padding:140px 2rem 4rem;position:relative;z-index:1}.page-header{text-align:center;margin-bottom:3rem;margin-top:2rem;padding-top:1rem}.page-header h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;padding:.5rem 0}.page-header p{font-size:1.2rem;color:#ffffffb3}.search-section{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;margin-bottom:3rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003}.search-bar{display:flex;gap:1rem;flex-wrap:wrap;align-items:end}.search-field{flex:1;min-width:200px}.search-field label{display:block;margin-bottom:.5rem;color:#ffffffe6;font-weight:500}.search-field input{width:100%;padding:.75rem 1rem;border:2px solid rgba(255,255,255,.15);border-radius:12px;background:#ffffff14;color:#fff;outline:none;transition:all .3s}.search-field input::placeholder{color:#ffffff80}.search-field input:focus{border-color:#60a5fa;background:#ffffff1f;box-shadow:0 0 0 3px #60a5fa1a}.search-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:.75rem 2.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #3b82f64d}.search-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.hotels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;margin-bottom:4rem}.hotel-card{background:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid rgba(255,255,255,.1);position:relative}.hotel-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#a855f71a);opacity:0;transition:opacity .4s;pointer-events:none}.hotel-card:hover:before{opacity:1}.hotel-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #3b82f64d;border-color:#60a5fa80}.hotel-image-container{position:relative;width:100%;height:250px;overflow:hidden}.hotel-image{width:100%;height:100%;object-fit:cover;transition:transform .4s}.hotel-card:hover .hotel-image{transform:scale(1.1)}.hotel-badge{position:absolute;top:1rem;right:1rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:20px;font-weight:600}.hotel-info{padding:1.5rem}.hotel-name{font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.hotel-location{color:#ffffffb3;margin-bottom:.75rem}.hotel-amenities{font-size:.9rem;color:#fff9;margin-bottom:1rem}.hotel-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.hotel-price{display:flex;align-items:baseline;gap:.5rem}.price-label{font-size:.85rem;color:#ffffffb3}.price-amount{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.price-period{font-size:.85rem;color:#ffffffb3}.book-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s}.book-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.no-results{grid-column:1 / -1;text-align:center;padding:4rem 2rem}.no-results h3{font-size:2rem;margin-bottom:1rem}.no-results p{color:#ffffffb3}.chat-bot{position:fixed;bottom:3rem;right:3rem;width:120px;height:120px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:999;overflow:hidden;box-shadow:0 8px 30px #8b5cf666;border:3px solid rgba(168,85,247,.6)}.chat-bot:hover{transform:scale(1.1);box-shadow:0 12px 40px #8b5cf699}.chat-header{background:linear-gradient(135deg,#3b82f6,#8b5cf6);padding:1.5rem;color:#fff;display:flex;justify-content:space-between;align-items:center}.message-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.send-btn{width:44px;height:44px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.wellbeing-page{min-height:100vh;color:#fff;position:relative;overflow-x:hidden}.background-slideshow{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.background-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 2s ease-in-out;transform:scale(1.1);animation:kenBurns 20s ease-in-out infinite}.background-slide.active{opacity:1;z-index:1}@keyframes kenBurns{0%{transform:scale(1.1) translate(0) translateY(0)}50%{transform:scale(1.2) translate(-20px) translateY(-20px)}to{transform:scale(1.1) translate(0) translateY(0)}}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0f172ad9,#1e293bbf,#0f172ae6);z-index:2;pointer-events:none}.wellbeing-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none;z-index:3;animation:ambientGlow 10s ease-in-out infinite}@keyframes ambientGlow{0%,to{opacity:.6}50%{opacity:.8}}.wellbeing-page nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;background:#0f172ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;box-shadow:0 4px 30px #0000004d;border-bottom:1px solid rgba(255,255,255,.1);animation:slideDown .6s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.wellbeing-page .logo{font-size:1.5rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .3s ease}.wellbeing-page .logo:hover{transform:scale(1.05)}.wellbeing-page .nav-links{display:flex;gap:2.5rem;list-style:none}.wellbeing-page .nav-links li{display:inline-block}.wellbeing-page .nav-links a{color:#fffc;text-decoration:none;transition:all .3s;font-weight:500;position:relative;padding:.5rem 0;display:inline-block}.wellbeing-page .nav-links a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,#60a5fa,#a855f7);transition:width .3s ease}.wellbeing-page .nav-links a:hover{color:#60a5fa}.wellbeing-page .nav-links a:hover:after{width:100%}.wellbeing-page .nav-links a.active{color:#10b981;font-weight:600}.wellbeing-page .nav-links a.active:after{width:100%;background:linear-gradient(90deg,#10b981,#34d399)}.container{max-width:1400px;margin:0 auto;padding:120px 2rem 4rem;position:relative;z-index:10}.section-subtitle{text-align:center;font-size:1.1rem;color:#ffffffb3;margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto}.wellbeing-hero{text-align:center;padding:4rem 2rem;margin-bottom:4rem;position:relative;background:#10b98126;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:24px;border:1px solid rgba(16,185,129,.3);overflow:hidden;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #0000004d}.wellbeing-hero.visible{opacity:1;transform:translateY(0)}.hero-backdrop{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.wellbeing-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1;line-height:1.2}.wellbeing-hero p{font-size:1.2rem;color:#fffc;max-width:700px;margin:0 auto;position:relative;z-index:1;line-height:1.6}.health-stats-section{margin-bottom:4rem;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.health-stats-section.visible{opacity:1;transform:translateY(0)}.health-stats-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.stat-card{background:#1e293bbf;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.15);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0003}.stat-card:hover{transform:translateY(-10px);border-color:#fff3;box-shadow:0 20px 60px #0000004d}.stat-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px;margin-bottom:1.5rem}.steps-icon{background:#10b98133;color:#10b981}.heart-icon{background:#ef444433;color:#ef4444}.sleep-icon{background:#8b5cf633;color:#8b5cf6}.hydration-icon{background:#3b82f633;color:#3b82f6}.calories-icon{background:#f59e0b33;color:#f59e0b}.active-icon{background:#10b98133;color:#10b981}.stat-value{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;color:#fff}.stat-label{color:#fff9;font-size:.95rem;margin-bottom:1rem;font-weight:500}.stat-progress{height:8px;background:#ffffff1a;border-radius:50px;overflow:hidden;margin-bottom:.75rem}.progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:50px;transition:width 2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #10b98180}.sleep-bar{background:linear-gradient(90deg,#8b5cf6,#a78bfa);box-shadow:0 0 10px #8b5cf680}.hydration-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 0 10px #3b82f680}.calories-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 10px #f59e0b80}.active-bar{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 10px #10b98180}.stat-target{font-size:.85rem;color:#ffffff80}.stat-badge{display:inline-block;padding:.4rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;background:#10b98133;color:#10b981;margin-top:.75rem}.weather-section{margin-bottom:4rem;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.weather-section.visible{opacity:1;transform:translateY(0)}.weather-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.country-selector{display:flex;gap:1rem;margin-bottom:3rem;overflow-x:auto;padding:1rem 0;justify-content:center;flex-wrap:wrap}.country-selector::-webkit-scrollbar{height:6px}.country-selector::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.country-selector::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:3px}.country-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#1e293bbf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.15);border-radius:16px;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;min-width:100px}.country-btn:hover{transform:translateY(-3px);border-color:#8b5cf6;box-shadow:0 8px 24px #8b5cf64d}.country-btn.active{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-color:transparent;box-shadow:0 8px 24px #8b5cf680}.country-flag{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.country-name{font-size:.9rem;font-weight:600;color:#fff;text-align:center}.weather-app-container{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.weather-main-card{background:#1e293bbf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #0006}.weather-hero-image{height:400px;background-size:cover;background-position:center;position:relative;animation:fadeIn .5s ease}.weather-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000004d,#000000b3);display:flex;align-items:center;justify-content:center}.weather-main-info{text-align:center;color:#fff;padding:2rem}.location-name{font-size:2rem;font-weight:700;margin-bottom:2rem;text-shadow:0 4px 8px rgba(0,0,0,.5)}.main-temp{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.temp-icon{font-size:5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.temp-value{font-size:5rem;font-weight:800;text-shadow:0 4px 12px rgba(0,0,0,.5)}.condition-text{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.weather-description{font-size:1.1rem;opacity:.9;text-shadow:0 2px 4px rgba(0,0,0,.5)}.weather-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem}.weather-detail-item{background:#0f172a80;padding:1.5rem;border-radius:16px;display:flex;align-items:center;gap:1rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.weather-detail-item:hover{transform:translateY(-3px);background:#0f172ab3;box-shadow:0 8px 24px #0000004d}.detail-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.detail-info{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.9rem;color:#fff9;font-weight:500}.detail-value{font-size:1.3rem;font-weight:700;color:#fff}.aqi-excellent{color:#10b981}.aqi-good{color:#34d399}.aqi-moderate{color:#fbbf24}.uv-low{color:#10b981}.uv-moderate{color:#fbbf24}.uv-high{color:#f97316}.uv-very-high{color:#ef4444}.weather-recommendations{background:#1e293bbf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;padding:2rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #0006}.weather-recommendations h4{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff;display:flex;align-items:center;gap:.5rem}.weather-recommendations h4:before{content:"💡";font-size:1.5rem}.recommendation-list{display:flex;flex-direction:column;gap:1rem}.recommendation-item{background:#0f172a80;padding:1rem;border-radius:12px;display:flex;align-items:flex-start;gap:.75rem;border-left:3px solid;transition:all .3s ease}.recommendation-item:hover{transform:translate(5px);background:#0f172ab3}.recommendation-item.hot{border-color:#ef4444;background:#ef44441a}.recommendation-item.cold{border-color:#3b82f6;background:#3b82f61a}.recommendation-item.uv{border-color:#f59e0b;background:#f59e0b1a}.recommendation-item.humidity{border-color:#06b6d4;background:#06b6d41a}.recommendation-item.rain{border-color:#6366f1;background:#6366f11a}.recommendation-item.air-good{border-color:#10b981;background:#10b9811a}.rec-icon{font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.recommendation-item p{margin:0;color:#ffffffe6;line-height:1.5;font-size:.95rem}.breathing-section{margin-bottom:4rem;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.breathing-section.visible{opacity:1;transform:translateY(0)}.breathing-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.breathing-exercises-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.breathing-card{background:#1e293bbf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:2rem;border:2px solid rgba(255,255,255,.15);cursor:pointer;transition:all .4s ease;text-align:center;box-shadow:0 8px 32px #0003}.breathing-card:hover{transform:translateY(-8px);border-color:#8b5cf680;box-shadow:0 16px 48px #8b5cf633}.breathing-card.active{border-color:#8b5cf6;background:#8b5cf626;box-shadow:0 16px 48px #8b5cf64d}.breathing-icon{font-size:3rem;margin-bottom:1rem}.breathing-card h3{font-size:1.3rem;font-weight:700;margin-bottom:.75rem;color:#fff}.breathing-card p{color:#ffffffb3;margin-bottom:1.5rem}.breathing-pattern{display:flex;justify-content:space-around;gap:.5rem;flex-wrap:wrap}.breathing-pattern span{background:#8b5cf633;padding:.5rem 1rem;border-radius:12px;font-size:.85rem;font-weight:600;color:#a78bfa}.breathing-visualizer{background:#1e293bbf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;padding:3rem;display:flex;flex-direction:column;align-items:center;gap:2rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #0000004d}.breathing-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a855f7);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #8b5cf680;transition:transform .5s ease}.breathing-circle.inhale,.breathing-circle.hold{transform:scale(1.3)}.breathing-circle.exhale{transform:scale(.8)}.breathing-circle.rest{transform:scale(1)}.breathing-instruction{color:#fff;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.breathing-control-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:1rem 3rem;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #8b5cf666}.breathing-control-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf699}.activities-section{margin-bottom:4rem;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.activities-section.visible{opacity:1;transform:translateY(0)}.activities-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.activity-card{background:#1e293bbf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.15);transition:all .4s ease;box-shadow:0 8px 32px #0003}.activity-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0000004d}.activity-image{width:100%;height:200px;background-size:cover;background-position:center;position:relative}.activity-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0003,#0009);display:flex;align-items:center;justify-content:center}.activity-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.activity-content{padding:1.5rem}.activity-content h3{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#fff}.activity-meta{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.activity-duration{background:#3b82f633;color:#60a5fa;padding:.3rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600}.activity-difficulty{padding:.3rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600}.difficulty-beginner{background:#10b98133;color:#10b981}.difficulty-intermediate{background:#f59e0b33;color:#f59e0b}.difficulty-advanced{background:#ef444433;color:#ef4444}.difficulty-easy{background:#10b98133;color:#10b981}.activity-benefits{color:#ffffffb3;font-size:.9rem;margin-bottom:1.5rem}.activity-btn{width:100%;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:.8rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.activity-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.nutrition-section{margin-bottom:4rem;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.nutrition-section.visible{opacity:1;transform:translateY(0)}.nutrition-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.meal-plan-selector{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.meal-plan-btn{background:#1e293bbf;color:#fffc;border:2px solid rgba(255,255,255,.15);padding:.8rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.meal-plan-btn:hover{border-color:#8b5cf6;color:#fff}.meal-plan-btn.active{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border-color:transparent;box-shadow:0 8px 24px #8b5cf666}.meal-plan-display{background:#1e293bbf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;padding:3rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #0000004d}.meal-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}.meal-plan-header h3{font-size:2rem;font-weight:700;color:#fff}.meal-calories{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:1rem;font-weight:700}.meals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.meal-item{background:#0f172a80;padding:2rem;border-radius:16px;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.meal-item:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0000004d}.meal-icon{font-size:3rem;margin-bottom:1rem}.meal-item h4{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:#fff}.meal-item p{color:#ffffffb3;line-height:1.6}.checklist-section{margin-bottom:4rem;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.checklist-section.visible{opacity:1;transform:translateY(0)}.checklist-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.checklist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.checklist-item{background:#1e293bbf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1.5rem;border-radius:16px;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;border:2px solid rgba(255,255,255,.15)}.checklist-item:hover{transform:translate(5px);border-color:#8b5cf6}.checklist-item.checked{background:#10b98126;border-color:#10b981}.checklist-checkbox{width:28px;height:28px;border:2px solid rgba(255,255,255,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.checklist-item.checked .checklist-checkbox{background:#10b981;border-color:#10b981}.checklist-icon{font-size:1.5rem}.checklist-text{flex:1;font-size:1rem;font-weight:500;color:#fff}.checklist-item.checked .checklist-text{text-decoration:line-through;opacity:.7}.checklist-progress-bar{width:100%;height:12px;background:#ffffff1a;border-radius:50px;overflow:hidden;margin-bottom:1rem}.checklist-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:50px;transition:width .5s ease;box-shadow:0 0 15px #10b98180}.checklist-status{text-align:center;font-size:1.1rem;font-weight:600;color:#10b981}.solo-traveler-section{margin-bottom:4rem;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.solo-traveler-section.visible{opacity:1;transform:translateY(0)}.solo-traveler-card{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:#1e293bbf;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:24px;padding:3rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #0006;align-items:center}.solo-traveler-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.solo-traveler-content p{font-size:1.1rem;line-height:1.8;color:#fffc;margin-bottom:2rem}.enable-solo-btn{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:1rem 2rem;border-radius:16px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 8px 24px #8b5cf666}.enable-solo-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #8b5cf699}.enable-solo-btn.enabled{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b98166}.enable-solo-btn.enabled:hover{box-shadow:0 12px 32px #10b98199}.solo-traveler-image{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0006;transition:transform .4s ease}.solo-traveler-image:hover{transform:scale(1.02)}.solo-traveler-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.solo-traveler-image:hover img{transform:scale(1.05)}.features-section{margin-bottom:4rem;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.features-section.visible{opacity:1;transform:translateY(0)}.features-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.feature-card{background:#1e293bbf;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;padding:2rem;border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 8px 32px #0003}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:var(--feature-color)}.feature-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:1.5rem;color:#fff;box-shadow:0 10px 30px #0003;transition:transform .4s ease}.feature-card:hover .feature-icon{transform:rotateY(360deg)}.feature-card h3{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:#fff}.feature-card p{font-size:1rem;line-height:1.6;color:#ffffffb3}.checkin-section{margin-bottom:4rem;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.checkin-section.visible{opacity:1;transform:translateY(0)}.checkin-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.checkin-subtitle{text-align:center;font-size:1.1rem;color:#ffffffb3;margin-bottom:3rem}.checkin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.checkin-card{background:#3b82f626;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(59,130,246,.3);border-radius:20px;padding:2rem;transition:all .3s;text-align:center;box-shadow:0 8px 32px #0003}.checkin-card:hover{transform:translateY(-5px);border-color:#3b82f680;box-shadow:0 12px 30px #3b82f633}.checkin-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(59,130,246,.5))}.checkin-time{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.3rem;font-weight:700;color:#60a5fa;margin-bottom:1rem}.checkin-card p{color:#ffffffb3;line-height:1.6}.tips-section{margin-bottom:4rem;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.tips-section.visible{opacity:1;transform:translateY(0)}.tips-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#fff}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.tip-card{background:#1e293bbf;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.15);transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.tip-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.1),transparent);opacity:0;transition:opacity .3s}.tip-card:hover:before{opacity:1}.tip-card:hover{transform:translateY(-5px);border-color:#8b5cf680;box-shadow:0 12px 30px #8b5cf633}.tip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.tip-number{width:48px;height:48px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #8b5cf666}.tip-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}.tip-card h4{font-size:1.2rem;font-weight:700;margin-bottom:.75rem;color:#fff}.tip-card p{color:#ffffffb3;line-height:1.6}.emergency-section{margin-bottom:4rem;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.emergency-section.visible{opacity:1;transform:translateY(0)}.emergency-card{background:#dc262626;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(220,38,38,.3);border-radius:24px;padding:3rem;text-align:center;transition:all .4s ease;box-shadow:0 20px 60px #0000004d}.emergency-card:hover{border-color:#dc262680;box-shadow:0 20px 60px #dc262633}.emergency-icon{width:96px;height:96px;background:#dc262633;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:#ef4444;animation:pulse-emergency 2s ease-in-out infinite}@keyframes pulse-emergency{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 20px #dc262600}}.emergency-card h3{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff}.emergency-card>p{font-size:1.1rem;color:#ffffffb3;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.emergency-contacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.contact-item{background:#1e293bbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.5rem;border-radius:16px;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.contact-item:hover{background:#1e293be6;transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.contact-item span{color:#fff9;font-size:.9rem}.contact-item strong{color:#ef4444;font-size:1.3rem;font-weight:700}.chat-window{position:fixed;bottom:11rem;right:3rem;width:400px;height:600px;background:#1e293bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px #00000080;display:none;flex-direction:column;z-index:998;overflow:hidden;border:1px solid rgba(255,255,255,.1);animation:chatSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes chatSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.close-chat{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-chat:hover{background:#fff3;transform:rotate(90deg)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#ffffff0d}.chat-messages::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:3px}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001;transition:all .3s ease}.hamburger span{width:25px;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:1024px){.solo-traveler-card{grid-template-columns:1fr}.solo-traveler-image{height:400px}.activities-grid,.meals-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.weather-app-container{grid-template-columns:1fr}.weather-details-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.wellbeing-page nav{padding:1rem 2rem}.hamburger{display:flex}.wellbeing-page .nav-links{position:fixed;top:80px;right:-100%;flex-direction:column;background:#0f172afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:2rem;border-radius:20px 0 0 20px;box-shadow:-10px 0 30px #00000080;transition:right .4s cubic-bezier(.4,0,.2,1);gap:0;min-width:250px;z-index:999;border:1px solid rgba(255,255,255,.1);border-right:none}.wellbeing-page .nav-links.mobile-active{right:0}.wellbeing-page .nav-links li{width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.wellbeing-page .nav-links li:last-child{border-bottom:none}.wellbeing-page .nav-links a{display:block;padding:1rem;width:100%;text-align:left}.wellbeing-page .nav-links a:after{display:none}.wellbeing-page .nav-links a:hover,.wellbeing-page .nav-links a.active{background:#ffffff1a;border-radius:8px}.sign-in-btn{padding:.6rem 1.5rem;font-size:.85rem}.container{padding:100px 1.5rem 2rem}.wellbeing-hero h1{font-size:2.5rem}.wellbeing-hero p{font-size:1rem}.health-stats-section h2,.features-section h2,.checkin-section h2,.tips-section h2,.weather-section h2,.breathing-section h2,.activities-section h2,.nutrition-section h2,.checklist-section h2{font-size:2rem}.stats-grid{grid-template-columns:1fr}.solo-traveler-card{padding:2rem}.solo-traveler-content h2{font-size:2rem}.features-grid,.tips-grid,.activities-grid,.checklist-grid{grid-template-columns:1fr}.breathing-circle{width:160px;height:160px}.breathing-instruction{font-size:1.2rem}.meal-plan-selector{flex-direction:column}.meal-plan-btn{width:100%}.meals-grid{grid-template-columns:1fr}.chat-window{width:90%;right:5%;left:5%}.chat-bot{width:80px;height:80px;bottom:2rem;right:2rem}.country-selector{justify-content:flex-start;padding:1rem;gap:.75rem}.country-btn{min-width:80px;padding:.75rem 1rem}.country-flag{font-size:1.5rem}.country-name{font-size:.8rem}.weather-hero-image{height:300px}.temp-icon,.temp-value{font-size:3.5rem}.location-name{font-size:1.5rem}.condition-text{font-size:1.2rem}.weather-description{font-size:.95rem}.weather-details-grid{grid-template-columns:1fr;gap:1rem;padding:1.5rem}.weather-recommendations{padding:1.5rem}.weather-recommendations h4{font-size:1.2rem}.recommendation-item{padding:.75rem}.rec-icon{font-size:1.2rem}.recommendation-item p{font-size:.85rem}}.groups-page{min-height:100vh;background:linear-gradient(-45deg,#0f172a,#1e3a8a,#1e293b,#0c4a6e);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:#fff;position:relative;overflow-x:hidden}.groups-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.15) 0%,transparent 50%);pointer-events:none;z-index:0}.groups-page nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;box-shadow:0 4px 30px #0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.groups-page .logo{font-size:1.5rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.groups-page .nav-links{display:flex;gap:2.5rem;list-style:none}.groups-page .nav-links a{color:#fffc;text-decoration:none;transition:all .3s;font-weight:500}.groups-page .nav-links a:hover{color:#60a5fa}.groups-page .nav-links a.active{color:#60a5fa;font-weight:600}.container{max-width:1400px;margin:0 auto;padding:120px 2rem 4rem;position:relative;z-index:1}.page-header{text-align:center;margin-bottom:3.5rem}.header-badge{display:inline-block;background:linear-gradient(135deg,#8b5cf633,#a855f733);border:1px solid rgba(139,92,246,.3);color:#c084fc;padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-header h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.page-header p{font-size:1.2rem;color:#ffffffb3;max-width:700px;margin:0 auto}.search-section{max-width:600px;margin:0 auto 3.5rem}.search-bar{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1.5rem;color:#ffffff80;pointer-events:none}.search-bar input{width:100%;padding:1.2rem 1.5rem 1.2rem 4rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:20px;color:#fff;font-size:1rem;outline:none;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-bar input::placeholder{color:#fff6}.search-bar input:focus{border-color:#8b5cf6;background:#ffffff14;box-shadow:0 0 0 4px #8b5cf61a}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2.5rem}.group-card{background:#1e293b99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.group-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px #0000004d;border-color:#fff3}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--group-gradient);opacity:0;filter:blur(40px);transition:opacity .4s;z-index:0}.group-card:hover .card-glow{opacity:.15}.group-image-container{position:relative;height:240px;overflow:hidden}.group-image{width:100%;height:100%;object-fit:cover;transition:transform .4s}.group-card:hover .group-image{transform:scale(1.1)}.image-overlay{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,rgba(30,41,59,1) 0%,transparent 100%)}.group-content{padding:2rem;position:relative;z-index:1}.group-header{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:1.25rem}.group-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;box-shadow:0 8px 24px #0003}.group-info{flex:1}.group-info h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.traveler-count{display:flex;align-items:center;gap:.5rem;color:#fff9;font-size:.95rem;margin:0}.traveler-count svg{color:#8b5cf6}.group-description{color:#ffffffb3;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.group-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.feature-tag{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.4rem .9rem;border-radius:50px;font-size:.8rem;color:#fffc;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.join-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.1rem 2rem;border:none;border-radius:16px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #0003;position:relative;overflow:hidden}.join-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.join-btn:hover:before{left:100%}.join-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000004d}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-modal{background:#1e293bf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;border:1px solid rgba(255,255,255,.1);max-width:500px;width:90%;overflow:hidden;position:relative;animation:slideUp .4s ease;box-shadow:0 25px 50px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,#8b5cf6,#a855f7);opacity:.1;filter:blur(60px);animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-image-container{height:200px;overflow:hidden;position:relative}.modal-image{width:100%;height:100%;object-fit:cover}.modal-content{padding:2.5rem;text-align:center;position:relative;z-index:1}.modal-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:-60px auto 1.5rem;box-shadow:0 10px 30px #0000004d;border:4px solid rgba(30,41,59,1)}.modal-content h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.modal-content>p{color:#ffffffb3;margin-bottom:2rem;line-height:1.6}.modal-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.modal-feature{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;color:#ffffffe6;font-size:.95rem}.modal-feature svg{color:#8b5cf6;flex-shrink:0}.loading-bar{width:100%;height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-bottom:1rem}.loading-progress{height:100%;background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:10px;animation:loading 3s ease-in-out}@keyframes loading{0%{width:0%}to{width:100%}}.redirecting-text{color:#fff9;font-size:.9rem;margin:0}@media(max-width:768px){.groups-page nav{padding:1rem 2rem}.container{padding:100px 1.5rem 2rem}.page-header h1{font-size:2.5rem}.page-header p{font-size:1rem}.groups-grid{grid-template-columns:1fr}.welcome-modal{width:95%}.modal-content{padding:2rem}.modal-content h2{font-size:1.5rem}}.group-chat-room{min-height:100vh;background:linear-gradient(180deg,#0f172a,#1e293b);display:flex;flex-direction:column}.chat-room-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0003;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:1rem}.back-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.back-btn:hover{background:#ffffff1a;transform:translate(-3px)}.group-icon-header{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 12px #0003}.chat-room-header h2{color:#fff;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.chat-room-header p{color:#fff9;margin:0;font-size:.9rem}.toggle-sidebar-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.toggle-sidebar-btn:hover{background:#ffffff1a;transform:rotate(90deg)}.chat-room-body{flex:1;display:flex;overflow:hidden;position:relative}.messages-container{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;background:linear-gradient(180deg,#0f172a80,#1e293b4d)}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#ffffff08}.messages-container::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:10px}.messages-container::-webkit-scrollbar-thumb:hover{background:#8b5cf699}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff9;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.empty-state h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.spinner-large{width:40px;height:40px;border:4px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.message{display:flex;gap:1rem;animation:messageSlide .3s ease;position:relative;width:100%}.message.user-message{flex-direction:row-reverse}@keyframes messageSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px #0003}.message-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;font-weight:700;font-size:1.2rem}.user-message .avatar-placeholder{background:linear-gradient(135deg,#3b82f6,#2563eb)}.message-content{background:#1e293bb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem 1.25rem;max-width:60%;min-width:150px;width:fit-content;position:relative;transition:all .3s}.message-content:hover{background:#1e293bd9;border-color:#ffffff1f}.user-message .message-content{background:linear-gradient(135deg,#3b82f640,#2563eb40);border-color:#3b82f64d}.user-message .message-content:hover{background:linear-gradient(135deg,#3b82f659,#2563eb59);border-color:#3b82f666}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:1rem}.message-sender{font-weight:700;color:#fff;font-size:.9rem}.message-time{font-size:.75rem;color:#ffffff80;white-space:nowrap}.message-text{color:#ffffffe6;margin:0;line-height:1.6;font-size:.95rem;word-wrap:break-word;overflow-wrap:break-word}.delete-message-btn{position:absolute;top:-8px;right:-8px;background:#ef4444f2;border:2px solid rgba(15,23,42,.8);width:28px;height:28px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s;z-index:10;box-shadow:0 2px 8px #0000004d}.message:hover .delete-message-btn{opacity:1}.delete-message-btn:hover{background:#dc2626;transform:scale(1.15)}.message-image-container{margin-top:.75rem;margin-bottom:.5rem}.message-image{max-width:400px;width:100%;max-height:350px;border-radius:12px;cursor:pointer;transition:all .3s;display:block;object-fit:cover}.message-image:hover{transform:scale(1.02);box-shadow:0 8px 24px #0006}.members-sidebar{width:320px;background:#0f172ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000004d}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-header h3{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.members-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.members-list::-webkit-scrollbar{width:6px}.members-list::-webkit-scrollbar-track{background:#ffffff08}.members-list::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:10px}.member-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem;display:flex;gap:1rem;transition:all .3s;cursor:pointer}.member-card:hover{background:#ffffff14;border-color:#8b5cf666;transform:translateY(-2px)}.member-avatar{position:relative;width:48px;height:48px;border-radius:50%;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px #0003}.member-avatar img{width:100%;height:100%;object-fit:cover}.status-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid #0f172a}.status-indicator.online{background:#10b981;box-shadow:0 0 8px #10b981}.member-info{flex:1;min-width:0}.member-name{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;font-size:.95rem;margin-bottom:.25rem}.you-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.15rem .5rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.member-status{display:flex;align-items:center;gap:.4rem;color:#fff9;font-size:.8rem}.status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981}.no-members{text-align:center;padding:2rem;color:#ffffff80}.message-input-area{position:relative;padding:1.5rem 2rem;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08)}.image-preview-container{position:absolute;bottom:100%;left:2rem;right:2rem;padding:1rem;background:#1e293bf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0}.image-preview-wrapper{position:relative;display:inline-block}.image-preview{max-width:300px;max-height:200px;border-radius:12px;display:block;box-shadow:0 4px 12px #0000004d}.remove-image-btn{position:absolute;top:-8px;right:-8px;width:32px;height:32px;background:#ef4444;border:2px solid #0f172a;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.remove-image-btn:hover{background:#dc2626;transform:scale(1.15)}.input-container{display:flex;gap:.75rem;align-items:flex-end}.attach-btn{width:52px;height:52px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:14px;color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}.attach-btn:hover:not(:disabled){background:#8b5cf633;border-color:#8b5cf6;color:#fff}.attach-btn:disabled{opacity:.5;cursor:not-allowed}.message-input{flex:1;min-height:52px;max-height:150px;padding:.95rem 1.25rem;background:#1e293b99;border:2px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:.95rem;font-family:inherit;outline:none;resize:vertical;transition:all .3s}.message-input::placeholder{color:#fff6}.message-input:focus{border-color:#8b5cf6;background:#1e293bcc;box-shadow:0 0 0 4px #8b5cf61a}.send-message-btn{width:52px;height:52px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #8b5cf666;flex-shrink:0}.send-message-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf699}.send-message-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.error-page{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#fff;font-size:1.5rem}@media(max-width:1200px){.message-content{max-width:70%}}@media(max-width:1024px){.members-sidebar{position:fixed;right:0;top:0;bottom:0;z-index:200;box-shadow:-8px 0 30px #00000080}.message-content{max-width:75%}}@media(max-width:768px){.chat-room-header{padding:1rem}.chat-room-header h2{font-size:1.2rem}.messages-container{padding:1rem}.members-sidebar{width:100%}.message-content{max-width:80%}.message-input-area{padding:1rem}.image-preview{max-width:200px;max-height:150px}.message-image{max-width:100%;max-height:250px}.image-preview-container{left:1rem;right:1rem}}@media(max-width:480px){.message-content{max-width:85%}.attach-btn,.send-message-btn{width:48px;height:48px}.message-input{min-height:48px;font-size:.9rem}}.about-page{min-height:100vh;background:linear-gradient(-45deg,#0f172a,#1e3a8a,#1e293b,#0c4a6e);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:#fff;position:relative;overflow-x:hidden}.about-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.15) 0%,transparent 50%);pointer-events:none;z-index:0}.about-page nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;box-shadow:0 4px 30px #0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.about-page .logo{font-size:1.5rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-page .nav-links{display:flex;gap:2.5rem;list-style:none}.about-page .nav-links a{color:#fffc;text-decoration:none;transition:all .3s;font-weight:500}.about-page .nav-links a:hover{color:#60a5fa}.about-page .nav-links a.active{color:#60a5fa;font-weight:600}.sign-in-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:.7rem 2rem;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #8b5cf666}.sign-in-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf699}.about-hero{position:relative;height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:80px}.background-slideshow{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.background-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 2s ease-in-out}.background-slide.active{opacity:1}.about-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f172ab3,#0f172a80);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:0 2rem}.hero-logo{width:150px;height:150px;margin:0 auto 2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-content h1{font-size:4rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fadeInUp 1s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content p{font-size:1.3rem;color:#ffffffe6;line-height:1.8;animation:fadeInUp 1s ease .2s both}.container{max-width:1400px;margin:0 auto;padding:4rem 2rem;position:relative;z-index:1}.mission-section{text-align:center;margin-bottom:5rem;padding:3rem 2rem;background:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:1px solid rgba(255,255,255,.1)}.mission-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.mission-section p{font-size:1.2rem;line-height:1.8;color:#fffc;max-width:800px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:5rem}.feature-card{background:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:2.5rem;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.1),transparent);opacity:0;transition:opacity .4s}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #8b5cf64d;border-color:#8b5cf680}.feature-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:1.5rem;box-shadow:0 8px 24px #0003}.feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.feature-card p{font-size:1rem;line-height:1.7;color:#ffffffb3}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:5rem;padding:3rem;background:#8b5cf61a;border-radius:24px;border:1px solid rgba(139,92,246,.2)}.stat-card{text-align:center;padding:2rem}.stat-number{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;display:block}.stat-label{font-size:1.1rem;color:#fffc;font-weight:500}.team-section{margin-bottom:5rem}.team-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#fff}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.team-member{background:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:2rem;border:1px solid rgba(255,255,255,.1);text-align:center;transition:all .3s}.team-member:hover{transform:translateY(-8px);box-shadow:0 12px 40px #8b5cf64d}.team-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a855f7);display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1.5rem;box-shadow:0 8px 24px #8b5cf666}.team-member h4{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.5rem}.team-role{font-size:.95rem;color:#a855f7;margin-bottom:1rem;font-weight:500}.team-member p{font-size:.9rem;line-height:1.6;color:#ffffffb3}.values-section{margin-bottom:5rem}.values-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#fff}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.value-card{background:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.value-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.value-card h4{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.75rem}.value-card p{font-size:1rem;line-height:1.6;color:#ffffffb3}.cta-section{text-align:center;padding:4rem 2rem;background:#8b5cf626;border-radius:24px;border:1px solid rgba(139,92,246,.3);margin-bottom:3rem}.cta-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.cta-section p{font-size:1.2rem;color:#fffc;margin-bottom:2rem}.cta-btn{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:1.2rem 3rem;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 8px 24px #8b5cf666}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #8b5cf699}.chat-bot{position:fixed;bottom:3rem;right:3rem;width:120px;height:120px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:999;overflow:hidden;box-shadow:0 8px 30px #8b5cf680;border:3px solid rgba(168,85,247,.6)}.chat-bot:hover{transform:scale(1.1);box-shadow:0 12px 40px #8b5cf6b3}.chat-window{position:fixed;bottom:11rem;right:3rem;width:400px;height:600px;background:#1e293bf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px #00000080;display:none;flex-direction:column;z-index:998;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.chat-window.active{display:flex}.chat-header{background:linear-gradient(135deg,#8b5cf6,#a855f7);padding:1.5rem;color:#fff;display:flex;justify-content:space-between;align-items:center}.chat-header h3{margin:0;font-size:1.1rem;font-weight:600}.chat-header p{margin:.25rem 0 0;font-size:.85rem;opacity:.9}.close-chat{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.close-chat:hover{background:#fff3}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;background:#0f172a80;display:flex;flex-direction:column;gap:1rem}.chat-message{display:flex;gap:.75rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.chat-message.user .message-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb)}.message-content{background:#ffffff1a;padding:.75rem 1rem;border-radius:12px;color:#fff;line-height:1.5}.chat-message.user .message-content{background:linear-gradient(135deg,#3b82f6,#2563eb)}.message-time{font-size:.7rem;color:#ffffff80;margin-top:.25rem}.typing-indicator{display:none;gap:.5rem;padding:1rem;align-items:center}.typing-indicator.active{display:flex}.typing-dot{width:8px;height:8px;background:#8b5cf6;border-radius:50%;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.quick-actions{display:flex;gap:.5rem;padding:1rem;border-top:1px solid rgba(255,255,255,.1);background:#0f172a80}.quick-action-btn{flex:1;padding:.6rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;border-radius:8px;cursor:pointer;font-size:.8rem;transition:all .3s}.quick-action-btn:hover{background:#ffffff1a;border-color:#8b5cf6;transform:translateY(-2px)}.chat-input-container{display:flex;gap:.5rem;padding:1rem;border-top:1px solid rgba(255,255,255,.1);background:#0f172a80}.chat-input{flex:1;padding:.75rem 1rem;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:#fff;outline:none;font-size:.9rem;transition:border-color .3s}.chat-input::placeholder{color:#ffffff80}.chat-input:focus{border-color:#8b5cf6;background:#ffffff14}.send-btn{width:44px;height:44px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.send-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #8b5cf666}@media(max-width:1024px){.hero-content h1{font-size:3rem}.features-grid,.team-grid,.values-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.about-page nav{padding:1rem 2rem}.container{padding:2rem 1.5rem}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem}.about-hero{height:60vh}.features-grid,.stats-section,.team-grid,.values-grid{grid-template-columns:1fr}.chat-window{width:90%;right:5%;left:5%}.chat-bot{width:80px;height:80px;bottom:2rem;right:2rem}}.profile-page{min-height:100vh;background:linear-gradient(-45deg,#0f172a,#1e3a8a,#1e293b,#0c4a6e);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;color:#fff}.profile-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.15) 0%,transparent 50%);pointer-events:none;z-index:0}.profile-page nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;box-shadow:0 4px 30px #0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.nav-left{display:flex;align-items:center;gap:1rem}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s}.back-button:hover{background:#fff3;transform:translate(-3px)}.profile-page .logo{font-size:1.5rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.profile-page .nav-links{display:flex;gap:2.5rem;list-style:none}.profile-page .nav-links a{color:#fffc;text-decoration:none;transition:all .3s;font-weight:500}.profile-page .nav-links a:hover{color:#60a5fa}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem}.spinner{width:60px;height:60px;border:4px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{font-size:1.1rem;color:#fffc}.profile-container{max-width:1200px;margin:0 auto;padding:120px 2rem 4rem;position:relative;z-index:1}.cover-photo-section{position:relative;height:320px;border-radius:24px 24px 0 0;overflow:hidden;background:linear-gradient(135deg,#8b5cf666,#3b82f666)}.cover-photo{width:100%;height:100%;object-fit:cover}.cover-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:5rem}.change-cover-btn{position:absolute;bottom:1.5rem;right:1.5rem;background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.875rem 1.75rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:.625rem;font-size:.95rem;font-weight:600;transition:all .3s;border:2px solid rgba(255,255,255,.15)}.change-cover-btn:hover{background:#0f172a;transform:translateY(-3px);box-shadow:0 10px 25px #0006;border-color:#8b5cf6}.profile-header{background:#1e293bb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem 2.5rem;border-radius:0 0 24px 24px;display:flex;justify-content:space-between;align-items:flex-end;box-shadow:0 10px 40px #0003;border:1px solid rgba(255,255,255,.1);border-top:none}.avatar-section{display:flex;align-items:flex-end;gap:2rem}.avatar-wrapper{position:relative;margin-top:-100px}.profile-avatar,.profile-avatar-placeholder{width:180px;height:180px;border-radius:50%;border:6px solid rgba(30,41,59,.9);box-shadow:0 10px 40px #0006;object-fit:cover}.profile-avatar-placeholder{background:linear-gradient(135deg,#8b5cf6,#a855f7);display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:#fff}.change-avatar-btn{position:absolute;bottom:12px;right:12px;background:linear-gradient(135deg,#8b5cf6,#a855f7);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px #8b5cf680;border:3px solid rgba(30,41,59,.9)}.change-avatar-btn:hover{transform:scale(1.15);box-shadow:0 8px 25px #8b5cf6b3}.change-avatar-btn svg{color:#fff}.profile-info h1{margin:0 0 .75rem;font-size:2.25rem;color:#fff;font-weight:800}.profile-email{color:#ffffffb3;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem;font-size:1rem}.profile-bio{color:#fffc;margin:.75rem 0 0;max-width:550px;line-height:1.7;font-size:1.05rem}.edit-profile-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;padding:.875rem 1.875rem;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.625rem;transition:all .3s;box-shadow:0 6px 20px #8b5cf666}.edit-profile-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #8b5cf699}.profile-tabs{display:flex;gap:1rem;margin:2.5rem 0 0;background:#1e293b99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.75rem;border-radius:16px;box-shadow:0 5px 20px #0003;border:1px solid rgba(255,255,255,.1)}.tab{flex:1;padding:1rem 1.5rem;border:none;background:transparent;color:#fff9;font-weight:600;font-size:1rem;cursor:pointer;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.625rem;transition:all .3s}.tab:hover{background:#8b5cf626;color:#ffffffe6}.tab.active{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;box-shadow:0 6px 20px #8b5cf666}.tab-content{background:#1e293b99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2.5rem;border-radius:20px;margin-top:1.5rem;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.1);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.tab-content h2{margin:0 0 2rem;color:#fff;font-weight:800;font-size:2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.625rem;padding:1.5rem;background:#8b5cf614;border-radius:14px;transition:all .3s;border:1px solid rgba(139,92,246,.15)}.info-item:hover{background:#8b5cf626;transform:translateY(-4px);border-color:#8b5cf64d;box-shadow:0 6px 20px #8b5cf633}.info-item label{font-weight:700;color:#fff9;font-size:.875rem;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:.5rem}.info-item p{color:#fff;font-size:1.1rem;margin:0;font-weight:600}.info-item.full-width{grid-column:1 / -1}.edit-form{animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.625rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:700;color:#fff;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.form-group input,.form-group textarea{padding:.875rem 1.125rem;border:2px solid rgba(255,255,255,.15);border-radius:12px;font-size:1rem;transition:all .3s;background:#0f172a99;color:#fff;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;background:#0f172acc;box-shadow:0 0 0 4px #8b5cf626}.form-group textarea{resize:vertical;min-height:120px}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.cancel-btn,.save-btn{padding:.875rem 2rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;border:none;display:flex;align-items:center;gap:.625rem}.cancel-btn{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.cancel-btn:hover{background:#ffffff26;transform:translateY(-2px)}.save-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;box-shadow:0 6px 20px #8b5cf666}.save-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #8b5cf699}.save-btn:disabled,.update-password-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.security-card{background:#8b5cf614;padding:2.5rem;border-radius:16px;max-width:650px;border:1px solid rgba(139,92,246,.2)}.security-card h3{margin:0 0 .75rem;color:#fff;font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.75rem}.security-description{color:#ffffffb3;margin:0 0 2rem;line-height:1.7;font-size:1.05rem}.update-password-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;padding:.875rem 2rem;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;margin-top:1rem;box-shadow:0 6px 20px #8b5cf666}.update-password-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #8b5cf699}.preferences-list{display:flex;flex-direction:column;gap:1.5rem}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;background:#8b5cf614;border-radius:14px;transition:all .3s;border:1px solid rgba(139,92,246,.15)}.preference-item:hover{background:#8b5cf61f;border-color:#8b5cf64d;transform:translate(6px);box-shadow:0 4px 15px #8b5cf626}.preference-info h3{margin:0 0 .5rem;color:#fff;font-size:1.125rem;font-weight:700}.preference-info p{margin:0;color:#ffffffb3;font-size:.95rem;line-height:1.6}.toggle-switch{position:relative;width:60px;height:34px;cursor:pointer}.toggle-switch input{display:none}.toggle-slider{position:absolute;inset:0;background:#fff3;border-radius:50px;transition:all .3s}.toggle-slider:before{content:"";position:absolute;width:26px;height:26px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:all .3s;box-shadow:0 2px 6px #0000004d}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.success-message{background:#10b98126;border:2px solid #10b981;color:#10b981;padding:1.125rem 1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:.875rem;animation:slideDown .3s ease;font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.success-message svg{flex-shrink:0}@media(max-width:1024px){.profile-container{padding:120px 1.5rem 3rem}.form-grid,.info-grid{grid-template-columns:1fr}}@media(max-width:768px){.profile-page nav{padding:1rem 1.5rem}.profile-page .nav-links{display:none}.profile-header{flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:2rem 1.5rem}.avatar-section{flex-direction:column;align-items:center}.avatar-wrapper{margin-top:-120px}.profile-avatar,.profile-avatar-placeholder{width:150px;height:150px}.profile-info h1{font-size:1.875rem}.profile-tabs{flex-direction:column;gap:.625rem}.tab{padding:.875rem}.cover-photo-section{height:240px}.preference-item{flex-direction:column;gap:1.25rem;text-align:center}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%;justify-content:center}.tab-content{padding:1.875rem}}@media(max-width:480px){.profile-container{padding:100px 1rem 2rem}.nav-left{gap:.625rem}.back-button{width:40px;height:40px}.profile-page .logo{font-size:1.25rem}.cover-photo-section{height:200px}.profile-avatar,.profile-avatar-placeholder{width:130px;height:130px;font-size:3rem}.avatar-wrapper{margin-top:-90px}.change-avatar-btn{width:44px;height:44px}.profile-info h1,.tab-content h2{font-size:1.625rem}.info-item{padding:1.25rem}}.my-bookings-page{min-height:100vh;background:linear-gradient(-45deg,#0f172a,#1e3a8a,#1e293b,#0c4a6e);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:#fff;position:relative}.my-bookings-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.15) 0%,transparent 50%);pointer-events:none;z-index:0}.my-bookings-page nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;box-shadow:0 4px 30px #0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.my-bookings-page .logo{font-size:1.5rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.my-bookings-page .nav-links{display:flex;gap:2.5rem;list-style:none}.my-bookings-page .nav-links a{color:#fffc;text-decoration:none;transition:all .3s;font-weight:500}.my-bookings-page .nav-links a:hover{color:#60a5fa}.my-bookings-page .nav-links a.active{color:#60a5fa;font-weight:600}.bookings-container{max-width:1400px;margin:0 auto;padding:140px 2rem 4rem;position:relative;z-index:1}.bookings-header{text-align:center;margin-bottom:3rem}.bookings-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bookings-header p{font-size:1.1rem;color:#ffffffb3}.bookings-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s}.stat-card:hover{transform:translateY(-5px);border-color:#8b5cf680;box-shadow:0 10px 30px #8b5cf633}.stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stat-icon.confirmed{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.upcoming{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.completed{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.cancelled{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-info h3{font-size:2rem;font-weight:700;margin:0 0 .25rem;color:#fff}.stat-info p{margin:0;color:#ffffffb3;font-size:.9rem}.bookings-filters{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;margin-bottom:2rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.filter-btn{padding:.75rem 1.5rem;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s}.filter-btn:hover{border-color:#8b5cf680;background:#8b5cf61a}.filter-btn.active{border-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 4px 15px #8b5cf666}.bookings-list{display:flex;flex-direction:column;gap:1.5rem}.booking-card{background:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:all .3s}.booking-card:hover{transform:translateY(-5px);border-color:#8b5cf680;box-shadow:0 10px 30px #8b5cf633}.booking-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:#8b5cf614;border-bottom:1px solid rgba(255,255,255,.1)}.booking-id{display:flex;flex-direction:column;gap:.5rem}.booking-id h3{margin:0;font-size:1.3rem;color:#fff}.booking-id p{margin:0;color:#fff9;font-size:.9rem}.booking-status{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem}.booking-status.confirmed{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.booking-status.cancelled{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.booking-status.completed{background:#8b5cf633;color:#a855f7;border:1px solid rgba(139,92,246,.3)}.booking-card-body{display:grid;grid-template-columns:200px 1fr;gap:2rem;padding:1.5rem}.booking-image{width:100%;height:150px;object-fit:cover;border-radius:12px}.booking-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;gap:3rem;flex-wrap:wrap}.detail-item{display:flex;align-items:center;gap:.75rem}.detail-item svg{color:#8b5cf6cc;flex-shrink:0}.detail-label{color:#fff9;font-size:.85rem;margin-right:.5rem}.detail-value{color:#fff;font-weight:600}.booking-card-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#0003}.booking-total{display:flex;flex-direction:column;gap:.25rem}.booking-total span:first-child{color:#ffffffb3;font-size:.9rem}.booking-total span:last-child{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.booking-actions{display:flex;gap:1rem}.action-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.action-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 15px #3b82f64d}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.action-btn.secondary{background:#ffffff0d;color:#fff;border:2px solid rgba(255,255,255,.2)}.action-btn.secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.action-btn.danger{background:#ef44441a;color:#ef4444;border:2px solid rgba(239,68,68,.3)}.action-btn.danger:hover{background:#ef444433;border-color:#ef444480}.empty-state{text-align:center;padding:4rem 2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px}.empty-state svg{margin-bottom:1.5rem;opacity:.5}.empty-state h3{font-size:1.8rem;margin-bottom:1rem;color:#fff}.empty-state p{color:#ffffffb3;margin-bottom:2rem}.empty-state .action-btn{margin:0 auto}.loading-state{text-align:center;padding:4rem 2rem}.spinner{width:60px;height:60px;border:4px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.loading-state p{color:#ffffffb3;font-size:1.1rem}@media(max-width:1024px){.my-bookings-page nav{padding:1.5rem 2rem}.bookings-container{padding:120px 1.5rem 3rem}.booking-card-body{grid-template-columns:1fr}.booking-image{height:200px}}@media(max-width:768px){.bookings-header h1{font-size:2.5rem}.bookings-stats{grid-template-columns:1fr}.booking-card-footer{flex-direction:column;gap:1rem;align-items:stretch}.booking-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.detail-row{flex-direction:column;gap:1rem}.my-bookings-page .nav-links{display:none}}@media(max-width:480px){.my-bookings-page nav{padding:1rem}.bookings-container{padding:100px 1rem 2rem}.bookings-header h1{font-size:2rem}.bookings-filters{flex-direction:column}.filter-btn{width:100%}}.settings-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e3a8a,#1e293b,#0c4a6e,#0f172a);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative}.settings-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(59,130,246,.15) 0%,transparent 50%);pointer-events:none}.settings-page nav{background:#1e293bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.25rem 2.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 30px #0000004d;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.nav-left{display:flex;align-items:center;gap:1.5rem}.back-button{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);padding:.625rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#ffffffe6}.back-button:hover{background:#8b5cf64d;border-color:#8b5cf680;transform:translate(-3px)}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links li a{color:#fffc;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links li a:hover{color:#fff}.settings-container{max-width:1400px;margin:0 auto;padding:3rem 2rem;position:relative;z-index:1}.settings-header{text-align:center;margin-bottom:3rem}.settings-header h1{font-size:2.5rem;font-weight:700;color:#fffffff2;margin-bottom:.5rem}.settings-header p{font-size:1.125rem;color:#fff9}.settings-content{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.settings-sidebar{background:#1e293b99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003;position:sticky;top:120px}.sidebar-item{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:transparent;border:none;border-radius:12px;color:#ffffffb3;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem}.sidebar-item:hover{background:#8b5cf61a;color:#ffffffe6;transform:translate(4px)}.sidebar-item.active{background:linear-gradient(135deg,#8b5cf64d,#a855f74d);color:#fff;border:1px solid rgba(139,92,246,.4);box-shadow:0 4px 16px #8b5cf64d}.sidebar-item svg{flex-shrink:0}.sidebar-item span{flex:1;text-align:left}.settings-main{background:#1e293b99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:2.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003;min-height:600px}.section-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.section-header h2{font-size:1.875rem;font-weight:700;color:#fffffff2;margin-bottom:.5rem}.section-header p{font-size:1rem;color:#fff9}.settings-group{margin-bottom:2.5rem}.settings-group h3{font-size:1.25rem;font-weight:600;color:#ffffffe6;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#0f172a66;border-radius:12px;margin-bottom:1rem;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.setting-item:hover{background:#0f172a99;border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf61a}.setting-info h4{font-size:1rem;font-weight:600;color:#ffffffe6;margin-bottom:.25rem}.setting-info p{font-size:.875rem;color:#fff9}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#64748b4d;transition:.3s;border-radius:28px;border:1px solid rgba(255,255,255,.1)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-color:#8b5cf680}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.radio-group{display:flex;flex-direction:column;gap:1rem}.radio-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#0f172a66;border-radius:12px;border:2px solid rgba(255,255,255,.05);cursor:pointer;transition:all .3s ease}.radio-item:hover{background:#0f172a99;border-color:#8b5cf64d;transform:translateY(-2px)}.radio-item input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#8b5cf6}.radio-item input[type=radio]:checked~.radio-content{color:#fff}.radio-item:has(input:checked){background:#8b5cf626;border-color:#8b5cf680;box-shadow:0 4px 16px #8b5cf633}.radio-content{flex:1}.radio-content h4{font-size:1rem;font-weight:600;color:#ffffffe6;margin-bottom:.25rem}.radio-content p{font-size:.875rem;color:#fff9}.select-group{display:flex;flex-direction:column;gap:1.5rem}.select-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#0f172a66;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.select-item:hover{background:#0f172a99;border-color:#8b5cf64d}.select-item label{flex:1}.select-item label h4{font-size:1rem;font-weight:600;color:#ffffffe6;margin-bottom:.25rem}.select-item label p{font-size:.875rem;color:#fff9}.select-item select{padding:.75rem 1rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:.9375rem;cursor:pointer;min-width:200px;transition:all .3s ease}.select-item select:focus{outline:none;border-color:#8b5cf680;background:#0f172acc;box-shadow:0 0 0 3px #8b5cf61a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9375rem;font-weight:600;color:#ffffffe6;margin-bottom:.5rem}.form-group input{width:100%;padding:.875rem 1rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#8b5cf680;background:#0f172acc;box-shadow:0 0 0 3px #8b5cf61a}.form-group input::placeholder{color:#fff6}.save-button{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 2rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #8b5cf64d;margin-top:1.5rem}.save-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #8b5cf666}.save-button:disabled{opacity:.6;cursor:not-allowed}.terminate-button{padding:.5rem 1rem;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.terminate-button:hover{background:#ef44444d;border-color:#ef444480}.danger-button{padding:.875rem 2rem;background:#ef444433;border:2px solid rgba(239,68,68,.5);border-radius:10px;color:#ef4444;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.danger-button:hover:not(:disabled){background:#ef44444d;border-color:#ef4444b3;transform:translateY(-2px)}.danger-button:disabled{opacity:.5;cursor:not-allowed}.activity-list,.sessions-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#0f172a66;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.activity-item:hover{background:#0f172a99;border-color:#8b5cf633;transform:translate(4px)}.activity-icon{font-size:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#8b5cf626;border-radius:12px;flex-shrink:0}.activity-content h4{font-size:1rem;font-weight:600;color:#ffffffe6;margin-bottom:.25rem}.activity-content p{font-size:.875rem;color:#fff9}.session-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#0f172a66;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.session-item:hover{background:#0f172a99;border-color:#8b5cf633}.session-info h4{font-size:1rem;font-weight:600;color:#ffffffe6;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.current-badge{display:inline-block;padding:.25rem .625rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;font-size:.75rem;font-weight:600;color:#fff}.session-info p{font-size:.875rem;color:#fff9}.danger-zone{padding:2rem;background:#ef44440d;border-radius:16px;border:2px solid rgba(239,68,68,.2)}.danger-zone h3{color:#ef4444;border-bottom-color:#ef444433}.danger-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#0f172a99;border-radius:12px;border:1px solid rgba(239,68,68,.2)}.danger-content h4{font-size:1rem;font-weight:600;color:#ffffffe6;margin-bottom:.25rem}.danger-content p{font-size:.875rem;color:#fff9}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{padding:1.25rem;background:#0f172a66;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.info-item label{display:block;font-size:.875rem;font-weight:600;color:#fff9;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.info-item p{font-size:1rem;font-weight:500;color:#ffffffe6}.modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#1e293bf2;border-radius:20px;max-width:500px;width:100%;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:1.5rem;font-weight:700;color:#fffffff2;margin:0}.close-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;cursor:pointer;color:#ffffffb3;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#ffffff1a;color:#fff}.modal-body{padding:2rem}.modal-body p{color:#fffc;margin-bottom:1rem;line-height:1.6}.modal-body ul{list-style:none;padding-left:0;margin-bottom:1.5rem}.modal-body ul li{color:#ffffffb3;padding:.5rem 0 .5rem 1.5rem;position:relative}.modal-body ul li:before{content:"•";position:absolute;left:0;color:#ef4444;font-weight:700}.modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.cancel-button{flex:1;padding:.875rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffe6;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#ffffff1a;border-color:#fff3}.modal-footer .danger-button{flex:1}.success-message{display:flex;align-items:center;gap:.875rem;padding:1.125rem 1.5rem;background:#10b98126;border:2px solid rgba(16,185,129,.5);border-radius:12px;color:#10b981;font-weight:600;margin-bottom:2rem;animation:slideDown .3s ease}.error-message{display:flex;align-items:center;gap:.875rem;padding:1.125rem 1.5rem;background:#ef444426;border:2px solid rgba(239,68,68,.5);border-radius:12px;color:#ef4444;font-weight:600;margin-bottom:2rem;animation:slideDown .3s ease}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-state p,.empty-state p{color:#fff9;font-size:1rem}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:1024px){.settings-content{grid-template-columns:1fr}.settings-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.sidebar-item{padding:.875rem 1rem;margin-bottom:0}.sidebar-item:hover{transform:translateY(-2px)}}@media(max-width:768px){.settings-page nav{padding:1rem 1.5rem}.nav-links{display:none}.settings-container{padding:2rem 1rem}.settings-header h1{font-size:2rem}.settings-main{padding:1.5rem}.setting-item,.select-item{flex-direction:column;align-items:flex-start;gap:1rem}.select-item select{width:100%;min-width:unset}.session-item,.danger-card{flex-direction:column;align-items:flex-start;gap:1rem}.modal-overlay{padding:1rem}.modal-footer{flex-direction:column}}@media(max-width:480px){.settings-sidebar{grid-template-columns:1fr}.sidebar-item span{font-size:.9375rem}.info-grid{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(-45deg,#0f172a,#1e3a8a,#1e293b,#0c4a6e);background-size:400% 400%;animation:gradientShift 15s ease infinite;padding:2rem;position:relative}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.15) 0%,transparent 50%);pointer-events:none}.auth-container{width:100%;max-width:480px;position:relative;z-index:1}.auth-card{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 80px #00000080;animation:slideUp .6s cubic-bezier(.4,0,.2,1)}.auth-card.signup-card{max-width:520px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.auth-logo span{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:#fff9;font-size:1rem}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;margin-bottom:1.5rem;font-size:.9rem;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.success-message{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;color:#10b981;margin-bottom:1.5rem;font-size:.9rem;animation:slideDown .4s ease}.success-message svg{flex-shrink:0;margin-top:.1rem}.success-message div{flex:1}.success-message strong{display:block;margin-bottom:.35rem;font-size:1rem}.success-message p{margin:0;color:#10b981e6;font-size:.85rem;line-height:1.4}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.social-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.9rem 1.5rem;border:2px solid rgba(255,255,255,.15);border-radius:12px;background:#ffffff0d;color:#fff;font-weight:600;cursor:pointer;transition:all .3s;font-size:.95rem}.social-btn:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.divider{display:flex;align-items:center;margin:1.5rem 0;color:#fff6;font-size:.9rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff26}.divider span{padding:0 1rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#ffffffe6;font-weight:600;font-size:.9rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#fff6;pointer-events:none}.input-wrapper input{width:100%;padding:.9rem 1rem .9rem 3rem;background:#0f172a99;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.95rem;outline:none;transition:all .3s}.input-wrapper input::placeholder{color:#ffffff4d}.input-wrapper input:focus{border-color:#8b5cf6;background:#0f172acc;box-shadow:0 0 0 4px #8b5cf61a}.toggle-password{position:absolute;right:1rem;background:none;border:none;color:#ffffff80;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .3s}.toggle-password:hover{color:#fffc}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#8b5cf6}.checkbox-label a{color:#a855f7;text-decoration:none;transition:color .3s}.checkbox-label a:hover{color:#c084fc}.forgot-link{color:#a855f7;text-decoration:none;transition:color .3s}.forgot-link:hover{color:#c084fc}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 8px 24px #8b5cf666;margin-top:.5rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf680}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:1.5rem;color:#fff9;font-size:.95rem}.auth-footer a{color:#a855f7;text-decoration:none;font-weight:600;transition:color .3s}.auth-footer a:hover{color:#c084fc}.back-home{display:flex;align-items:center;justify-content:center;gap:.5rem;background:none;border:none;color:#ffffff80;font-size:.9rem;cursor:pointer;margin-top:1.5rem;padding:.5rem;transition:color .3s;width:100%}.back-home:hover{color:#fffc}@media(max-width:640px){.auth-page{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-header h1{font-size:1.75rem}.form-options{flex-direction:column;align-items:flex-start;gap:.75rem}}