@import"https://fonts.googleapis.com/css?family=Inter:400,700&display=swap";body,.q-page{font-family:Inter,Arial,sans-serif;background:#090a0f!important;color:#e0e7ef}.bg-primary{background:#3b82f6!important}.text-primary{color:#3b82f6!important}.shadcn-card{background:linear-gradient(135deg,#181a20,#1e2026);border:1px solid rgba(59,130,246,.3);border-radius:16px;box-shadow:0 4px 20px #3b82f61a,0 1px 3px #0003;transition:all .3s ease;position:relative;overflow:hidden}.shadcn-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);opacity:.5}.shadcn-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f626,0 2px 6px #0000004d;border-color:#3b82f680}.shadcn-title{background:linear-gradient(135deg,#3b82f6,#60a5fa,#93c5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(59,130,246,.3)}.hero-section{background:linear-gradient(135deg,#1e2026,#252a33,#181a20);position:relative;overflow:hidden}.hero-section:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.hero-content{position:relative;z-index:2}.hero-title{background:linear-gradient(135deg,#3b82f6,#60a5fa,#93c5fd,#ddd6fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(59,130,246,.3)}.hero-subtitle{color:#94a3b8;line-height:1.6}.hero-btn{min-width:180px;font-weight:600;text-transform:none;letter-spacing:.5px}.guide-list{margin:0}.guide-item{display:flex;align-items:flex-start;background:#3b82f60d;border-left:3px solid rgba(59,130,246,.3);padding:16px;border-radius:8px}.guide-icon{margin-right:12px;flex-shrink:0;margin-top:2px}.guide-content{color:#e2e8f0;line-height:1.6}.guide-content strong{color:#60a5fa}.screenshot-container{text-align:center}.screenshot-placeholder{background:#3b82f60d;border:2px dashed rgba(59,130,246,.3);border-radius:12px;padding:40px;text-align:center}.screenshot-placeholder p{margin:8px 0 0;font-size:14px}.screenshot-image{border-radius:12px;overflow:hidden;border:1px solid rgba(59,130,246,.3);background:#3b82f60d}.screenshot-img{width:100%;height:auto;display:block;max-width:100%}.info-box{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:16px;display:flex;align-items:center}.tips-card{background:linear-gradient(135deg,#1a1d23,#20252c);border:1px solid rgba(59,130,246,.2);border-radius:12px;height:100%}.tips-list{margin:0;padding-left:20px;color:#cbd5e1}.tips-list li{margin-bottom:8px;line-height:1.5}.quick-action-btn{min-height:120px;border-radius:12px;transition:all .3s ease}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f633}.cta-section{background:linear-gradient(135deg,#1e2026,#252a33,#2d3748);border:1px solid rgba(59,130,246,.4)}.cta-buttons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}.cta-btn{min-width:200px;font-size:16px;font-weight:600;text-transform:none;letter-spacing:.5px;box-shadow:0 4px 15px #3b82f64d}.cta-btn:hover{box-shadow:0 6px 20px #3b82f666}.step-number{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:#3b82f61a;border:2px solid rgba(59,130,246,.3)}.text-green{color:#10b981!important}.text-blue{color:#06b6d4!important}.text-orange{color:#f97316!important}.text-purple{color:#8b5cf6!important}.text-teal{color:#14b8a6!important}.full-height{height:100%}.full-width{width:100%}@media (max-width: 1023px){.hero-section{padding:2rem 1.5rem!important}.step-number{width:60px;height:60px}}@media (max-width: 768px){.hero-title{font-size:1.8rem;line-height:1.2}.hero-subtitle{font-size:1rem}.hero-btn{min-width:150px;width:100%;margin-bottom:12px;margin-right:0!important}.cta-buttons{flex-direction:column;align-items:stretch}.cta-btn{width:100%;margin-bottom:12px}.hero-section{padding:1.5rem 1rem!important}.shadcn-card{padding:1rem!important;margin-bottom:1rem!important}.step-number{width:50px;height:50px}.step-number .q-icon{font-size:32px!important}.quick-action-btn{min-height:100px}}@media (max-width: 480px){.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.9rem}.guide-item{flex-direction:column;text-align:left}.guide-icon{margin-bottom:8px;margin-right:0}.screenshot-placeholder{padding:20px}.tips-card{margin-bottom:1rem!important}.cta-btn{min-width:160px}.quick-action-btn{min-height:80px}}