.sidebar{position:fixed;left:0;top:0;width:240px;height:100vh;background:linear-gradient(135deg,#003b5c,#002339);color:#fff;padding:.5rem;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:5px 0 20px #0003;z-index:1000;overflow-y:auto;overflow-x:hidden}.logo-section{margin-bottom:3rem;position:relative}.logo-section:after{content:"";position:absolute;bottom:-1.5rem;left:0;width:100%;height:2px;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0)}.logo-container{display:flex;align-items:center;gap:1rem}.logo-container img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.3));animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.logo-text{display:flex;flex-direction:column}.brand-name{font-size:1.4rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.brand-subtitle{font-size:.9rem;color:#4cc9f0;letter-spacing:.5px}.nav-section{flex:1;margin-top:1rem;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;scroll-behavior:smooth}.nav-item{margin-bottom:.8rem;position:relative}.nav-item a{display:flex;align-items:center;padding:1rem;color:#fffc;text-decoration:none;border-radius:12px;transition:all .3s ease;background:#ffffff0d;border:1px solid rgba(255,255,255,.05)}.nav-item a:hover{background:#4cc9f01a;color:#fff;transform:translate(8px);border:1px solid rgba(76,201,240,.3);box-shadow:0 4px 15px #0003}.nav-item a.active{background:#4cc9f026;color:#4cc9f0;border:1px solid rgba(76,201,240,.5);box-shadow:0 4px 20px #4cc9f033}.nav-item a.active:before{content:"";position:absolute;left:-2rem;top:50%;width:1rem;height:2px;background:#4cc9f0;transform:scaleX(0);animation:slideIn .3s forwards}@keyframes slideIn{to{transform:scaleX(1)}}.nav-icon{margin-right:1rem;font-size:1.4rem;transition:transform .3s ease}.nav-item:hover .nav-icon{transform:scale(1.2)}.quote-section{padding-top:1.5rem;margin-top:auto;border-top:1px solid rgba(76,201,240,.2);position:relative}.quote-section:before{content:"";position:absolute;top:-1px;left:0;width:50%;height:1px;background:linear-gradient(90deg,#4CC9F0,transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.quote-box{background:#4cc9f00d;padding:1.2rem;border-radius:12px;border:1px solid rgba(76,201,240,.1);transition:all .3s ease}.quote-box:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003;border-color:#4cc9f04d}.quote-text{font-size:.9rem;color:#ffffffe6;font-style:italic;margin-bottom:.5rem;line-height:1.4}.quote-author{font-size:.8rem;color:#4cc9f0;font-weight:500}.main-content{background:#f5f5f5;min-height:100vh;width:calc(100% - 240px)}.app-container{position:relative;isolation:isolate;width:100%}.sidebar::-webkit-scrollbar{width:0px}.nav-section{flex:1;margin-top:1rem;overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.nav-section{scroll-behavior:smooth}@media screen and (min-width: 768px){.main-content{width:calc(100% - 240px)}}@media screen and (max-width: 767px){.sidebar{transform:translate(-100%)}.sidebar.active{transform:translate(0)}.main-content{width:100%}}.chatbot-container{position:fixed;bottom:2rem;right:2rem;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.chat-toggle{background-color:var(--primary-blue);color:#fff;border:none;border-radius:30px;padding:1rem 1.5rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 24px #00000026;will-change:transform;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.chat-toggle i{font-size:1.2rem}.chat-window{position:absolute;bottom:0;right:0;width:350px;height:500px;background:#fffffffa;border-radius:20px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.chat-header{background:linear-gradient(135deg,var(--primary-blue),#2c5282);color:#fff;padding:1.2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.chat-header h3{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:.5px}.close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.close-button:hover{background-color:#ffffff1a}.messages-container{flex:1;overflow-y:auto;padding:1.2rem;display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.welcome-message{color:#4a5568;line-height:1.6;padding:1rem;background:#edf2f7cc;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.welcome-message ul{list-style:none;padding:0;margin:.8rem 0}.welcome-message li{color:var(--primary-blue);margin:.8rem 0;padding-left:1.8rem;position:relative;font-weight:500}.welcome-message li:before{content:"→";color:var(--success-green);position:absolute;left:.5rem;font-weight:700}.message{padding:1rem 1.2rem;border-radius:16px;max-width:85%;line-height:1.5;font-size:.95rem;box-shadow:0 2px 8px #0000000d;will-change:transform}.user-message{background:linear-gradient(135deg,var(--light-mint),#e6fffa);color:var(--primary-blue);align-self:flex-end;border-bottom-right-radius:4px}.bot-message{background:linear-gradient(135deg,var(--accent-color),#ebf8ff);color:var(--primary-blue);align-self:flex-start;border-bottom-left-radius:4px}.chat-input{padding:1.2rem;border-top:1px solid rgba(226,232,240,.8);display:flex;gap:.8rem;background:#ffffffe6}.chat-input input{flex:1;padding:.8rem 1.2rem;border:2px solid #e2e8f0;border-radius:25px;font-size:.95rem;outline:none;transition:all .3s ease;background:#ffffffe6}.chat-input input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #4299e126}.chat-input button{background:var(--primary-blue);color:#fff;border:none;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.chat-input button:hover{transform:scale(1.05);background:var(--success-green)}.chat-input button i{font-size:1.2rem;transform:translate(1px)}:root{--primary-blue: #004977;--primary-red: #D03027;--light-gray: #f5f5f5;--dark-gray: #333333;--white: #ffffff;--success-green: #00a862;--light-mint: #e6f3ff;--primary-color: #004977;--accent-color: #e6f3ff;--text-light: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--dark-gray);background-color:var(--light-gray)}.app-container{display:flex;min-height:100vh;width:100%}.sidebar{background:var(--primary-color);min-height:100vh;width:240px;display:flex;flex-direction:column;gap:1rem;position:fixed;left:0;top:0;box-shadow:2px 0 10px #0000001a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.logo-section{padding:.5rem;margin-bottom:1rem}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-section img{width:42px;height:42px;object-fit:contain}.logo-text{display:flex;flex-direction:column;gap:.1rem}.brand-name{color:var(--white);font-size:1.4rem;font-weight:700;letter-spacing:.5px;line-height:1.2;font-family:Poppins,sans-serif}.brand-subtitle{color:var(--text-light);font-size:1.1rem;opacity:.9;letter-spacing:.3px;font-family:Poppins,sans-serif;font-weight:300}.nav-section{display:flex;flex-direction:column;gap:.5rem}.nav-section ul{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:.5rem}.nav-item a{display:flex;align-items:center;gap:1rem;padding:1rem;color:var(--text-light);text-decoration:none;border-radius:8px;transition:all .3s ease;font-weight:500;letter-spacing:.3px;font-size:.95rem}.nav-item a:hover{background:#ffffff1a;transform:translate(5px)}.nav-item a.active{background:var(--accent-color);color:var(--primary-color);font-weight:600}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:1.2rem;opacity:.9;transition:all .3s ease}.nav-item a:hover .nav-icon{transform:scale(1.1);opacity:1}.nav-item a.active .nav-icon{opacity:1}.coffee-quote{margin-top:auto;padding:1.5rem;background:#ffffff0d;border-radius:12px;color:var(--text-light)}.coffee-quote p{font-style:italic;font-size:.9rem;margin-bottom:.5rem;line-height:1.4;font-family:Poppins,sans-serif;font-weight:300;letter-spacing:.3px}.coffee-quote span{font-size:.8rem;opacity:.8;font-family:Poppins,sans-serif;font-weight:500}.divider{height:1px;background:#ffffff1a;margin:1rem 0}.main-content{flex:1;background:#f5f5f5;min-height:100vh;overflow-x:hidden;width:calc(100% - 240px)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.dashboard-title h1{font-size:1.8rem;margin-bottom:.5rem}.dashboard-title p{color:#666}.user-actions{display:flex;align-items:center;gap:1rem}.icon-button{background:none;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s}.icon-button:hover{background-color:#0000000d}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:30px;background-color:var(--white);box-shadow:0 2px 8px #0000000d;transition:all .3s ease;cursor:pointer}.user-profile:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-profile img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-blue)}.user-profile span{color:var(--dark-gray);font-size:.9rem;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;padding:0 2rem}.card-section{grid-column:span 8;background-color:var(--white);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.card-section h2{font-size:1.2rem;color:#333;margin-bottom:1.5rem;font-weight:500}.card-carousel{position:relative;margin:1rem 0 2rem;display:flex;align-items:center;justify-content:center;gap:1.5rem}.carousel-arrow{background:none;border:none;font-size:2.5rem;cursor:pointer;padding:0 .5rem;color:#666;opacity:.4;transition:opacity .2s}.carousel-arrow:hover{opacity:.8}.credit-card{width:400px;height:250px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;background:#fff;display:flex;justify-content:center;align-items:center;padding:0;transition:transform .3s ease}.credit-card:hover{transform:scale(1.02);box-shadow:0 6px 16px #00000026}.credit-card img{width:100%;height:100%;object-fit:cover;border-radius:12px}.card-info{margin-top:1rem;padding:0 2rem}.weekly-limit{margin-top:.5rem}.weekly-limit span{font-size:.85rem;color:#666;display:block;margin-bottom:.5rem}.limit-bar{height:4px;background-color:#eee;border-radius:4px;margin:.5rem 0;overflow:hidden}.limit-progress{height:100%;background:linear-gradient(90deg,var(--success-green) 0%,var(--primary-blue) 100%);border-radius:4px;transition:width .3s ease}.balance-section{grid-column:span 4;background-color:var(--white);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.balance-card{text-align:left;position:relative}.balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.balance-header h3{color:#666;font-size:.9rem;margin:0}.points-badge{background:var(--light-mint);color:var(--primary-blue);padding:.5rem .75rem;border-radius:20px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.points-badge i{color:var(--success-green);font-size:1rem}.balance-card .amount{font-size:2.5rem;font-weight:700;color:var(--primary-blue);margin:.75rem 0 1.5rem;line-height:1;text-shadow:1px 1px 0 rgba(0,73,119,.1)}.balance-details{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.balance-details>div{display:flex;justify-content:space-between;align-items:center}.balance-details span:first-child{color:#666;font-size:.85rem}.balance-details .green{color:var(--success-green);font-weight:600;font-size:1rem;background:none;padding:0}.balance-details .red{color:var(--primary-red);font-weight:600;font-size:1rem;background:none;padding:0}.balance-footer{margin-top:1rem;display:flex;align-items:center;gap:.5rem}.trend-indicator{display:flex;align-items:center;gap:.25rem;font-weight:600;font-size:.9rem}.trend-indicator.positive{color:var(--success-green);background:none;padding:0}.trend-indicator.negative{color:var(--primary-red);background:none;padding:0}.trend-indicator i{font-size:1rem}.period{color:#666;font-size:.85rem}.past-trends{grid-column:span 12;background-color:var(--white);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.trend-card{background:#fff;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 4px #0000001a}.trend-card img{width:50px;height:50px;object-fit:cover;border-radius:8px}.trend-info{display:flex;flex-direction:column;gap:.25rem}.trend-info .amount{font-weight:700;color:#0047ab}.trend-info .item-name{font-size:.9rem;color:#666}.trends-grid::-webkit-scrollbar{height:6px}.trends-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.trends-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.trends-grid::-webkit-scrollbar-thumb:hover{background:#999}.transaction-history{grid-column:span 8;background-color:var(--white);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.transaction-history h2{color:var(--primary-blue);font-size:1.2rem;margin-bottom:1.5rem}table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem}th,td{padding:1rem;text-align:left;border-bottom:1px solid #eee}th{color:var(--primary-blue);font-weight:600;background:var(--light-mint);font-size:.9rem}th:first-child{border-top-left-radius:8px}th:last-child{border-top-right-radius:8px;text-align:center;padding-right:2.5rem}td{transition:background-color .2s}tr:hover td{background-color:var(--light-mint)}td:first-child{color:var(--primary-blue);font-weight:500;display:flex;align-items:center;gap:.5rem}td:first-child i{color:var(--success-green);font-size:1.1rem}td:nth-child(2){color:var(--dark-gray);font-weight:500}td:nth-child(3){font-weight:600;color:var(--success-green);text-align:center;width:100px;background:none}td:nth-child(3):before{content:"+";color:var(--success-green);margin-right:.2rem}td:last-child{font-weight:600;color:var(--primary-blue);text-align:center;background:none;padding-right:2.5rem}td:last-child:before{content:"$";color:var(--primary-blue);margin-right:.1rem}.most-visited{grid-column:span 4;background-color:var(--white);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.visited-list{margin-top:1rem}.visited-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.visited-item img{width:40px;height:40px;border-radius:8px;object-fit:cover}.visited-info{flex:1}.percentage-bar{height:4px;background-color:#eee;border-radius:2px;margin-top:.5rem}.percentage-progress{height:100%;background:linear-gradient(90deg,var(--primary-blue) 0%,var(--success-green) 100%);border-radius:2px;transition:width .3s ease}.percentage-value{color:var(--primary-blue);font-weight:600;font-size:.9rem;background:none;padding:0}.weekly-limit span:last-child{color:var(--primary-blue);font-weight:600;font-size:.9rem;background:none;padding:0;margin-top:.5rem}.shopping-sites-container{padding:2rem;max-width:1400px;margin:0 auto 0 240px;width:calc(100% - 240px);background:#fff;min-height:100vh;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.shopping-header{text-align:center;margin-bottom:3rem;padding:2rem;background:#f8f9fa;border-radius:20px;box-shadow:0 8px 32px #0000001a}.shopping-header h1{font-size:3rem;color:#4361ee;margin-bottom:1.5rem;text-shadow:none;font-weight:800;letter-spacing:-1px}.header-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.total-points{background:#4361ee;padding:1.5rem 3rem;border-radius:15px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 20px #4361ee66}.points-value{font-size:3rem;font-weight:700;color:#fff}.points-label{font-size:1.2rem;color:#fff;text-transform:uppercase;letter-spacing:2px}.shopping-header p{font-size:1.2rem;color:#333;max-width:800px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.stores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:1rem}.store-card{background:#fff;border-radius:20px;padding:1.5rem;cursor:pointer;position:relative;overflow:hidden;border:2px solid #f0f0f0;transition:all .3s ease;display:flex;flex-direction:column;gap:1.5rem;height:100%;box-shadow:0 4px 6px #0000001a}.store-card:hover{border-color:#4361ee;transform:translateY(-5px);box-shadow:0 10px 30px #4361ee33}.store-logo{position:relative;width:100%;height:120px;display:flex;align-items:center;justify-content:center;padding:1rem;background:#fff;border-radius:12px}.streak-badge{position:absolute;top:-10px;right:-10px;background:#4361ee;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700;color:#fff;box-shadow:0 0 20px #4361ee66}.store-logo img{max-width:80%;max-height:80%;object-fit:contain;transition:transform .3s ease;filter:none}.store-card:hover .store-logo img{transform:scale(1.1)}.store-info{display:flex;flex-direction:column;gap:1rem;flex:1}.store-info h3{font-size:1.8rem;color:#1a1a1a;margin:0;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.5px}.category{font-size:.9rem;color:#fff;text-transform:uppercase;letter-spacing:1.5px;background:#4361ee;padding:.4rem 1.2rem;border-radius:15px;display:inline-block;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.next-reward{background:#fff;border-radius:15px;padding:1.2rem;margin:1rem 0;border:2px solid #4361EE;box-shadow:0 4px 12px #4361ee1a}.next-reward h4{color:#4361ee;margin-bottom:.8rem;font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:8px}.next-reward h4:before{content:"🎁";font-size:1.3rem}.reward-name{color:#1a1a1a;font-size:1.3rem;font-weight:700;margin-bottom:1.2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f8f9fa;padding:8px 12px;border-radius:8px;border-left:4px solid #4361EE}.progress-container{background:#f0f0f0;border-radius:12px;height:24px;position:relative;overflow:visible;border:2px solid #e0e0e0;margin-top:8px}.progress-bar{height:100%;background:linear-gradient(90deg,#4361ee,#6483ff);border-radius:8px;transition:width .5s ease;position:relative}.points-remaining{position:absolute;top:-30px;right:0;transform:none;color:#4361ee;font-size:1rem;font-weight:700;background:#fff;padding:4px 12px;border-radius:20px;border:2px solid #4361EE;white-space:nowrap;box-shadow:0 2px 8px #4361ee33;display:flex;align-items:center;gap:4px}.points-remaining:before{content:"🎯";font-size:1rem}.purchase-history,.recommendations{background:#f8f9fa;border-radius:15px;padding:1rem;margin:1rem 0;border:1px solid #e9ecef}.purchase-history h4,.recommendations h4{color:#4361ee;font-size:1.3rem;margin-bottom:1rem;font-weight:700;letter-spacing:-.5px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.purchase-item,.recommendation-item{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;transition:all .3s ease;border:1px solid #e9ecef}.purchase-item:hover,.recommendation-item:hover{border-color:#4361ee;transform:translate(5px)}.purchase-item .item-name,.recommendation-item .item-name{font-weight:600;color:#1a1a1a;display:block;margin-bottom:.5rem;font-size:1.1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.purchase-details,.rec-header{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.purchase-details .price,.rec-header .price{font-weight:600;color:#4361ee}.purchase-details .date{color:#666;font-size:.9rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.rec-details{margin-top:1rem}.rec-details .cashback{display:inline-block;background:#4361ee;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700;margin-bottom:.5rem;box-shadow:0 0 15px #4361ee4d}.rec-details .reason{color:#666;font-size:.95rem;margin:0;font-style:italic;line-height:1.5;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.shop-now-button{background:#4361ee;color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;margin-top:auto;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 20px #4361ee4d;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.shop-now-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 30px #4361ee80}@media (max-width: 768px){.shopping-sites-container{padding:1rem}.shopping-header h1{font-size:2rem}.stores-grid{grid-template-columns:1fr;gap:1rem}.store-card{padding:1rem}.store-logo{height:100px}.shop-now-button{padding:.8rem 1.5rem;font-size:1rem}}@keyframes glow{0%{box-shadow:0 0 5px #4361ee80}50%{box-shadow:0 0 20px #4361eecc}to{box-shadow:0 0 5px #4361ee80}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.store-card{animation:float 6s ease-in-out infinite}.streak-badge,.points-value{animation:glow 2s infinite}:root{--pixel-border: #2d4b5a;--primary-blue: #004977;--primary-red: #D03027;--success-green: #00a862;--light-mint: #e5f6f0;--pixel-shadow: rgba(0, 0, 0, .2)}.quiz-container{min-height:calc(100vh - 4rem);background:#e6f3ff;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:"Press Start 2P",system-ui,-apple-system,sans-serif;padding:2rem;border-radius:12px;margin:1rem auto;margin-left:calc(240px + 8rem);width:calc(100% - 400px);max-width:1400px}.retro-title{font-size:3rem;color:var(--primary-blue);text-align:center;margin-bottom:3rem;text-shadow:4px 4px 0 var(--pixel-shadow);letter-spacing:2px;animation:float 3s ease-in-out infinite;background:none}.pixel-plant{position:absolute;width:100px;height:150px;background-color:var(--success-green);clip-path:polygon(50% 0,100% 50%,80% 100%,20% 100%,0 50%)}.left-plant{left:5%;bottom:15%;transform:rotate(-15deg)}.right-plant{right:5%;bottom:20%;transform:rotate(15deg)}.pixel-coffee{position:absolute;width:80px;height:100px;background-color:var(--primary-red);border-radius:0 0 15px 15px}.left-coffee{left:15%;top:20%;transform:rotate(-25deg)}.right-coffee{right:18%;bottom:30%;transform:rotate(15deg)}.pixel-envelopes{position:absolute;width:100px;height:60px;background-color:var(--primary-blue)}.top-envelope{right:25%;top:15%;transform:rotate(-25deg)}.bottom-envelope{left:20%;bottom:25%;transform:rotate(15deg)}.category-title{color:var(--primary-blue);font-size:1.5rem;margin-bottom:2rem;text-align:center;border-bottom:4px solid var(--pixel-border);padding-bottom:1.5rem}.question-box{background-color:var(--light-mint);border:4px solid var(--pixel-border);padding:2rem;margin-bottom:2.5rem;border-radius:8px;box-shadow:inset 4px 4px #0000001a}.question-box p{color:var(--primary-blue);font-size:1.2rem;line-height:1.8}.retro-buttons{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.quiz-button{font-family:"Press Start 2P",system-ui,-apple-system,sans-serif;padding:1.2rem 3rem;border:4px solid var(--pixel-border);font-size:1.2rem;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:8px 8px 0 var(--pixel-shadow)}.true-button{background-color:var(--success-green);color:#fff}.false-button{background-color:var(--primary-red);color:#fff}.quiz-button:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--pixel-shadow)}.quiz-button:active{transform:translate(4px,4px);box-shadow:4px 4px 0 var(--pixel-shadow)}.feedback-box{text-align:center;padding:1.5rem;border-radius:8px;font-weight:700;font-size:1.1rem;border:4px solid var(--pixel-border);animation:fadeIn .3s ease-in-out;margin-top:1rem}.feedback-box.correct{background-color:#00a8621a;color:var(--success-green)}.feedback-box.incorrect{background-color:#d030271a;color:var(--primary-red)}.pixel-plant,.pixel-coffee,.pixel-envelopes{animation:float 3s ease-in-out infinite}@media (max-width: 768px){.retro-title{font-size:2rem;margin-bottom:2rem}.retro-card{padding:1.5rem}.card-content h2{font-size:1.2rem}.enter-button{padding:1rem 2rem;font-size:1rem}.pixel-plant,.pixel-coffee,.pixel-envelopes{transform:scale(.7)}}:root{--pixel-border: #2d4b5a;--primary-blue: #004977;--success-green: #00a862;--light-mint: #e5f6f0;--pixel-shadow: rgba(0, 0, 0, .2)}.spending-game-container{min-height:calc(100vh - 4rem);background:#e6f3ff;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:"Press Start 2P",system-ui,-apple-system,sans-serif;padding:2rem;border-radius:12px;margin:1rem auto;margin-left:calc(240px + 8rem);width:calc(100% - 400px);max-width:1400px}.pixel-art-decorations{position:absolute;width:100%;height:100%;pointer-events:none;overflow:hidden}.pixel-coin{position:absolute;width:80px;height:80px;background-color:gold;border-radius:50%;border:4px solid #DAA520}.left-coin{left:15%;top:20%;transform:rotate(-25deg);animation:float 6s ease-in-out infinite}.right-coin{right:18%;bottom:30%;transform:rotate(15deg);animation:float 6s ease-in-out infinite;animation-delay:1s}.pixel-wallet{position:absolute;width:100px;height:60px;background-color:#4361ee;border-radius:8px;border:4px solid #2d4b5a}.left-wallet{left:20%;bottom:25%;transform:rotate(15deg);animation:float 5s ease-in-out infinite}.right-wallet{right:25%;top:15%;transform:rotate(-25deg);animation:float 5s ease-in-out infinite;animation-delay:.5s}.pixel-chart{position:absolute;width:90px;height:90px;background-color:#4cc9f0;clip-path:polygon(0 100%,50% 0,100% 100%);border:4px solid #2d4b5a}.top-chart{right:30%;top:25%;transform:rotate(-15deg);animation:float 7s ease-in-out infinite}.bottom-chart{left:25%;bottom:20%;transform:rotate(15deg);animation:float 7s ease-in-out infinite;animation-delay:1.5s}.game-content{z-index:1;width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center}.retro-title{font-size:3rem;color:var(--primary-blue);text-align:center;margin-bottom:3rem;text-shadow:4px 4px 0 var(--pixel-shadow);letter-spacing:2px;animation:float 3s ease-in-out infinite;background:#f1faf7;padding:1rem 2rem;border-radius:12px;border:4px solid var(--pixel-border)}.retro-card{background-color:#fff;border:4px solid var(--pixel-border);border-radius:12px;padding:3rem;width:100%;max-width:800px;position:relative;box-shadow:12px 12px 0 var(--pixel-shadow);animation:slideUp .5s ease-out}.retro-card.error{border-color:#f44336;text-align:center}.retro-card.error h2{color:#f44336;margin-bottom:1.5rem}.retro-card.error p{color:#666;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.card-content{text-align:center}.card-content h2{color:var(--primary-blue);font-size:1.8rem;margin-bottom:2rem;line-height:1.5;text-shadow:2px 2px 0 rgba(0,0,0,.1)}.card-content p{color:var(--primary-blue);margin-bottom:3rem;line-height:1.8;font-size:1.1rem;text-shadow:1px 1px 0 rgba(0,0,0,.05)}.enter-button{background-color:var(--primary-blue);color:#fff;border:none;padding:1.5rem 4rem;font-size:1.5rem;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:"Press Start 2P",system-ui,-apple-system,sans-serif;border:4px solid var(--pixel-border);box-shadow:8px 8px 0 var(--pixel-shadow)}.enter-button:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--pixel-shadow)}.enter-button:active{transform:translate(4px,4px);box-shadow:4px 4px 0 var(--pixel-shadow)}.quiz-active{max-width:800px;margin:0 auto}.quiz-progress{text-align:center;color:#4361ee;font-size:1.2rem;margin-bottom:2rem;padding:1rem;background:#4361ee1a;border-radius:8px}.question-text{font-size:1.5rem;color:#333;text-align:center;margin-bottom:2rem;line-height:1.6}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.option-button{background:#fff;border:3px solid #4361EE;padding:1.2rem;font-size:1.1rem;color:#4361ee;cursor:pointer;transition:all .3s ease;font-family:"Press Start 2P",system-ui,-apple-system,sans-serif;border-radius:8px}.option-button:hover:not(:disabled){background:#4361ee;color:#fff;transform:translateY(-2px)}.option-button:disabled{opacity:.7;cursor:not-allowed}.feedback-box{text-align:center;padding:1.5rem;margin-top:2rem;border-radius:8px;animation:fadeIn .3s ease-out}.feedback-box.correct{background:#00c8531a;border:3px solid #00c853}.feedback-box.incorrect{background:#f443361a;border:3px solid #f44336}.feedback-box p{margin:0;font-size:1.2rem;color:#333}.feedback-box .explanation{font-size:1rem;margin-top:1rem;color:#666}.results{text-align:center}.score-display{margin:2rem 0}.score-text{font-size:1.5rem;color:#333}.final-score{display:block;font-size:4rem;color:#4361ee;margin:1rem 0}.score-message{font-size:1.2rem;color:#666;margin-bottom:2rem;line-height:1.6}.play-again-button{background:#4361ee;color:#fff;border:none;padding:1.2rem 3rem;font-size:1.2rem;cursor:pointer;font-family:"Press Start 2P",system-ui,-apple-system,sans-serif;border:3px solid #2d4b5a;border-radius:8px;transition:all .3s ease}.play-again-button:hover{transform:translateY(-2px);box-shadow:0 8px 15px #4361ee4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.retro-title{font-size:2rem}.retro-card{padding:1.5rem}.options-grid{grid-template-columns:1fr}.question-text{font-size:1.2rem}.option-button{padding:1rem;font-size:1rem}}.insights-section{margin-top:3rem;text-align:left}.insights-section h3{font-size:1.8rem;color:#4361ee;margin-bottom:2rem;text-align:center}.insight-card{background:#fff;border:3px solid #4361EE;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:6px 6px #4361ee33}.insight-card h4{color:#333;font-size:1.2rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.insight-card.total .amount{font-size:2.5rem;color:#4361ee;text-align:center;font-weight:700;padding:1rem;background:#4361ee1a;border-radius:8px;margin-top:1rem}.category-list{display:flex;flex-direction:column;gap:1rem}.category-item{display:flex;align-items:center;gap:1rem;padding:.5rem;background:#4361ee0d;border-radius:8px}.category-name{min-width:120px;font-size:.9rem;text-transform:capitalize}.category-bar-container{flex:1;height:20px;background:#e0e0e0;border-radius:10px;overflow:hidden}.category-bar{height:100%;background:linear-gradient(90deg,#4361ee,#6483ff);border-radius:10px;transition:width 1s ease-out}.category-amount{min-width:100px;text-align:right;font-weight:700;color:#4361ee}.pattern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.pattern-item{background:#4361ee0d;padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.pattern-item .label{font-size:.9rem;color:#666}.pattern-item .value{font-size:1.2rem;color:#4361ee;font-weight:700}.recommendations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.recommendations-list li{padding:1rem;background:#4361ee0d;border-radius:8px;font-size:.9rem;line-height:1.5;border-left:4px solid #4361EE}@media (max-width: 768px){.insights-section{margin-top:2rem}.insights-section h3{font-size:1.5rem}.category-item{flex-direction:column;align-items:flex-start}.category-name{min-width:auto}.category-amount{min-width:auto;text-align:left}.pattern-grid{grid-template-columns:1fr}}.rewards-container{padding:2rem;max-width:1400px;margin:0 auto 0 240px;width:calc(100% - 240px)}.rewards-header{text-align:center;margin-bottom:3rem}.rewards-header h1{font-size:2.5rem;color:var(--primary-blue);margin-bottom:1rem}.rewards-header p{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto}.rewards-highlight{background:linear-gradient(135deg,#004977,#0066b2);border-radius:20px;padding:3rem;color:#fff;margin-bottom:3rem;box-shadow:0 10px 30px #00497733}.highlight-content{max-width:800px;margin:0 auto}.highlight-content h2{font-size:2rem;margin-bottom:1rem}.highlight-content p{font-size:1.1rem;opacity:.9;margin-bottom:2rem}.highlight-points{display:flex;gap:2rem;justify-content:center}.point-item{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.8rem 1.5rem;border-radius:30px;font-weight:500}.point-icon{font-size:1.5rem}.rewards-features{margin-bottom:3rem}.rewards-features h2{text-align:center;font-size:2rem;color:var(--primary-blue);margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem}.feature-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;border:1px solid rgba(0,0,0,.1)}.feature-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.feature-card h3{font-size:1.3rem;color:var(--primary-blue);margin-bottom:1rem}.feature-card p{color:#666;line-height:1.6}.upcoming-deals{margin-bottom:3rem}.upcoming-deals h2{text-align:center;font-size:2rem;color:var(--primary-blue);margin-bottom:2rem}.deals-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem}.deal-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #0000000d;position:relative;border:1px solid rgba(0,0,0,.1)}.deal-badge{position:absolute;top:1rem;right:1rem;background:var(--success-green);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.deal-card h3{font-size:1.3rem;color:var(--primary-blue);margin:1rem 0}.deal-card p{color:#666;line-height:1.6}.rewards-cta{text-align:center;padding:3rem;background:#f8fafc;border-radius:20px;margin-bottom:2rem}.rewards-cta h2{font-size:2rem;color:var(--primary-blue);margin-bottom:1rem}.rewards-cta p{font-size:1.1rem;color:#666;margin-bottom:2rem}.important-note{display:flex;align-items:center;justify-content:center;gap:1rem;background:#fff;padding:1rem 2rem;border-radius:12px;max-width:600px;margin:0 auto;box-shadow:0 4px 12px #0000000d}.note-icon{font-size:1.5rem}.important-note p{color:var(--primary-blue);font-weight:500;margin:0}@media (max-width: 768px){.rewards-container{padding:1rem}.rewards-header h1{font-size:2rem}.rewards-highlight{padding:2rem}.highlight-points{flex-direction:column;gap:1rem}.features-grid,.deals-content{grid-template-columns:1fr}.feature-card,.deal-card{padding:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card,.deal-card{animation:fadeIn .5s ease-out;animation-fill-mode:both}.login-container{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0047ab,#00308f);position:relative;overflow:hidden}.login-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;width:400px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.15);position:relative;z-index:1}.login-logo{text-align:center;margin-bottom:2.5rem;position:relative}.login-logo img{width:120px;height:120px;margin-bottom:1rem;transition:all .5s ease;background:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 12px #0000001a}.login-logo img:hover{transform:scale(1.1) rotate(360deg);box-shadow:0 6px 16px #0003}.login-logo h1{color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.login-logo:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#fff;margin-bottom:.5rem;font-size:.9rem;font-weight:500;letter-spacing:.5px}.login-input{width:100%;padding:.8rem 1rem;border:2px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease}.login-input:focus{outline:none;border-color:#fff;box-shadow:0 0 15px #fff3}.login-input::placeholder{color:#ffffff80}.login-button{width:100%;padding:1rem;border:none;border-radius:10px;background:#fff;color:#0047ab;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.login-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffffff4d;background:#ffffffe6}.login-button:active{transform:translateY(0)}.login-button.loading{color:transparent}.loader{width:20px;height:20px;border:3px solid rgba(0,71,171,.3);border-radius:50%;border-top-color:#0047ab;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.error-message{background:#ffffff1a;color:#fff;padding:.8rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;text-align:center;border:1px solid rgba(255,255,255,.2)}.login-hint{color:#ffffffb3;text-align:center;margin-top:1rem;font-size:.9rem}.background-animations{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.floating-circle{position:absolute;width:200px;height:200px;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@media (max-width: 480px){.login-card{width:90%;padding:2rem;margin:1rem}.login-logo img{width:100px;height:100px}.login-logo h1{font-size:1.5rem}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #fff6}70%{transform:scale(1.05);box-shadow:0 0 0 20px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}.landing-container{min-height:100vh;background:linear-gradient(135deg,#0047ab,#001f3f);color:#fff;position:relative;overflow:hidden}.stars{position:fixed;top:0;left:0;width:100%;height:100%;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZGVmcz48cmFkaWFsR3JhZGllbnQgaWQ9ImciIGN4PSI1MCUiIGN5PSI1MCUiIHI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiMwMDAiLz48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSIxIiBmaWxsPSIjZmZmIi8+PC9zdmc+) repeat;animation:twinkle 8s infinite}.twinkling{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 60%);animation:float 20s infinite}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;position:relative;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.nav-logo{display:flex;align-items:center;gap:1rem}.nav-logo img{width:40px;height:40px;transition:transform .3s ease;background:#fff;border-radius:8px;padding:4px;box-shadow:0 2px 8px #0000001a}.nav-logo img:hover{transform:rotate(360deg);box-shadow:0 4px 12px #0003}.nav-logo span{font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#fff,#4cc9f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-link{color:#0047ab;text-decoration:none;padding:.8rem 2rem;border-radius:30px;transition:all .3s ease;background:#fff;font-weight:600;box-shadow:0 4px 15px #0000001a}.login-link:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:4rem 2rem;max-width:1400px;margin:0 auto;align-items:center;position:relative}.savings-badge{display:inline-block;padding:.5rem 1rem;background:#ffffff1a;border-radius:20px;font-weight:500;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.hero-content h1{font-size:4rem;line-height:1.1;margin-bottom:2rem;font-weight:800}.gradient-text{background:linear-gradient(45deg,#4cc9f0,#f72585);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.savings-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0}.stat{background:#ffffff1a;padding:1rem;border-radius:15px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease}.stat:hover{transform:translateY(-5px)}.stat-number{display:block;font-size:1.8rem;font-weight:700;color:#4cc9f0;margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.9}.hero-content p{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.cta-container{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.cta-button{display:inline-block;padding:1rem 2.5rem;background:#fff;color:#0047ab;text-decoration:none;border-radius:30px;font-weight:600;font-size:1.1rem;transition:all .3s ease;position:relative;box-shadow:0 4px 15px #0000001a;border:none;background:linear-gradient(to right,#fff,#f8f9fa)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background:#fff}.cta-info{font-size:.9rem;opacity:.9;color:#ffffffe6;margin-top:.5rem}.hero-visual{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.moon{position:absolute;top:50px;right:50px;width:150px;height:150px;background:radial-gradient(circle at 30% 30%,#fff,gold);border-radius:50%;box-shadow:0 0 50px #ffd70080}.rocket{position:relative;width:80px;height:160px;transform-origin:center}.rocket-body{position:absolute;width:80px;height:120px;background:#fff;border-radius:50% 50% 20% 20%;box-shadow:0 0 20px #ffffff80}.window{position:absolute;width:30px;height:30px;background:#0047ab;border-radius:50%;top:30px;left:50%;transform:translate(-50%);border:3px solid white}.fins{position:absolute;bottom:0;width:100%}.fin{position:absolute;width:25px;height:40px;background:#fff;box-shadow:0 0 10px #ffffff4d}.fin.left{left:-20px;transform:skew(30deg)}.fin.right{right:-20px;transform:skew(-30deg)}.savings-trail{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);font-size:2rem}.features-section{padding:6rem 2rem;text-align:center;position:relative;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.features-section h2{font-size:3rem;margin-bottom:3rem;background:linear-gradient(45deg,#fff,#4cc9f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1400px;margin:0 auto;padding:2rem 0}.feature-card{background:#ffffff0d;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s}.feature-card:hover:before{transform:translate(100%)}.feature-icon{font-size:3rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:#4cc9f0}.feature-card p{opacity:.9;line-height:1.6;margin-bottom:1rem}.feature-highlight{display:inline-block;padding:.5rem 1rem;background:#4cc9f01a;border-radius:15px;font-size:.9rem;color:#4cc9f0;margin-top:1rem}.cta-section{padding:6rem 2rem;text-align:center;position:relative}.cta-card{max-width:800px;margin:0 auto;background:#ffffff0d;border-radius:30px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.cta-card h2{font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(45deg,#fff,#4cc9f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-features{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.cta-feature{padding:.8rem 1.5rem;background:#ffffff1a;border-radius:20px;font-size:1.1rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-footer{text-align:center;padding:2rem;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-content h1{font-size:3rem}.cta-container{align-items:center}.cta-features{flex-direction:column;align-items:center}}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.features-grid,.savings-stats{grid-template-columns:1fr}}@media (max-width: 480px){.nav-logo span{display:none}.hero-content h1{font-size:2rem}.cta-button{width:100%}}.cta-section .cta-button{font-size:1.2rem;padding:1.2rem 3rem;background:linear-gradient(to right,#fff,#f8f9fa);border:none;font-weight:700;letter-spacing:.5px}.cta-section .cta-button:hover{background:#fff}