*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#0a0a23,#1a1a3e);color:#fff;line-height:1.6;min-height:100vh}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}header{background:#181828f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #323252;position:sticky;top:0;z-index:1000}.header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}.logo img{height:40px;width:auto}.main-nav{display:flex;gap:2rem}.main-nav a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease}.main-nav a:hover,.main-nav a.active{color:#6c63ff}.wallet-dropdown{position:relative}.connect-wallet-btn{background-color:#6c63ff;color:#fff;border:none;border-radius:30px;padding:8px 16px;font-size:13px;cursor:pointer;transition:all .3s ease}.connect-wallet-btn:hover{background-color:#5a52d5;transform:translateY(-1px)}.connect-wallet-btn.connected{background-color:indigo;position:relative;padding-right:28px}.connect-wallet-btn.connected:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:#4dea4a}.logout-btn{display:none;position:absolute;top:100%;right:0;margin-top:5px;background-color:#1a1a1a;color:#ff6b6b;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:13px;box-shadow:0 5px 15px #0000004d;z-index:100}.logout-btn.visible{display:block}main{flex:1}.hero{text-align:center;padding:100px 20px;position:relative;overflow:hidden}.badge{background:linear-gradient(135deg,#6c63ff,#9969c7);color:#fff;padding:8px 24px;border-radius:50px;font-size:14px;font-weight:500;display:inline-block;margin-bottom:2rem}.hero h1{font-size:4rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero h2{font-size:3rem;font-weight:600;margin-bottom:2rem}.highlight{color:#6c63ff}.moon-text{background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.desc{font-size:1.2rem;color:#b8b8b8;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.create-token-box{display:flex;max-width:500px;margin:0 auto 3rem;background:#ffffff1a;border-radius:50px;padding:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.create-token-text{flex:1;background:transparent;border:none;padding:12px 20px;color:#fff;font-size:16px;outline:none}.create-token-text::placeholder{color:#888}.create-token-btn{background:linear-gradient(135deg,#6c63ff,#9969c7);color:#fff;border:none;border-radius:50px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.create-token-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #6c63ff66}.video-guide-button{display:flex;justify-content:center;margin-bottom:4rem}.guide-btn{background:linear-gradient(135deg,#6c63ff,#9969c7,#6c63ff,#5551ff);background-size:300% 300%;color:#fff;text-decoration:none;padding:12px 36px;border-radius:30px;font-size:15px;font-weight:500;box-shadow:0 5px 15px #6c63ff66;transition:all .3s ease;display:inline-flex;align-items:center;min-width:280px;justify-content:center;animation:gradientAnimation 3s ease infinite}.guide-btn:before{content:"▶";margin-right:10px;font-size:14px}.guide-btn:hover{transform:translateY(-2px);box-shadow:0 7px 20px #6c63ff99;filter:brightness(1.1)}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.big-moon{position:relative;display:flex;justify-content:center;margin-top:4rem}.moon-svg{width:200px;height:200px;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem}.powerful-launcher{text-align:center;padding:100px 0}.powerful-launcher h2{font-size:3rem;font-weight:700;color:#fff}.token-creator{padding:100px 0;background:#11111280}.creator-container{max-width:800px;margin:0 auto;background:#181828;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.window-controls{display:flex;gap:8px;padding:20px;background:#232336}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ff5f56}.control.yellow{background:#ffbd2e}.control.green{background:#27ca3f}.creator-content{padding:40px}.creator-content h2{font-size:2.5rem;margin-bottom:1rem;text-align:center}.creator-description{text-align:center;color:#b8b8b8;margin-bottom:3rem;font-size:1.1rem}.token-form,.pool-form{display:flex;flex-direction:column;gap:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-row:last-child{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:8px;color:#fff}.input-display,.input-field{background:#232336;border:2px solid #323252;border-radius:12px;padding:16px;color:#fff;font-size:16px;outline:none;transition:border-color .3s ease}.input-display:focus,.input-field:focus{border-color:#6c63ff}.input-help{font-size:12px;color:#888;margin-top:4px}.why-choose-us{padding:100px 0}.section-title{text-align:center;font-size:2.5rem;margin-bottom:4rem}.features-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.features-left,.features-right{display:flex;flex-direction:column;gap:2rem}.feature-item{display:flex;gap:1.5rem;align-items:flex-start}.feature-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#6c63ff,#9969c7);flex-shrink:0;display:flex;align-items:center;justify-content:center}.feature-content h3{font-size:1.3rem;margin-bottom:.5rem}.feature-content p{color:#b8b8b8;line-height:1.6}.faq{padding:100px 0}.faq-list{max-width:800px;width:80%;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{border:1px solid #323252;border-radius:20px;background:#111112;overflow:hidden;transition:all .2s ease}.faq-item.open{border-color:#6c63ff}.faq-question{width:100%;background:none;border:none;outline:none;color:#fff;font-size:1.1rem;font-weight:500;letter-spacing:.3px;display:flex;align-items:center;justify-content:space-between;padding:20px 26px;cursor:pointer;transition:background .2s}.faq-icon{font-size:1.8rem;font-weight:300;transition:transform .3s}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{display:none;color:#d1d1d1;font-size:.95rem;padding:0 26px 20px;line-height:1.5}.faq-item.open .faq-answer{display:block}footer{background:#111112;border-top:1px solid #323252;padding:2rem 0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.footer-logo img{height:30px}.footer-copyright{text-align:center;color:#888}.footer-cta .btn{background:#6c63ff;color:#fff;border:none;border-radius:30px;padding:8px 16px;font-size:13px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease}.footer-cta .btn:hover{background:#5a52d5;transform:translateY(-1px)}.create-token-page,.course-page,.liquidity-pool-page,.privacy-page,.terms-page{min-height:100vh}.create-token-page .hero,.course-page .hero,.liquidity-pool-page .hero,.privacy-page .hero,.terms-page .hero{padding:80px 20px 60px}.form-actions{display:flex;justify-content:center;margin-top:2rem}.create-token-btn.primary,.create-pool-btn.primary{background:linear-gradient(135deg,#6c63ff,#9969c7);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px}.create-token-btn.primary:hover,.create-pool-btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #6c63ff66}.create-token-btn.primary:disabled,.create-pool-btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.privacy-content,.terms-content{padding:60px 0}.content-wrapper{max-width:800px;margin:0 auto;padding:0 2rem}.policy-section,.terms-section{margin-bottom:2rem}.policy-section h3,.terms-section h3{color:#6c63ff;margin-bottom:1rem;font-size:1.5rem}.policy-section ul,.terms-section ul{padding-left:2rem;margin:1rem 0}.policy-section li,.terms-section li{margin-bottom:.5rem;color:#d1d1d1}.last-updated{margin-top:3rem;padding-top:2rem;border-top:1px solid #323252;color:#888;text-align:center}.course-content{padding:60px 0}.video-section{margin-bottom:4rem;text-align:center}.video-placeholder{margin:2rem 0}.video-container{background:#232336;border-radius:12px;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;border:2px solid #323252}.play-button{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#6c63ff,#9969c7);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;cursor:pointer;transition:all .3s ease}.play-button:hover{transform:scale(1.1);box-shadow:0 10px 20px #6c63ff66}.course-modules{margin-bottom:4rem}.module{background:#181828;border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid #323252}.module h3{color:#6c63ff;margin-bottom:1rem;font-size:1.5rem}.module ul{list-style:none;padding:0}.module li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#d1d1d1}.module li:before{content:"✓";position:absolute;left:0;color:#6c63ff;font-weight:700}.course-resources{margin-top:4rem}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.resource-item{background:#181828;border-radius:12px;padding:2rem;text-align:center;border:1px solid #323252;transition:all .3s ease}.resource-item:hover{border-color:#6c63ff;transform:translateY(-4px)}.resource-item h4{color:#6c63ff;margin-bottom:1rem;font-size:1.3rem}.resource-item p{color:#b8b8b8;margin-bottom:1.5rem}.resource-link{background:linear-gradient(135deg,#6c63ff,#9969c7);color:#fff;text-decoration:none;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:500;transition:all .3s ease;display:inline-block}.resource-link:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6c63ff66}.pool-info{background:#232336;border-radius:12px;padding:1.5rem;margin-top:2rem;border:1px solid #323252}.pool-info h3{color:#6c63ff;margin-bottom:1rem;font-size:1.3rem}.info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #323252}.info-row:last-child{border-bottom:none}.pool-benefits{padding:60px 0;background:#1111124d}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.benefit-item{background:#181828;border-radius:12px;padding:2rem;text-align:center;border:1px solid #323252;transition:all .3s ease}.benefit-item:hover{border-color:#6c63ff;transform:translateY(-4px)}.benefit-item h3{color:#6c63ff;margin-bottom:1rem;font-size:1.3rem}.benefit-item p{color:#b8b8b8}.pool-instructions{padding:60px 0}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.step{display:flex;gap:1rem;align-items:flex-start}.step-number{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6c63ff,#9969c7);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.step-content h4{color:#6c63ff;margin-bottom:.5rem;font-size:1.2rem}.step-content p{color:#b8b8b8;line-height:1.6}.creation-info{padding:60px 0;background:#1111124d}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.info-item{background:#181828;border-radius:12px;padding:2rem;text-align:center;border:1px solid #323252;transition:all .3s ease}.info-item:hover{border-color:#6c63ff;transform:translateY(-4px)}.info-item h3{color:#6c63ff;margin-bottom:1rem;font-size:1.3rem}.info-item p{color:#b8b8b8}select.input-field{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;cursor:pointer}.payment-modal{position:fixed;inset:50% auto auto 50%;margin-right:-50%;transform:translate(-50%,-50%);max-width:500px;width:90%;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;border:1px solid #323252;outline:none;box-shadow:0 25px 50px #00000080}.payment-modal .payment-popup{padding:2rem;color:#fff}.payment-modal h3{font-size:1.8rem;margin-bottom:1rem;text-align:center;color:#fff;font-weight:600}.payment-modal p{text-align:center;color:#b8b8b8;margin-bottom:2rem;line-height:1.5}.payment-details{margin-bottom:2rem}.amount-section,.address-section{margin-bottom:1.5rem}.amount-section label,.address-section label{display:block;font-weight:600;margin-bottom:.5rem;color:#fff;font-size:.9rem}.sol-amount{font-size:1.5rem;font-weight:700;color:#6c63ff;text-align:center;margin:.5rem 0;padding:1rem;background:#6c63ff1a;border-radius:12px;border:1px solid rgba(108,99,255,.3)}.address-container{display:flex;flex-direction:column;gap:.5rem}.wallet-address{background:#232336;border:1px solid #323252;border-radius:8px;padding:1rem;font-family:monospace;font-size:.85rem;color:#fff;word-break:break-all;margin:0}.copy-btn{background:linear-gradient(135deg,#6c63ff,#9969c7);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;align-self:flex-start}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6c63ff66}.popup-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.check-transaction-btn,.close-popup-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.check-transaction-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.check-transaction-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #28a74566}.close-popup-btn{background:#6c757d;color:#fff}.close-popup-btn:hover{background:#5a6268;transform:translateY(-2px)}.popup-note{text-align:center;font-size:.85rem;color:#888;margin:0;font-style:italic}.fee-info{margin-bottom:2rem;padding:1.5rem;background:#6c63ff0d;border:1px solid rgba(108,99,255,.2);border-radius:12px}.fee-details{text-align:center}.fee-original{color:#b8b8b8;margin-bottom:.5rem}.fee-original .strikethrough{text-decoration:line-through;color:#888}.fee-discount{color:#28a745;font-weight:600;margin-bottom:.5rem}.fee-final{color:#fff;font-size:1.1rem;margin:0}@media (max-width: 768px){.header-container{flex-direction:column;gap:1rem;padding:1rem}.main-nav{flex-wrap:wrap;justify-content:center;gap:1rem}.hero h1{font-size:2.5rem}.hero h2{font-size:2rem}.form-row{grid-template-columns:1fr;gap:1rem}.features-container{grid-template-columns:1fr;gap:2rem}.footer-container{flex-direction:column;gap:1rem;text-align:center}.resources-grid,.benefits-grid,.info-grid,.steps{grid-template-columns:1fr}}
