:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}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}}html,body{height:100%;width:100%;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100vh}.home-page{min-height:100vh;background:linear-gradient(135deg,#0e0e0e,#1a1a2e);color:#f0f0f0}.navbar{background:#141428f2;border-bottom:1px solid rgba(200,245,100,.1);padding:20px 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700;color:#c8f564;margin:0;letter-spacing:1px}.admin-btn{padding:10px 20px;background:transparent;border:1px solid #c8f564;color:#c8f564;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.admin-btn:hover{background:#c8f564;color:#0e0e0e}.nav-buttons{display:flex;gap:12px;align-items:center}.test-form-btn{padding:10px 16px;background:#c8f5641a;border:1px solid #c8f564;color:#c8f564;border-radius:6px;cursor:pointer;font-size:13px;transition:all .3s}.test-form-btn:hover{background:#c8f564;color:#0e0e0e}.hero{max-width:1200px;margin:0 auto;padding:120px 20px;text-align:center}.hero-content h1{font-size:56px;margin-bottom:20px;background:linear-gradient(45deg,#c8f564,#ff9f43);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.hero-content p{font-size:20px;color:#ccc;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{padding:16px 40px;background:linear-gradient(135deg,#c8f564,#b8e554);color:#0e0e0e;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px #c8f56433}.cta-button.large{padding:20px 50px;font-size:18px}.features{max-width:1200px;margin:0 auto;padding:80px 20px;border-top:1px solid rgba(200,245,100,.1)}.features h2{font-size:42px;text-align:center;margin-bottom:60px;color:#c8f564}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{background:#1c1c2ccc;border:1px solid rgba(200,245,100,.1);padding:30px;border-radius:12px;text-align:center;transition:all .3s}.feature-card:hover{border-color:#c8f5644d;background:#1c1c2c;transform:translateY(-5px)}.feature-icon{font-size:40px;display:block;margin-bottom:15px}.feature-card h3{color:#c8f564;margin-bottom:10px}.feature-card p{color:#aaa;font-size:14px}.pricing{max-width:1200px;margin:0 auto;padding:80px 20px;border-top:1px solid rgba(200,245,100,.1)}.pricing h2{font-size:42px;text-align:center;margin-bottom:60px;color:#c8f564}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;align-items:center}.pricing-card{background:#1c1c2ccc;border:1px solid rgba(200,245,100,.1);padding:40px;border-radius:12px;text-align:center;transition:all .3s;position:relative}.pricing-card h3{color:#c8f564;font-size:24px;margin-bottom:10px}.pricing-card .price{font-size:36px;font-weight:700;color:#f0f0f0;margin:10px 0}.pricing-card .description{color:#aaa;font-size:14px;margin-bottom:30px}.features-list{list-style:none;padding:0;margin:30px 0;text-align:left}.features-list li{padding:10px 0;color:#ccc;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}.features-list li:last-child{border-bottom:none}.order-btn{width:100%;padding:12px;background:transparent;border:1px solid #c8f564;color:#c8f564;border-radius:6px;font-weight:700;cursor:pointer;margin-top:20px;transition:all .3s}.order-btn:hover{background:#c8f564;color:#0e0e0e}.pricing-card.featured{transform:scale(1.05);border-color:#c8f564;background:#1c1c2c}.pricing-card.featured:hover{box-shadow:0 20px 60px #c8f56433}.badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:#c8f564;color:#0e0e0e;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.featured-btn{background:#c8f564;color:#0e0e0e}.featured-btn:hover{background:#b8e554}.how-it-works{max-width:1200px;margin:0 auto;padding:80px 20px;border-top:1px solid rgba(200,245,100,.1)}.how-it-works h2{font-size:42px;text-align:center;margin-bottom:60px;color:#c8f564}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.step{text-align:center}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#c8f564,#ff9f43);color:#0e0e0e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 20px}.step h3{color:#f0f0f0;margin-bottom:10px}.step p{color:#aaa;font-size:14px}.final-cta{max-width:1200px;margin:0 auto;padding:80px 20px;border-top:1px solid rgba(200,245,100,.1);text-align:center}.final-cta h2{font-size:42px;color:#c8f564;margin-bottom:20px}.final-cta p{font-size:18px;color:#ccc;margin-bottom:40px}.footer{background:#0a0a14e6;border-top:1px solid rgba(200,245,100,.1);padding:60px 20px 20px;margin-top:80px}.footer-content{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-section h4{color:#c8f564;margin-bottom:15px}.footer-section p{color:#aaa;line-height:1.8}.footer-section a{color:#c8f564;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#d8ff74}.footer-bottom{border-top:1px solid rgba(200,245,100,.1);padding-top:20px;text-align:center;color:#666;font-size:14px}@media(max-width:768px){.hero-content h1{font-size:36px}.pricing-card.featured{transform:scale(1)}.navbar{padding:15px 0}.logo{font-size:18px}.steps{grid-template-columns:1fr}.features h2,.pricing h2,.how-it-works h2,.final-cta h2{font-size:32px}}.admin-login{min-height:100vh;background:linear-gradient(135deg,#0e0e0e,#1a1a2e);display:flex;align-items:center;justify-content:center;padding:20px}.login-container{background:#1c1c2ce6;border:1px solid rgba(200,245,100,.2);padding:60px;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:100%}.login-container h1{text-align:center;color:#c8f564;margin-bottom:40px;font-size:28px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{color:#f0f0f0;font-weight:600;font-size:14px}.input-field{padding:12px 16px;background:#0000004d;border:1px solid rgba(200,245,100,.2);border-radius:8px;color:#f0f0f0;font-size:14px;transition:all .3s}.input-field:focus{outline:none;border-color:#c8f564;background:#00000080;box-shadow:0 0 0 3px #c8f5641a}.error-message{color:#ff6b6b;font-size:12px;margin:-10px 0 10px}.login-button{padding:14px;background:linear-gradient(135deg,#c8f564,#b8e554);border:none;border-radius:8px;color:#0e0e0e;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s;margin-top:10px}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c8f56433}.admin-dashboard{min-height:100vh;background:linear-gradient(135deg,#0e0e0e,#1a1a2e);color:#f0f0f0;padding:40px 20px}.admin-header{max-width:1400px;margin:0 auto 60px;display:flex;justify-content:space-between;align-items:center}.admin-header h1{font-size:40px;color:#c8f564;margin:0}.logout-button{padding:10px 25px;background:transparent;border:1px solid #ff6b6b;color:#ff6b6b;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s;font-size:14px}.logout-button:hover{background:#ff6b6b;color:#f0f0f0}.stats-grid{max-width:1400px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:#1c1c2ccc;border:1px solid rgba(200,245,100,.1);padding:30px;border-radius:12px;display:flex;gap:20px;align-items:flex-start;transition:all .3s}.stat-card:hover{border-color:#c8f5644d;transform:translateY(-5px)}.stat-icon{font-size:32px;min-width:50px;text-align:center}.stat-content h3{color:#aaa;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-weight:600}.stat-value{color:#f0f0f0;font-size:32px;font-weight:700;margin:0}.stat-card.revenue{border-left:4px solid #c8f564}.stat-card.progress{border-left:4px solid #ff9f43}.stat-card.completed{border-left:4px solid #4a9eff}.stat-card.time{border-left:4px solid #9f7aea}.orders-section{max-width:1400px;margin:0 auto;background:#1c1c2ccc;border:1px solid rgba(200,245,100,.1);border-radius:12px;padding:30px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-header h2{font-size:24px;color:#c8f564;margin:0}.refresh-button{padding:10px 20px;background:transparent;border:1px solid #c8f564;color:#c8f564;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s;font-size:14px}.refresh-button:hover:not(:disabled){background:#c8f564;color:#0e0e0e}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.no-orders{text-align:center;color:#aaa;padding:40px;font-size:16px}.orders-table-container{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{border-bottom:2px solid rgba(200,245,100,.2)}.orders-table th{padding:16px;text-align:left;color:#c8f564;font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.orders-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .3s}.orders-table tbody tr:hover{background:#c8f5640d}.orders-table td{padding:16px;color:#ccc;font-size:14px}.order-id{font-weight:600;color:#f0f0f0;font-family:monospace}.package-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.package-badge.basic{background:#4a9eff26;color:#4a9eff;border:1px solid rgba(74,158,255,.3)}.package-badge.standard{background:#c8f56426;color:#c8f564;border:1px solid rgba(200,245,100,.3)}.package-badge.premium{background:#ff9f4326;color:#ff9f43;border:1px solid rgba(255,159,67,.3)}.products-count{color:#aaa}.status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid;background:transparent}.date{color:#888;font-size:13px}.revenue{font-weight:600;color:#c8f564}@media(max-width:768px){.admin-dashboard{padding:20px}.admin-header{flex-direction:column;gap:20px;margin-bottom:40px}.admin-header h1{font-size:28px}.stats-grid{grid-template-columns:1fr}.orders-table th,.orders-table td{padding:12px;font-size:12px}.section-header{flex-direction:column;gap:15px;align-items:flex-start}.login-container{padding:40px 20px}}.form-page{background:#0e0e0e;color:#f0f0f0;min-height:100vh;font-family:DM Sans,sans-serif}.form-navbar{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;padding:20px 40px;border-bottom:1px solid #333}.form-navbar h1{font-size:24px;margin:0}.back-btn{background:none;border:none;color:#c8f564;cursor:pointer;font-size:18px;padding:10px;border-radius:6px;transition:all .3s}.back-btn:hover{background:#2a2a2a}.form-container{max-width:900px;margin:0 auto;padding:40px 20px}.form-step{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:40px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-step h2{font-size:24px;margin-bottom:25px;color:#f0f0f0}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.package-option{border:2px solid #333;border-radius:10px;padding:25px;cursor:pointer;transition:all .3s;background:#0e0e0e}.package-option:hover{transform:translateY(-5px);border-color:currentColor}.package-option.active{background:#c8f5641a;border-width:3px}.package-option h3{margin:0 0 15px;font-size:20px}.package-option p{margin:8px 0;color:#ccc}.package-option .price{font-size:24px;font-weight:600;margin:10px 0}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.platform-checkbox{display:flex;align-items:center;gap:10px;padding:15px;background:#0e0e0e;border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .3s}.platform-checkbox:hover{border-color:#c8f564;background:#c8f5640d}.platform-checkbox input{cursor:pointer;width:18px;height:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;font-size:14px;text-transform:uppercase;color:#aaa}.form-group input,.form-group select{padding:12px;background:#0e0e0e;border:1px solid #333;border-radius:6px;color:#f0f0f0;font-size:16px;font-family:DM Sans,sans-serif}.form-group input:focus,.form-group select:focus{outline:none;border-color:#c8f564;box-shadow:0 0 0 3px #c8f5641a}.upload-section{display:flex;gap:15px;margin-bottom:30px}.upload-btn,.template-btn{padding:12px 20px;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#f0f0f0;cursor:pointer;transition:all .3s;font-size:14px;font-weight:500}.upload-btn:hover,.template-btn:hover{border-color:#c8f564;color:#c8f564}.products-list{margin-bottom:30px;max-height:600px;overflow-y:auto}.product-card{background:#0e0e0e;border:1px solid #333;border-radius:8px;padding:20px;margin-bottom:15px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.product-card input,.product-card textarea{padding:12px;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#f0f0f0;font-family:DM Sans,sans-serif;font-size:14px}.product-card input:focus,.product-card textarea:focus{outline:none;border-color:#c8f564}.product-card textarea{resize:vertical;min-height:80px}.product-card .remove-btn{grid-column:1 / -1;padding:10px;background:#8b0000;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .3s}.product-card .remove-btn:hover{background:#a00000}.add-product-btn{display:block;width:100%;padding:15px;background:#2a2a2a;border:2px dashed #c8f564;border-radius:8px;color:#c8f564;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s;margin-bottom:30px}.add-product-btn:hover{background:#c8f5641a}.continue-btn,.submit-btn{display:block;width:100%;padding:15px;background:#c8f564;color:#0e0e0e;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s;margin-top:20px}.continue-btn:hover,.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c8f5644d}.form-buttons{display:flex;gap:15px;margin-top:30px}.back-step-btn{flex:1;padding:15px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#f0f0f0;cursor:pointer;font-weight:600;transition:all .3s}.back-step-btn:hover{border-color:#c8f564;color:#c8f564}.status-message{padding:15px;background:#c8f5641a;border:1px solid #c8f564;border-radius:6px;color:#c8f564;margin-bottom:20px;text-align:center}@media(max-width:768px){.form-navbar{padding:15px 20px}.form-container{padding:20px 15px}.form-step{padding:25px}.form-row,.product-card{grid-template-columns:1fr}.product-card .remove-btn{grid-column:auto}}.start-order-page{background:linear-gradient(135deg,#0e0e0e,#1a1a2e);min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;color:#f0f0f0;padding:20px}.start-order-container{display:flex;align-items:center;justify-content:center;width:100%}.start-order-card{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:60px 40px;max-width:500px;text-align:center;box-shadow:0 20px 60px #00000080}.start-order-card h1{font-size:32px;margin-bottom:20px;color:#c8f564;font-weight:700}.loading-text{font-size:18px;margin-bottom:30px;color:#ccc}.spinner{width:50px;height:50px;margin:30px auto;border:4px solid #333;border-top-color:#c8f564;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:#c8646426;border:1px solid #cc6666;border-radius:8px;padding:20px;margin:20px 0;color:#f99}.error-message p{margin:0 0 15px;font-size:16px}.retry-btn{padding:12px 24px;background:#c8f564;color:#0e0e0e;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #c8f5644d}.success-message{background:#c8f56426;border:1px solid #c8f564;border-radius:8px;padding:20px;margin:20px 0;color:#c8f564}.info-box{background:#0e0e0e;border:1px solid #333;border-radius:8px;padding:25px;margin-top:30px;text-align:left}.info-box p{margin:0 0 15px;font-weight:600;color:#c8f564}.info-box ul{list-style:none;padding:0;margin:0}.info-box li{padding:8px 0;color:#ccc;font-size:14px}.info-box li:before{content:"";display:inline-block;width:4px;height:4px;background:#c8f564;border-radius:50%;margin-right:10px;margin-bottom:2px}@media(max-width:768px){.start-order-card{padding:40px 25px}.start-order-card h1{font-size:24px}.info-box{padding:20px}}