:root{--primary:#11a5d8;--primary-dark:#0e88b3;--primary-light:#e7f6fc;--accent:#00bcd4;--text:#111827;--text-muted:#6b7280;--bg:#f6fbfe;--white:#fff;--border:#e5e7eb;--shadow:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000006;--shadow-lg:0 20px 25px -5px #11a5d81a, 0 10px 10px -5px #11a5d80a;--radius:12px;--radius-lg:20px}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;font-family:Inter,sans-serif;display:flex}.app-container{flex-direction:column;min-height:100vh;display:flex}main.flex-grow-1{flex:1 0 auto}.custom-navbar{-webkit-backdrop-filter:blur(12px);z-index:1020;border-bottom:1px solid #11a5d81a;transition:all .3s;position:sticky;top:0;background:#ffffffd9!important}.navbar-brand{letter-spacing:-.5px;align-items:center;gap:8px;font-size:1.5rem;font-weight:800;display:flex;color:var(--primary)!important}.navbar-brand i{color:var(--accent);filter:drop-shadow(0 2px 4px #00bcd44d)}.nav-link{font-weight:550;transition:all .2s;position:relative;color:var(--text)!important;padding:.5rem 1rem!important}.nav-link:hover,.nav-link.active{color:var(--primary)!important}.nav-link:after{content:"";background-color:var(--primary);width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:60%}.hero-section{background:radial-gradient(circle at 10% 20%,#11a5d814 0%,#fff0 90%);padding:120px 0 80px;position:relative}.hero-visual{background:radial-gradient(var(--primary-light) 0%, transparent 70%);justify-content:center;align-items:center;height:350px;display:flex;position:relative}.floating-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid #ffffffb3;flex-direction:column;align-items:center;max-width:320px;padding:40px;animation:4s ease-in-out infinite float;display:flex}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.hover-glow-pill{cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.hover-glow-pill:hover{transform:translateY(-8px)scale(1.08)!important;box-shadow:0 15px 30px #00000026!important}@keyframes pulseBlue{0%{box-shadow:0 0 #0d6efd80}70%{box-shadow:0 0 0 12px #0d6efd00}to{box-shadow:0 0 #0d6efd00}}@keyframes pulseCyan{0%{box-shadow:0 0 #0091ff80}70%{box-shadow:0 0 0 12px #0091ff00}to{box-shadow:0 0 #0091ff00}}@keyframes pulseGray{0%{box-shadow:0 0 #6c757d80}70%{box-shadow:0 0 0 12px #6c757d00}to{box-shadow:0 0 #6c757d00}}@keyframes pulseGreen{0%{box-shadow:0 0 #19875480}70%{box-shadow:0 0 0 12px #19875400}to{box-shadow:0 0 #19875400}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseArrow{0%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(1)}}.pulse-glow-blue{animation:4s ease-in-out infinite float,2s infinite pulseBlue!important}.pulse-glow-cyan{animation:4.5s ease-in-out .5s infinite float,2s .5s infinite pulseCyan!important}.pulse-glow-gray{animation:5s ease-in-out 1s infinite float,2s 1s infinite pulseGray!important}.pulse-glow-green{animation:5.5s ease-in-out 1.5s infinite float,2s 1.5s infinite pulseGreen!important}.animate-spin-slow{animation:8s linear infinite spinSlow;display:inline-block}.animate-pulse-arrow{animation:1.5s ease-in-out infinite pulseArrow;display:inline-block}@keyframes filterGlow{0%{filter:drop-shadow(0 0 6px #0091ff33)}to{filter:drop-shadow(0 0 20px #0091ffb3)}}.glowing-brand-text{animation:3s ease-in-out infinite alternate filterGlow}.hover-glow-blue:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0d6efd4d!important}.hover-glow-cyan:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0dcaf04d!important}.hover-glow-warning:hover{transform:translateY(-8px);box-shadow:0 15px 30px #fd7e144d!important}.hover-glow-purple:hover{transform:translateY(-8px);box-shadow:0 15px 30px #6f42c14d!important}.feature-item{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #0000;height:100%;padding:30px 20px;transition:all .3s}.feature-item:hover{box-shadow:var(--shadow-lg);border-color:#11a5d826;transform:translateY(-5px)}.feature-icon i{color:var(--primary);transition:transform .3s;display:inline-block}.feature-item:hover .feature-icon i{transform:scale(1.1)rotate(5deg)}.custom-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #00000008;height:100%;transition:all .3s;overflow:hidden}.custom-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.card-img-wrapper{aspect-ratio:4/3;background-color:#f3f4f6;position:relative;overflow:hidden}.card-img-top{object-fit:cover;width:100%;height:100%;transition:transform .5s}.custom-card:hover .card-img-top{transform:scale(1.08)}.auth-container{background:radial-gradient(circle at 90% 10%,#00bcd40d 0%,#fff0 70%);justify-content:center;align-items:center;min-height:calc(100vh - 150px);padding:40px 20px;display:flex}.auth-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);background:#ffffffd9;border:1px solid #ffffff80;padding:40px;transition:all .3s}.auth-header{text-align:center;margin-bottom:35px}.auth-header h1{color:var(--text);letter-spacing:-.5px;font-size:1.8rem;font-weight:850}.auth-header p{color:var(--text-muted);font-size:.95rem}.auth-field{margin-bottom:22px}.auth-label{color:var(--text);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-muted);font-size:1.1rem;position:absolute;left:15px}.auth-input{border-radius:var(--radius);border:1px solid var(--border);width:100%;color:var(--text);background:#ffffffe6;padding:12px 16px 12px 45px;font-weight:500;transition:all .2s}.auth-input:focus{border-color:var(--primary);background:var(--white);outline:none;box-shadow:0 0 0 4px #11a5d81f}.auth-button{border-radius:var(--radius);background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);width:100%;color:var(--white);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 10px #11a5d840}.auth-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #11a5d859}.auth-button:active{transform:translateY(0)}.auth-footer{text-align:center;color:var(--text-muted);margin-top:25px;font-size:.9rem}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.category-pill{border:1px solid var(--border);background:var(--white);color:var(--text-muted);cursor:pointer;border-radius:50px;padding:8px 18px;font-size:.9rem;font-weight:550;transition:all .2s}.category-pill:hover,.category-pill.active{background:var(--primary);border-color:var(--primary);color:var(--white);box-shadow:0 4px 10px #11a5d833}.product-badge{background:var(--accent);color:var(--white);text-transform:uppercase;z-index:10;border-radius:50px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:15px;left:15px;box-shadow:0 2px 5px #0000001a}.custom-footer{color:#ffffffb3;border-top:5px solid var(--primary);background:#111827;padding:60px 0 30px;font-size:.9rem}.custom-footer h5{color:var(--white);margin-bottom:25px;font-weight:700}.custom-footer a{color:#fff9;margin-bottom:10px;text-decoration:none;transition:color .2s;display:inline-block}.custom-footer a:hover{color:var(--primary);transform:translate(3px)}.custom-footer-bottom{text-align:center;border-top:1px solid #ffffff1a;margin-top:40px;padding-top:30px;font-size:.85rem}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #11a5d81f}.admin-sidebar{background:var(--white);border-right:1px solid var(--border);min-height:calc(100vh - 72px);padding:20px 0}.admin-nav-item{color:var(--text-muted);border-left:4px solid #0000;align-items:center;gap:12px;padding:12px 25px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.admin-nav-item:hover,.admin-nav-item.active{color:var(--primary);background:var(--primary-light);border-left-color:var(--primary)}.metric-card{border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);border-left:4px solid var(--primary);padding:25px}.razorpay-mock-modal{z-index:2000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.razorpay-mock-card{color:#fff;border-radius:var(--radius-lg);background:#1e2843;width:100%;max-width:440px;font-family:system-ui,-apple-system,sans-serif;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.razorpay-header{background:#171e33;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.razorpay-header .logo{letter-spacing:.5px;color:#3ba4f9;font-size:1.1rem;font-weight:800}.razorpay-body{padding:25px}.razorpay-amount-box{border-radius:var(--radius);text-align:center;background:#ffffff08;border:1px solid #ffffff0d;margin-bottom:25px;padding:15px 20px}.razorpay-btn-success{color:#fff;border-radius:var(--radius);cursor:pointer;background:#02c173;border:none;width:100%;margin-bottom:12px;padding:14px;font-weight:700;transition:background .2s}.razorpay-btn-success:hover{background:#02a361}.razorpay-btn-fail{color:#ff5757;border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #ff57574d;width:100%;padding:12px;font-weight:600;transition:all .2s}.razorpay-btn-fail:hover{background:#ff57570d}.animate-fade-in-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.custom-card{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,border-color .3s;position:relative}.custom-card:hover{border-color:#11a5d84d;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 30px #11a5d826}.badge.bg-warning{animation:2.5s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%{box-shadow:0 0 #f59e0b80}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.btn-primary,.auth-button,.btn-secondary{position:relative;overflow:hidden}.btn-primary:after,.auth-button:after,.btn-secondary:after{content:"";opacity:0;background:linear-gradient(90deg,#fff0 0%,#ffffff40 50%,#fff0 100%);width:200%;height:100%;transition:all .75s;position:absolute;top:0;left:-50%;transform:skew(-25deg)}.btn-primary:hover:after,.auth-button:hover:after,.btn-secondary:hover:after{opacity:1;left:125%}.category-pill{transition:all .3s cubic-bezier(.25,.8,.25,1)}.category-pill:hover{transform:scale(1.05)}.slider-container-wrapper{align-items:center;width:100%;margin-top:10px;display:flex;position:relative}.horizontal-slider{scroll-behavior:smooth;scrollbar-width:none;gap:24px;width:100%;padding:15px 5px 25px;display:flex;overflow-x:auto}.horizontal-slider::-webkit-scrollbar{display:none}.slider-card-wrapper{flex:0 0 calc(33.333% - 16px);min-width:280px;max-width:320px;animation:.5s ease-out forwards slideIn}@media (width<=1200px){.slider-card-wrapper{flex:0 0 calc(50% - 12px)}}@media (width<=768px){.slider-card-wrapper{flex:0 0 100%;max-width:100%}}.slider-arrow-btn{background:var(--white);color:var(--primary);cursor:pointer;z-index:100;border:1px solid #11a5d833;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;box-shadow:0 4px 12px #00000014}.slider-arrow-btn:hover{background:var(--primary);color:var(--white);transform:scale(1.1);box-shadow:0 6px 15px #11a5d84d}.slider-arrow-btn:active{transform:scale(.95)}.slider-arrow-btn.prev-btn{left:-25px}.slider-arrow-btn.next-btn{right:-25px}@media (width<=1300px){.slider-arrow-btn.prev-btn{left:-12px}.slider-arrow-btn.next-btn{right:-12px}}@keyframes slideIn{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:translate(0)}}.list-group-item-action.active{font-weight:700;background-color:var(--primary-light)!important;color:var(--primary)!important;border-left:4px solid var(--primary)!important}.svg-flow-path{stroke-dasharray:8 6;animation:1.5s linear infinite flowDashes}@keyframes flowDashes{to{stroke-dashoffset:-28px}}.reveal-on-scroll{opacity:0;will-change:transform, opacity;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-slide-left{opacity:0;will-change:transform, opacity;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(-40px)}.reveal-slide-right{opacity:0;will-change:transform, opacity;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(40px)}.reveal-scale-up{opacity:0;will-change:transform, opacity;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:scale(.92)}.revealed{opacity:1!important;transform:translate(0)scale(1)!important}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.interactive-node{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.interactive-node:hover{filter:brightness(1.05);transform:scale(1.06)translateY(-5px);box-shadow:0 15px 30px #11a5d840!important}.outcome-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.outcome-card:hover{transform:translate(8px)scale(1.03);box-shadow:0 10px 20px #0091ff33!important}
