@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:#e2e8f0;line-height:1.6;animation:fadeIn .5s ease-out}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:rgba(15,23,42,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000004d;position:sticky;top:0;z-index:100;animation:slideInLeft .6s ease-out}.header .container{display:flex;justify-content:space-between;align-items:center;padding:20px}.logo{color:#818cf8;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeIn .8s ease-out;letter-spacing:-.03em}.nav{display:flex;gap:15px;align-items:center;animation:slideInRight .7s ease-out}.nav-button{background:none;border:none;color:#e2e8f0;font-size:1rem;font-weight:600;cursor:pointer;padding:10px 18px;border-radius:30px;transition:all .3s ease;position:relative;overflow:hidden;letter-spacing:.01em}.nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.nav-button:hover:before{left:100%}.nav-button:hover{background-color:#334155;transform:translateY(-2px);box-shadow:0 4px 10px #0003}.admin-btn{background:linear-gradient(135deg,#818cf8,#c084fc);color:#fff;box-shadow:0 4px 15px #818cf84d;animation:fadeIn 1s ease-out}.admin-btn:hover{background:linear-gradient(135deg,#6366f1,#a855f7);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #818cf866}.hero{background:linear-gradient(135deg,#1e3a8a 0%,#581c87 100%);color:#fff;padding:80px 0;position:relative;overflow:hidden;animation:fadeIn 1s ease-out}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 70%);transform:rotate(30deg)}.hero-content{position:relative;text-align:center;max-width:800px;margin:0 auto;animation:fadeInUp 1s ease-out}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.2);animation:fadeInUp 1s ease-out .2s both;letter-spacing:-.03em;line-height:1.2}.hero-subtitle{font-size:1.5rem;font-weight:500;margin-bottom:40px;opacity:.9;animation:fadeInUp 1s ease-out .4s both;letter-spacing:-.01em}.hero-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s both}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}.stat-label{font-size:1rem;font-weight:500;opacity:.8}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin:50px 0 30px;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.btn-primary{background:linear-gradient(135deg,#818cf8,#c084fc);color:#fff;border:none;padding:12px 24px;font-size:1.1rem;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #818cf84d;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:linear-gradient(135deg,#6366f1,#a855f7);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #818cf866;animation:pulse .5s ease}.btn-secondary{background:rgba(255,255,255,.1);color:#e2e8f0;border:1px solid rgba(255,255,255,.2);padding:12px 24px;font-size:1.1rem;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 4px 15px #0003}.btn-large{padding:15px 30px;font-size:1.2rem}.buy-button-enhanced{background:linear-gradient(135deg,#818cf8,#c084fc);color:#fff;border:none;padding:15px 25px;font-size:1.2rem;font-weight:700;border-radius:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #818cf866;width:100%;letter-spacing:.02em;text-transform:uppercase}.buy-button-enhanced:hover{background:linear-gradient(135deg,#6366f1,#a855f7);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #818cf880;animation:pulse .5s ease}.buy-button-package{background:linear-gradient(135deg,#818cf8,#c084fc);color:#fff;border:none;padding:15px 25px;font-size:1.2rem;font-weight:700;border-radius:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #818cf866;width:100%;letter-spacing:.02em;text-transform:uppercase}.buy-button-package:hover{background:linear-gradient(135deg,#6366f1,#a855f7);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #818cf880;animation:pulse .5s ease}.product-card-enhanced{background:rgba(255,255,255,.05);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:fadeInUp .6s ease-out}.product-header-enhanced{padding:30px;text-align:center;position:relative;overflow:hidden}.product-header-enhanced:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0));pointer-events:none}.product-image-container-enhanced{width:120px;height:120px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:20px;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.product-image-enhanced{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2))}.product-info-enhanced{text-align:center}.product-name-enhanced{font-size:1.5rem;font-weight:700;margin:0 0 10px;color:#fff;letter-spacing:-.02em}.product-description-enhanced{font-size:1rem;font-weight:400;margin:0;color:#fffc;line-height:1.5}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;padding:20px}.package-card{background:rgba(255,255,255,.08);border-radius:15px;padding:15px 10px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);animation:fadeIn .5s ease-out}.package-card:hover{background:rgba(255,255,255,.15);transform:translateY(-5px);box-shadow:0 5px 15px #0003}.package-price{font-size:1.2rem;font-weight:700;color:#818cf8;margin-bottom:5px}.package-value{font-size:.9rem;font-weight:500;color:#ffffffe6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin:40px 0}.feature-icon{font-size:2rem;margin-bottom:20px}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin:40px 0}.step-number{background:linear-gradient(135deg,#818cf8,#c084fc);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;margin:0 auto 20px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:40px 0}.payment-page,.checkout-page{min-height:100vh;display:flex;flex-direction:column}.payment-page .main,.checkout-page .main{flex:1;padding:40px 0}.payment-page .card,.checkout-page .card{background:rgba(255,255,255,.05);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);margin-bottom:30px}.payment-page .card:hover,.checkout-page .card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0006}.payment-page .card-header,.checkout-page .card-header{background:rgba(255,255,255,.08);padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.payment-page .card-header h3,.checkout-page .card-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#e2e8f0}.payment-page .card-content,.checkout-page .card-content{padding:30px}.checkout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:30px}.order-summary-card .product-image-container{display:flex;justify-content:center;margin-bottom:20px}.order-summary-card .product-image{width:120px;height:120px;border-radius:15px;padding:20px;object-fit:contain;box-shadow:0 5px 15px #0003}.order-summary-card .product-name{font-size:1.5rem;font-weight:700;margin:0 0 10px;color:#fff;text-align:center}.order-summary-card .product-description{font-size:1rem;font-weight:400;margin:0 0 20px;color:#fffc;text-align:center;line-height:1.5}.order-summary-card .price,.order-summary-card .total-amount{font-size:2rem;font-weight:800;text-align:center;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.order-summary-card .package-details{text-align:center;margin:20px 0}.order-summary-card .package-price{font-size:1.8rem;font-weight:800;color:#818cf8;margin-bottom:5px}.order-summary-card .package-value{font-size:1.2rem;font-weight:600;color:#e2e8f0;margin-bottom:5px}.order-summary-card .package-savings{font-size:1rem;font-weight:500;color:#86efac}.order-summary-card .order-total{display:flex;justify-content:space-between;align-items:center;padding:15px;background:rgba(255,255,255,.05);border-radius:12px;margin-top:20px;border:1px solid rgba(255,255,255,.1)}.order-summary-card .total-label{font-size:1.2rem;font-weight:600;color:#e2e8f0}.order-summary-card .total-amount{font-size:1.5rem}.steps-title{font-size:1.2rem;font-weight:600;margin-bottom:20px;color:#e2e8f0}.steps-list{list-style:none;padding:0;margin:0 0 30px}.steps-list li{display:flex;align-items:flex-start;margin-bottom:15px;padding:15px;background:rgba(255,255,255,.03);border-radius:10px;border-left:3px solid #818cf8;transition:all .3s ease}.steps-list li:hover{background:rgba(255,255,255,.08);transform:translate(5px)}.step-content{display:flex;align-items:flex-start;gap:15px}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#818cf8,#c084fc);color:#fff;border-radius:50%;font-size:.8rem;font-weight:700;flex-shrink:0;margin-top:2px}.step-text{color:#e2e8f0;line-height:1.5}.upi-details-section{border-top:1px solid rgba(255,255,255,.1);padding-top:25px}.section-title-small{font-size:1.3rem;font-weight:700;margin-bottom:20px;color:#e2e8f0;text-align:left}.upi-label,.qr-label{display:block;font-weight:600;margin-bottom:10px;color:#cbd5e1}.upi-id-container{margin-bottom:25px}.upi-id-display{display:flex;align-items:center;gap:15px;background:rgba(255,255,255,.05);border-radius:12px;padding:15px;border:1px solid rgba(255,255,255,.1)}.upi-id-text{flex:1;font-family:monospace;font-size:1.1rem;color:#818cf8;word-break:break-all}.copy-button{display:inline-flex;align-items:center;gap:5px;min-width:120px;justify-content:center}.qr-code-section{margin-top:20px}.qr-code-container{display:flex;flex-direction:column;gap:15px}.qr-code-display{display:flex;justify-content:center;padding:20px;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.qr-code-display.expanded{padding:30px}.qr-code-display.expanded .qr-code-image{width:200px;height:200px}.qr-code-image{width:150px;height:150px;object-fit:contain;transition:all .3s ease}.qr-placeholder{display:flex;justify-content:center;align-items:center;width:100%;padding:30px;background:rgba(255,255,255,.03);border-radius:12px;border:1px dashed rgba(255,255,255,.2)}.qr-placeholder-box{font-size:.9rem;color:#94a3b8;padding:20px;border:1px dashed rgba(255,255,255,.2);border-radius:8px}.qr-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.qr-actions .btn-secondary{min-width:140px}.form-section{margin-bottom:25px}.form-section:last-child{margin-bottom:0}.payment-form .form-group{margin-bottom:20px}.payment-form .form-group:last-child{margin-bottom:0}.floating-label{position:relative;margin-bottom:20px}.floating-label input{width:100%;padding:18px 15px 8px;border:2px solid #334155;border-radius:10px;font-size:1rem;transition:all .3s ease;background:rgba(30,41,59,.7);color:#e2e8f0;box-shadow:0 2px 5px #0000001a;min-height:56px}.floating-label input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.floating-label label{position:absolute;top:15px;left:15px;font-size:1rem;color:#94a3b8;pointer-events:none;transition:all .3s ease;background:rgba(30,41,59,.7);padding:0 5px;z-index:1}.floating-label input:focus+label,.floating-label input:not(:placeholder-shown)+label{top:8px;font-size:.8rem;color:#818cf8;background:rgba(30,41,59,.7)}.form-hint{display:block;margin-top:8px;color:#94a3b8;font-size:.85rem}.captcha-group{display:flex;justify-content:center;margin:20px 0}.submit-button{width:100%;padding:16px;font-size:1.2rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;margin-top:10px;box-shadow:0 4px 15px #818cf84d;min-height:56px}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #818cf866}.security-tips{background:rgba(255,255,255,.03);border-radius:10px;padding:20px;margin:25px 0;border-left:3px solid #818cf8}.security-tips h4{margin-top:0;color:#818cf8;margin-bottom:15px}.security-tips ul{padding-left:20px;margin:0}.security-tips li{margin-bottom:10px;color:#e2e8f0}.trust-badges-section{margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.trust-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.trust-badge{display:flex;flex-direction:column;align-items:center;padding:20px;background:rgba(255,255,255,.03);border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);min-height:120px}.trust-badge:hover{background:rgba(255,255,255,.08);transform:translateY(-3px);box-shadow:0 5px 15px #0003}.badge-icon{font-size:1.8rem;margin-bottom:10px;color:#818cf8}.badge-text{font-size:.9rem;font-weight:500;color:#e2e8f0}.confirmation-card{max-width:600px;margin:0 auto}.confirmation-card .card-header{text-align:center;background:rgba(16,185,129,.1);border-bottom:1px solid rgba(16,185,129,.3)}.confirmation-card .card-header h2{color:#10b981}.confirmation-icon{display:flex;justify-content:center;margin:20px 0}.confirmation-text{font-size:1.1rem;text-align:center;margin:20px 0}.order-id-display{background:rgba(129,140,248,.1);border-radius:10px;padding:20px;margin:25px 0;border:1px solid rgba(129,140,248,.3);text-align:center}.next-steps{text-align:left;background:rgba(255,255,255,.03);border-radius:10px;padding:20px;margin:25px 0}.next-steps h3{margin-top:0;color:#818cf8}.next-steps ol{padding-left:20px}.next-steps li{margin-bottom:10px;color:#e2e8f0}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px;flex-wrap:wrap}.action-buttons .btn-primary,.action-buttons .btn-secondary{min-width:180px}.error-message{max-width:500px;margin:50px auto;text-align:center}.error-message .card-header h2{color:#f87171}.footer{background:rgba(15,23,42,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px 0 20px;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px}.footer-section h3,.footer-section h4{color:#818cf8;margin-bottom:20px}.footer-section ul{list-style:none}.footer-section li{margin-bottom:10px}.footer-link{background:none;border:none;color:#cbd5e1;cursor:pointer;font-size:1rem;transition:color .3s ease;padding:0;text-align:left}.footer-link:hover{color:#818cf8}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#94a3b8}@media (max-width: 1200px){.container{padding:0 15px}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.3rem}.products-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.packages-grid-large{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 992px){.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2.2rem}.products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.packages-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.features-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header .container{flex-direction:column;gap:15px;padding:15px}.nav{flex-wrap:wrap;justify-content:center;gap:10px}.nav-button{padding:6px 12px;font-size:.9rem}.hero{padding:60px 0}.hero-title{font-size:2.3rem}.hero-subtitle{font-size:1.1rem}.hero-stats{gap:20px}.stat-number,.section-title{font-size:2rem}.products-grid{grid-template-columns:1fr;gap:20px}.packages-grid{grid-template-columns:1fr 1fr;gap:10px;padding:15px}.features-grid,.steps-grid{grid-template-columns:1fr}.product-header-large{flex-direction:column;text-align:center}.product-image-container-large{margin-bottom:20px}.floating-label input{padding:16px 12px 6px;font-size:1rem;min-height:52px}.floating-label label{top:14px;left:12px;font-size:1rem}.floating-label input:focus+label,.floating-label input:not(:placeholder-shown)+label{top:7px;font-size:.8rem}.submit-button{font-size:1.1rem;padding:14px;min-height:52px}.checkout-grid{grid-template-columns:1fr;gap:20px}.payment-page .card-content,.checkout-page .card-content{padding:20px}.payment-page .card-header h3,.checkout-page .card-header h3{font-size:1.3rem}.order-summary-card .product-image{width:100px;height:100px}.order-summary-card .product-name{font-size:1.3rem}.order-summary-card .price,.order-summary-card .total-amount{font-size:1.7rem}.steps-list li{padding:12px}.step-content{gap:12px}.step-icon{width:22px;height:22px;font-size:.75rem}.upi-id-display{flex-direction:column;align-items:flex-start;gap:15px}.upi-id-text{width:100%;text-align:center}.qr-actions{flex-direction:column;align-items:center}.qr-actions .btn-secondary{width:100%;max-width:250px}.trust-badges{grid-template-columns:repeat(2,1fr)}.confirmation-card{margin:0 15px}.confirmation-card .card-content{padding:25px 20px}.action-buttons{flex-direction:column;align-items:center}.action-buttons .btn-primary,.action-buttons .btn-secondary{width:100%;max-width:300px}.footer-content{grid-template-columns:1fr;gap:25px}.security-tips{padding:15px}.security-tips h4{font-size:1.1rem}}@media (max-width: 480px){.container{padding:0 10px}.header .container{padding:10px 15px}.logo{font-size:1.5rem}.hero-title{font-size:2rem}.hero-stats{flex-direction:column;gap:20px}.packages-grid{grid-template-columns:1fr}.product-header-large{padding:25px}.product-image-container-large{width:120px;height:120px}.confirmation-message{padding:30px 20px}.product-image-container-enhanced{width:100px;height:100px;padding:15px}.auth-form-container{padding:20px;margin:15px;width:calc(100% - 30px)}.nav-button{padding:6px 10px;font-size:.85rem}.section-title{font-size:1.8rem}.form-group input,.form-group textarea,.form-group select{padding:12px}.btn-primary,.btn-secondary,.btn-danger{padding:10px 20px}.btn-large{padding:12px 24px;font-size:1.1rem}.package-card-large{padding:20px}.package-price-large{font-size:1.5rem}.package-value-large{font-size:1.1rem}.search-input,.filter-select{padding:12px}.order-card-admin{padding:20px}.order-header-admin{flex-direction:column;gap:15px}.order-status-section{align-self:flex-start}.order-detail-item{flex-direction:column;gap:5px}.detail-label{font-weight:600}.qr-code-preview img{max-width:120px;max-height:120px}.floating-label input{padding:14px 10px 5px;font-size:.95rem;min-height:48px}.floating-label label{top:13px;left:10px;font-size:.95rem}.floating-label input:focus+label,.floating-label input:not(:placeholder-shown)+label{top:6px;font-size:.75rem}.form-hint{font-size:.8rem}.submit-button{font-size:1rem;padding:12px;min-height:48px}.checkout-grid{gap:15px}.payment-page .card-content,.checkout-page .card-content,.payment-page .card-header,.checkout-page .card-header{padding:15px}.payment-page .card-header h3,.checkout-page .card-header h3{font-size:1.2rem}.order-summary-card .product-image{width:80px;height:80px}.order-summary-card .product-name{font-size:1.1rem}.order-summary-card .price,.order-summary-card .total-amount{font-size:1.3rem}.steps-list li{padding:10px}.step-content{gap:10px}.step-icon{width:20px;height:20px;font-size:.7rem}.upi-id-display{padding:12px}.upi-id-text{font-size:1rem}.copy-button{padding:10px;font-size:.9rem}.trust-badges{grid-template-columns:1fr}.confirmation-card .card-content{padding:20px 15px}.confirmation-card .card-header h2{font-size:1.5rem}.next-steps ol{padding-left:20px}.footer-content{gap:20px}.footer-section h3,.footer-section h4{font-size:1.1rem}.security-tips{padding:12px}.security-tips h4{font-size:1rem}.security-tips ul{padding-left:15px}.security-tips li{font-size:.9rem}}@media (hover: none) and (pointer: coarse){.nav-button{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.btn-primary,.btn-secondary,.btn-danger{min-height:44px;min-width:44px}.floating-label input,.submit-button,.upi-id-display button{min-height:44px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.product-image-enhanced,.product-image-large{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.logo{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.header,.nav,.footer,.btn-primary,.btn-secondary,.btn-danger{display:none}.order-card,.order-card-admin{box-shadow:none;border:1px solid #000}body{background:#fff;color:#000}.container{max-width:100%;padding:0}}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid #818cf8;outline-offset:2px}@media (prefers-contrast: high){body{background:#000;color:#fff}.header{background:#000;border-bottom:1px solid #fff}.product-card-enhanced,.package-card,.auth-form-container,.order-summary,.payment-section{border:2px solid #fff}}@media (prefers-reduced-transparency: reduce){.header,.packages-page .header,.help-page .header,.checkout-page .header{background:#0f172a;-webkit-backdrop-filter:none;backdrop-filter:none}.hero:before{display:none}}.sync-status{padding:10px;border-radius:5px;margin:10px 0;text-align:center;font-weight:500}.sync-status.success{background-color:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.sync-status.error{background-color:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.instructions{background:rgba(255,255,255,.05);border-radius:10px;padding:20px;margin-top:20px}.instructions h3,.instructions h4{color:#818cf8;margin-top:0}.instructions ol{padding-left:20px}.instructions li{margin-bottom:10px;color:#e2e8f0}.export-import-section{margin-top:30px;padding:20px;border:1px solid #e1e5e9;border-radius:8px;background-color:#f8f9fa}.export-import-section h4{margin-top:0;color:#333}.export-import-buttons{display:flex;gap:15px;margin:15px 0;flex-wrap:wrap}.import-button-wrapper{position:relative;overflow:hidden;display:inline-block}.file-input-hidden{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer}.sync-instructions{margin-top:20px;padding:15px;background-color:#e9ecef;border-radius:6px}.sync-instructions h5{margin-top:0;color:#495057}.sync-instructions ol{padding-left:20px;margin:10px 0}.sync-instructions li{margin-bottom:8px;line-height:1.5}.product-header-large{display:flex;align-items:center;padding:40px;border-radius:20px;margin-bottom:30px;box-shadow:0 10px 30px #0000004d;position:relative;overflow:hidden;background-size:cover;background-position:center;animation:fadeInUp .6s ease-out}.product-header-large:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0));pointer-events:none}.product-image-container-large{width:150px;height:150px;margin-right:30px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:20px;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-shrink:0}.product-image-large{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2))}.product-info-large{flex:1}.product-info-large h1{font-size:2.5rem;font-weight:800;margin:0 0 10px;color:#fff;letter-spacing:-.02em}.product-info-large p{font-size:1.2rem;font-weight:400;margin:0;color:#fffc;line-height:1.5}.packages-grid-large{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin:30px 0}.package-card-large{background:rgba(255,255,255,.05);border-radius:20px;padding:25px 20px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);animation:fadeInUp .6s ease-out;position:relative;overflow:hidden}.package-card-large:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0));pointer-events:none;opacity:0;transition:opacity .3s ease}.package-card-large:hover:before{opacity:1}.package-card-large:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.package-header{margin-bottom:20px}.package-price-large{font-size:2rem;font-weight:800;color:#818cf8;margin-bottom:5px}.package-value-large{font-size:1.2rem;font-weight:600;color:#e2e8f0;margin-bottom:5px}.package-savings{font-size:.9rem;font-weight:500;color:#86efac}.package-features{background:rgba(255,255,255,.05);border-radius:15px;padding:25px;margin:30px 0;border:1px solid rgba(255,255,255,.1)}.package-features h3{font-size:1.5rem;font-weight:700;margin:0 0 20px;color:#e2e8f0;text-align:center}.package-features ul{list-style:none;padding:0;margin:0}.package-features li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:1rem}.package-features li:last-child{border-bottom:none}.packages-page{min-height:100vh;display:flex;flex-direction:column}.packages-page .main{flex:1;padding:40px 0}.mobile-navigation{position:fixed;bottom:0;left:0;right:0;background:rgba(15,23,42,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -2px 20px #0000004d;z-index:1000;display:none}.nav-items{display:flex;justify-content:space-around;align-items:center;height:70px;padding:0 15px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:#94a3b8;cursor:pointer;padding:12px 0;border-radius:12px;transition:all .3s ease;width:33%;font-size:.75rem;font-weight:500;min-height:48px;min-width:48px}.nav-item:hover{color:#e2e8f0;background:rgba(255,255,255,.05)}.nav-item.active{color:#818cf8;background:rgba(129,140,248,.1)}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-bottom:4px}.nav-icon svg{width:24px;height:24px;stroke:currentColor;fill:none}.nav-label{font-size:.7rem;letter-spacing:.02em}@media (max-width: 768px){.mobile-navigation{display:block}.header .nav{display:none}}@media (max-width: 768px){.App{padding-bottom:70px}}@media (max-width: 360px){.nav-items{padding:0 10px}.nav-item{padding:10px 0}.nav-icon{width:20px;height:20px}.nav-icon svg{width:20px;height:20px}.nav-label{font-size:.65rem}}@media (min-width: 1400px){.container{max-width:1320px}.hero-title{font-size:4rem}.products-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 1200px) and (min-width: 992px){.packages-grid-large{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 992px) and (min-width: 768px){.packages-grid-large{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px) and (min-width: 480px){.packages-grid-large{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.features-grid,.testimonials-grid,.trust-badges{grid-template-columns:repeat(2,1fr)}.checkout-grid{grid-template-columns:1fr}.order-summary,.payment-section{width:100%}}@media (max-width: 576px){.packages-grid-large,.steps-grid,.features-grid,.testimonials-grid,.trust-badges,.grid-container{grid-template-columns:1fr}.checkout-grid{grid-template-columns:1fr;gap:15px}.order-summary,.payment-section{width:100%}.header .container{flex-direction:column;gap:15px;padding:15px}.nav{width:100%;justify-content:center;flex-wrap:wrap}.hero-content{padding:0 15px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.stat-item{padding:15px 10px}.stat-number{font-size:1.5rem}.stat-label{font-size:.9rem}.product-card-enhanced{padding:20px 15px}.packages-grid{grid-template-columns:1fr;gap:15px}.package-card-large{padding:20px 15px}.admin-filters{flex-direction:column;gap:10px}.search-box,.filter-box,.export-box{width:100%}.order-card-admin{padding:15px}.order-header-admin{flex-direction:column;gap:10px}.order-info-admin{width:100%}.order-status-section{width:100%;justify-content:flex-start}.payment-form .form-group{margin-bottom:15px}.floating-help{right:75px;padding:10px 15px;font-size:.9rem}.dark-mode-toggle{width:45px;height:45px}.order-id-display{font-size:1.1rem;padding:15px;background:rgba(129,140,248,.1);border-radius:10px;margin:20px 0}.next-steps ol{padding-left:20px}.next-steps li{margin-bottom:10px}.action-buttons{display:flex;flex-direction:column;gap:10px}.action-buttons .btn-primary,.action-buttons .btn-secondary{width:100%}}@media (max-width: 360px){.packages-grid{grid-template-columns:1fr;gap:15px}.packages-grid-large{gap:15px}.product-card-enhanced{padding:20px 15px}.hero-title{font-size:2rem}.section-title,.package-card-large .package-price-large{font-size:1.5rem}.package-card-large .package-value-large{font-size:1rem}.btn-primary,.btn-secondary{padding:12px 20px;font-size:.9rem}.order-meta{flex-direction:column;gap:5px}.order-meta span{font-size:.9rem}}@media (max-width: 400px){.form-group{flex-direction:column;align-items:flex-start}.form-group label{margin-bottom:5px}.payment-steps ol{padding-left:20px}.payment-steps li{font-size:.9rem}.admin-tabs{flex-direction:column}.admin-tabs .tab-button{width:100%;margin-bottom:5px}}*{word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}img{max-width:100%;height:auto}@media (min-width: 769px){.checkout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;justify-content:space-between}.order-summary,.payment-section{min-width:300px}}@media (max-width: 768px){.checkout-grid{display:grid;grid-template-columns:1fr;gap:20px}.order-summary,.payment-section{width:100%}.upi-id-display{flex-direction:column;align-items:flex-start}.upi-id-display .copy-button{margin:15px 0 0;width:100%}}@media (max-width: 480px){.checkout-grid{gap:15px}}.track-order-page{min-height:100vh;display:flex;flex-direction:column}.track-order-form{max-width:500px;margin:0 auto;padding:30px}.track-order-form .form-group{margin-bottom:20px}.track-order-form label{display:block;margin-bottom:8px;font-weight:600}.track-order-form input{width:100%;padding:12px 15px;border-radius:8px;border:2px solid #334155;background:rgba(30,41,59,.7);color:#e2e8f0;font-size:1rem}.track-order-form input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf84d}.track-order-form small{display:block;margin-top:5px;color:#94a3b8;font-size:.9rem}.track-order-form button{width:100%;padding:15px;font-size:1.1rem}.order-details{margin-top:30px}.order-details .order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #334155}.order-info .info-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(51,65,85,.5)}.order-info .info-label{font-weight:600;color:#94a3b8}.order-info .info-value{font-weight:500;color:#e2e8f0}.order-info .gift-code{font-family:monospace;background:rgba(129,140,248,.1);padding:5px 10px;border-radius:5px}.order-info .rejection-reason{color:#f87171}.order-status-info{margin-top:30px;padding:20px;background:rgba(30,41,59,.7);border-radius:10px}.order-status-info h4{margin-bottom:15px;color:#e2e8f0}.order-status-info ul{padding-left:20px}.order-status-info li{margin-bottom:10px;color:#cbd5e1}.status-processing{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-delivered{background:linear-gradient(135deg,#10b981,#059669)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card .stat-icon{font-size:1.5rem;margin-bottom:10px}.status-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.status-actions button{flex:1;min-width:120px}.delivery-section .form-group{margin-bottom:20px}.delivery-section input{width:100%;padding:12px 15px;border-radius:8px;border:2px solid #334155;background:rgba(30,41,59,.7);color:#e2e8f0;font-size:1rem}.delivery-section input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf84d}.content-card{background:rgba(30,41,59,.7);border-radius:15px;padding:30px;text-align:center;margin-bottom:30px;box-shadow:0 10px 25px #0000004d}.content-card h2{margin-bottom:15px;color:#e2e8f0}.content-card p{margin-bottom:25px;color:#cbd5e1;font-size:1.1rem}.info-card{background:rgba(30,41,59,.7);border-radius:15px;padding:30px;box-shadow:0 10px 25px #0000004d}.info-card h3{margin-bottom:20px;color:#e2e8f0}.info-card ol{padding-left:25px;color:#cbd5e1}.info-card li{margin-bottom:15px;line-height:1.6}.dark-mode-toggle{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#818cf8,#c084fc);color:#fff;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;box-shadow:0 4px 15px #818cf84d;z-index:1000;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease}.dark-mode-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #818cf866}.floating-help{position:fixed;bottom:20px;right:90px;background:linear-gradient(135deg,#818cf8,#c084fc);color:#fff;border:none;border-radius:30px;padding:12px 20px;cursor:pointer;box-shadow:0 4px 15px #818cf84d;z-index:1000;display:flex;align-items:center;gap:8px;font-weight:600;transition:all .3s ease}.floating-help:hover{transform:translateY(-3px);box-shadow:0 6px 20px #818cf866}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-bounceIn{animation:bounceIn .6s ease-out}.animate-shake{animation:shake .5s ease-in-out}.animate-zoomIn{animation:zoomIn .3s ease-out}.loading-dots:after{content:".";animation:dots 1.5s steps(5,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.btn-animated{position:relative;overflow:hidden}.btn-animated:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn-animated:hover:before{left:100%}.status-badge-enhanced{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-pending-enhanced{background:rgba(255,193,7,.2);color:#ffc107;border:1px solid rgba(255,193,7,.3)}.status-approved-enhanced{background:rgba(40,167,69,.2);color:#28a745;border:1px solid rgba(40,167,69,.3)}.status-rejected-enhanced{background:rgba(220,53,69,.2);color:#dc3545;border:1px solid rgba(220,53,69,.3)}.status-processing-enhanced{background:rgba(0,123,255,.2);color:#007bff;border:1px solid rgba(0,123,255,.3)}.order-card-enhanced{background:rgba(255,255,255,.05);border-radius:15px;padding:25px;margin-bottom:20px;box-shadow:0 5px 20px #0003;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);animation:slideInDown .5s ease-out;position:relative;overflow:hidden}.order-card-enhanced:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#818cf8,#c084fc);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.order-card-enhanced:hover:before{transform:scaleX(1)}.order-card-enhanced:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000004d}.product-card-enhanced{background:rgba(255,255,255,.05);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:fadeInUp .6s ease-out;position:relative}.product-card-enhanced:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0));pointer-events:none;opacity:0;transition:opacity .3s ease}.product-card-enhanced:hover:before{opacity:1}.product-card-enhanced:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0006}.package-card-enhanced{background:rgba(255,255,255,.08);border-radius:15px;padding:15px 10px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);animation:fadeIn .5s ease-out;position:relative;overflow:hidden}.package-card-enhanced:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0));pointer-events:none;opacity:0;transition:opacity .3s ease}.package-card-enhanced:hover:after{opacity:1}.package-card-enhanced:hover{background:rgba(255,255,255,.15);transform:translateY(-5px);box-shadow:0 5px 15px #0003}.feature-card-enhanced{background:rgba(255,255,255,.05);border-radius:15px;padding:30px 20px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);animation:fadeInUp .6s ease-out;position:relative;overflow:hidden}.feature-card-enhanced:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0));pointer-events:none;opacity:0;transition:opacity .3s ease}.feature-card-enhanced:hover:before{opacity:1}.feature-card-enhanced:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.step-card-enhanced{background:rgba(255,255,255,.05);border-radius:15px;padding:30px 20px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);animation:fadeInUp .6s ease-out;position:relative;overflow:hidden}.step-card-enhanced:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0));pointer-events:none;opacity:0;transition:opacity .3s ease}.step-card-enhanced:hover:before{opacity:1}.step-card-enhanced:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.testimonial-card-enhanced{background:rgba(255,255,255,.05);border-radius:15px;padding:30px 20px;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);animation:fadeInUp .6s ease-out;position:relative;overflow:hidden}.testimonial-card-enhanced:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0));pointer-events:none;opacity:0;transition:opacity .3s ease}.testimonial-card-enhanced:hover:before{opacity:1}.testimonial-card-enhanced:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.trust-badge-enhanced{background:rgba(255,255,255,.05);border-radius:15px;padding:20px 15px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);animation:fadeInUp .6s ease-out;position:relative;overflow:hidden}.trust-badge-enhanced:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0));pointer-events:none;opacity:0;transition:opacity .3s ease}.trust-badge-enhanced:hover:before{opacity:1}.trust-badge-enhanced:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.section-title-enhanced{font-size:2.5rem;font-weight:800;text-align:center;margin:50px 0 30px;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title-enhanced:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#818cf8,#c084fc);border-radius:2px}.hero-enhanced{background:linear-gradient(135deg,#1e3a8a 0%,#581c87 100%);color:#fff;padding:100px 0;position:relative;overflow:hidden;animation:fadeIn 1s ease-out}.hero-enhanced:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 70%);transform:rotate(30deg);animation:rotate 20s linear infinite}.container-enhanced{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.grid-layout-enhanced{display:grid;gap:30px}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex-layout-enhanced{display:flex;gap:20px}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-10{padding-top:2.5rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-white{color:#fff}.text-gray-100{color:#f7fafc}.text-gray-200{color:#edf2f7}.text-gray-300{color:#e2e8f0}.text-gray-400{color:#cbd5e0}.text-gray-500{color:#a0aec0}.text-gray-600{color:#718096}.text-gray-700{color:#4a5568}.text-gray-800{color:#2d3748}.text-gray-900{color:#1a202c}.bg-white{background-color:#fff}.bg-gray-100{background-color:#f7fafc}.bg-gray-200{background-color:#edf2f7}.bg-gray-300{background-color:#e2e8f0}.bg-gray-400{background-color:#cbd5e0}.bg-gray-500{background-color:#a0aec0}.bg-gray-600{background-color:#718096}.bg-gray-700{background-color:#4a5568}.bg-gray-800{background-color:#2d3748}.bg-gray-900{background-color:#1a202c}.border{border:1px solid #e2e8f0}.border-t{border-top:1px solid #e2e8f0}.border-b{border-bottom:1px solid #e2e8f0}.border-l{border-left:1px solid #e2e8f0}.border-r{border-right:1px solid #e2e8f0}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transform{transform:translate(0)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-1000{transition-duration:1s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.how-it-works-section,.products-section,.features-section,.testimonials-section{padding:40px 0;margin:30px 0}.section-title{font-size:2rem;font-weight:800;margin:30px 0 20px}.buy-button-enhanced,.btn-primary,.btn-secondary{min-height:48px;padding:14px 24px;font-size:1.1rem}.testimonial-card{background:rgba(255,255,255,.08);border-radius:15px;padding:25px;box-shadow:0 5px 15px #0003;border:1px solid rgba(255,255,255,.1);margin-bottom:20px}.how-it-works-section{background:linear-gradient(135deg,rgba(30,58,138,.1),rgba(88,28,135,.1));border-radius:20px;margin:30px 10px;padding:30px}.trust-badge{padding:20px 10px;margin:10px 0}.step-card,.feature-card{padding:25px 15px;margin-bottom:20px}.feature-icon,.badge-icon{font-size:2rem;margin-bottom:15px}.how-it-works-section:before,.features-section:before,.testimonials-section:before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin:30px 0}.order-card-enhanced{padding:20px;margin-bottom:15px}.product-card-enhanced{margin-bottom:25px}.header .container{padding:15px}.container{padding:0 15px}}@media (max-width: 480px){.section-title{font-size:1.75rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.9rem}.product-name-enhanced{font-size:1.4rem}.package-price{font-size:1.3rem}.package-value{font-size:.9rem}}.buy-button-enhanced:active,.btn-primary:active,.btn-secondary:active{transform:scale(.98);transition:transform .1s ease}.buy-button-enhanced{position:relative;overflow:hidden;transition:all .3s ease}.buy-button-enhanced:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.buy-button-enhanced:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(50);opacity:0}}.status-badge-enhanced{min-height:32px;min-width:80px;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px}.order-detail-item{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #818cf8;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-button,.tab-button,.status-badge-enhanced,.floating-help,.dark-mode-toggle{min-height:48px;min-width:48px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.section-title{border-bottom:2px solid currentColor}.status-badge-enhanced{border:2px solid currentColor}}.account-page{padding:20px 0}.account-page .page-header{margin-bottom:30px}.account-page .page-header h1{font-size:2rem;font-weight:700;text-align:center;margin:0}.account-content{display:flex;flex-direction:column;gap:30px}.profile-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.profile-section .section-header h2{margin:0}.edit-button{background:rgba(129,140,248,.1);border:1px solid rgba(129,140,248,.3);color:#818cf8;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.edit-button:hover{background:rgba(129,140,248,.2);transform:scale(1.1)}.profile-section .profile-details{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.profile-avatar{position:relative;display:flex;justify-content:center}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#c084fc);display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.edit-avatar-button{position:absolute;bottom:0;right:0;background:#1e293b;border:2px solid #1e293b;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.edit-avatar-button:hover{transform:scale(1.1)}.avatar-placeholder svg,.edit-avatar-button svg{width:32px;height:32px;stroke:currentColor;fill:none}.profile-info{width:100%}.info-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-item:last-child{border-bottom:none}.info-label{font-weight:600;color:#94a3b8;display:flex;align-items:center}.info-value{font-weight:500;text-align:right}.account-actions .card{padding:25px;background:rgba(255,255,255,.08);box-shadow:0 8px 30px #00000040}.account-actions h2{margin-top:0;margin-bottom:20px;font-size:1.4rem;color:#e2e8f0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.actions-list{display:flex;flex-direction:column;gap:12px}.action-button{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#e2e8f0;padding:16px 20px;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;width:100%;display:flex;align-items:center;gap:12px;box-shadow:0 2px 10px #0000001a}.action-button:hover{background:linear-gradient(135deg,rgba(129,140,248,.2),rgba(192,132,252,.2));color:#c7d2fe;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.action-button svg{flex-shrink:0;stroke:currentColor;fill:none}.card{background:rgba(255,255,255,.05);border-radius:15px;border:1px solid rgba(255,255,255,.1);box-shadow:0 5px 15px #0000001a;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.card h2{font-size:1.5rem;font-weight:700;margin:0 0 20px;color:#e2e8f0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{background:#1e293b;border-radius:15px;width:100%;max-width:400px;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.1);animation:zoomIn .3s ease-out}.modal-header{padding:20px 20px 10px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{margin:0;font-size:1.3rem;font-weight:700}.modal-body p{margin:0;line-height:1.5}.modal-footer button{min-width:80px}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:15px 25px;border-radius:12px;font-weight:600;box-shadow:0 5px 20px #0000004d;z-index:2000;min-width:280px;text-align:center;animation:slideInDown .3s ease-out}.toast-success{background:linear-gradient(135deg,#28a745,#218838);color:#fff}.toast-error{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.toast-info{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}@media (max-width: 768px){.account-page{padding:15px 0}.account-page .page-header h1{font-size:1.75rem}.profile-section .profile-details{padding:15px}.account-actions .card{padding:20px}.account-actions h2{font-size:1.3rem}.info-item{flex-direction:column;gap:5px}.info-value{text-align:left}.action-button{padding:15px;font-size:1rem}.form-actions{flex-direction:column}.form-actions button{width:100%}.card h2{font-size:1.3rem}.modal-content{margin:10px}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}@media (max-width: 480px){.account-page .page-header h1{font-size:1.5rem}.profile-section .profile-details{gap:15px}.avatar-placeholder{width:60px;height:60px}.avatar-placeholder svg{width:24px;height:24px}.action-button{padding:14px 15px;font-size:.95rem}}.order-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease-out}.modal-content{background:#1e293b;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.1);animation:zoomIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700}.close-button{background:none;border:none;color:#94a3b8;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-button:hover{background:rgba(255,255,255,.1);color:#e2e8f0}.modal-body{padding:20px}.modal-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:10px;justify-content:flex-end}.order-detail-item{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.05)}.order-detail-item:last-child{border-bottom:none}.detail-label{font-weight:600;color:#94a3b8}.detail-value{text-align:right;font-weight:500}.gift-code{font-family:monospace;background:rgba(129,140,248,.1);padding:5px 10px;border-radius:5px;word-break:break-all}.rejection-reason{color:#f87171;font-weight:500}@media (max-width: 768px){.order-detail-modal{padding:10px}.modal-content{border-radius:15px}.modal-header{padding:15px}.modal-header h2{font-size:1.3rem}.modal-body{padding:15px}.modal-footer{padding:15px;flex-direction:column}.modal-footer button{width:100%}.order-detail-item{flex-direction:column;gap:5px}.detail-value{text-align:left}}@media (max-width: 768px){.dark-mode-toggle{bottom:90px}.floating-help{bottom:90px;right:90px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;font-weight:800;letter-spacing:-.02em}h2{font-weight:700;letter-spacing:-.01em}h3{font-weight:600;letter-spacing:-.01em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}