:root{--fysg-primary:#6355dc;--fysg-primary-dark:#4a3db3;--fysg-gradient-start:#6355dc;--fysg-gradient-end:#8b5cf6;--fysg-dark-bg:#0a0a0f;--fysg-card-bg:#fff;--fysg-card-bg-dark:#1a1a24;--fysg-text:#1a1a2e;--fysg-text-light:#4a4a6a;--fysg-text-white:#fff;--fysg-border:#e2e8f0;--fysg-border-dark:#2d2d3a;--fysg-success:#10b981;--fysg-warning:#f59e0b;--fysg-error:#ef4444}*{box-sizing:border-box;margin:0;padding:0}.fysg-page{color:var(--fysg-text);background:linear-gradient(#f8fafc 0%,#fff 100%);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5}.fysg-container{max-width:1280px;margin:0 auto;padding:0 24px}.fysg-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);padding:80px 0 60px;position:relative;overflow:hidden}.fysg-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#6355dc26 0%,#0000 50%);position:absolute;inset:0}.fysg-hero-content{z-index:2;max-width:800px;margin:0 auto;position:relative}.fysg-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.3px;background:#ffffff1f;border-radius:40px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-block}.fysg-hero-title{letter-spacing:-.02em;margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.2}@media (min-width:768px){.fysg-hero-title{font-size:56px}}.fysg-gradient{background:linear-gradient(135deg,#a78bfa,#c084fc,#e879f9);color:#0000;-webkit-background-clip:text;background-clip:text}.fysg-hero-sub{color:#ffffffd9;max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:18px}.fysg-hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:48px;display:flex}.fysg-btn-primary{background:linear-gradient(135deg,var(--fysg-gradient-start),var(--fysg-gradient-end));color:#fff;cursor:pointer;border:none;border-radius:40px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.fysg-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6355dc66}.fysg-free-badge{background:#ffffff1a;border-radius:40px;padding:6px 14px;font-size:14px;font-weight:500}.fysg-hero-stats{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:40px;padding-top:40px;display:flex}.fysg-stat{text-align:center}.fysg-stat-number{font-size:32px;font-weight:800;line-height:1.2;display:block}.fysg-stat-label{opacity:.7;font-size:14px}.fysg-section{padding:80px 0}.fysg-section-alt{background:linear-gradient(#f1f5f9 0%,#fff 100%)}.fysg-section-header{text-align:center;margin-bottom:48px}.fysg-section-tag{color:var(--fysg-primary);background:linear-gradient(135deg,#6355dc1a,#8b5cf61a);border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.fysg-section-title{letter-spacing:-.01em;margin-bottom:16px;font-size:36px;font-weight:700}@media (min-width:768px){.fysg-section-title{font-size:42px}}.fysg-section-desc{color:var(--fysg-text-light);max-width:700px;margin:0 auto;font-size:18px}.fysg-examples-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:40px;display:grid}.fysg-example-card{background:var(--fysg-card-bg);border:1px solid var(--fysg-border);border-radius:24px;padding:28px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #0000000d}.fysg-example-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.fysg-example-icon{margin-bottom:16px;font-size:32px}.fysg-example-card h3{margin-bottom:16px;font-size:20px}.fysg-example-script{color:var(--fysg-text-light);border-left:3px solid var(--fysg-primary);background:#f8fafc;border-radius:16px;margin-bottom:16px;padding:16px;font-style:italic}.fysg-example-meta{color:var(--fysg-text-light);gap:16px;font-size:13px;display:flex}.fysg-two-columns{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}@media (max-width:768px){.fysg-two-columns{grid-template-columns:1fr;gap:32px}}.fysg-steps-list{margin:32px 0}.fysg-step{gap:20px;margin-bottom:28px;display:flex}.fysg-step-number{background:linear-gradient(135deg,var(--fysg-gradient-start),var(--fysg-gradient-end));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:flex}.fysg-step h3{margin-bottom:8px;font-size:20px}.fysg-step p{color:var(--fysg-text-light)}.fysg-btn-secondary{border:2px solid var(--fysg-primary);color:var(--fysg-primary);background:0 0;border-radius:40px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.fysg-btn-secondary:hover{background:var(--fysg-primary);color:#fff}.fysg-visual-card{color:#fff;background:#1a1a2e;border-radius:24px;overflow:hidden}.fysg-visual-header{background:#6355dc4d;padding:16px 20px;font-weight:600}.fysg-visual-script{background:#0f0f1a;padding:24px}.fysg-visual-script p{margin-bottom:16px;line-height:1.6}.fysg-content-block{margin-bottom:40px}.fysg-content-block h3{margin-top:8px;margin-bottom:16px;font-size:24px}.fysg-content-block p{color:var(--fysg-text-light);margin-bottom:16px;font-size:17px;line-height:1.7}.fysg-uc-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin:40px 0;display:grid}.fysg-uc-card{background:var(--fysg-card-bg);border:1px solid var(--fysg-border);border-radius:20px;padding:24px;transition:all .2s}.fysg-uc-card h3{margin-bottom:12px;font-size:18px}.fysg-uc-card p{color:var(--fysg-text-light);font-size:14px;line-height:1.6}.fysg-cta-center{text-align:center;margin-top:32px}.fysg-best-practices{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:32px 0;display:grid}.fysg-practice-item{background:var(--fysg-card-bg);border:1px solid var(--fysg-border);border-radius:16px;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.fysg-practice-icon{min-width:32px;font-size:20px;font-weight:700}.fysg-practice-item p{font-size:15px;line-height:1.5}.fysg-mistakes-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:32px 0;display:grid}.fysg-mistake-card{background:var(--fysg-card-bg);border:1px solid var(--fysg-border);border-radius:20px;padding:20px}.fysg-mistake-bad{color:#dc2626;background:#ef444414;border-radius:12px;margin-bottom:12px;padding:12px;font-size:14px}.fysg-mistake-fix{color:#059669;background:#10b98114;border-radius:12px;margin-bottom:12px;padding:12px;font-size:14px}.fysg-mistake-fix-label{color:var(--fysg-text-light);font-size:12px;font-weight:500}.fysg-advanced-content{flex-direction:column;gap:28px;display:flex}.fysg-advanced-item h3{margin-bottom:8px;font-size:20px}.fysg-advanced-item p{color:var(--fysg-text-light);line-height:1.6}.fysg-pro-tip{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:24px;padding:28px;position:sticky;top:20px}.fysg-pro-tip-header{color:#b45309;margin-bottom:16px;font-size:18px;font-weight:700}.fysg-pro-tip p{color:#78350f;margin-bottom:12px;line-height:1.6}.fysg-pro-tip-author{font-size:13px;font-style:italic}.fysg-compare-table-wrapper{margin:32px 0;overflow-x:auto}.fysg-compare-table{border-collapse:collapse;background:var(--fysg-card-bg);border-radius:20px;width:100%;overflow:hidden;box-shadow:0 2px 10px #0000000d}.fysg-compare-table th,.fysg-compare-table td{text-align:left;border-bottom:1px solid var(--fysg-border);padding:16px 20px}.fysg-compare-table th{background:linear-gradient(135deg,#6355dc1a,#8b5cf61a);font-weight:700}.fysg-compare-table tr:last-child td{border-bottom:none}.fysg-internal-links{background:var(--fysg-card-bg);text-align:center;border:1px solid var(--fysg-border);border-radius:32px;padding:40px}.fysg-internal-links h3{margin-bottom:24px;font-size:24px}.fysg-links-grid{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.fysg-link-card{color:var(--fysg-text);border:1px solid var(--fysg-border);background:#f8fafc;border-radius:40px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.fysg-link-card:hover{background:var(--fysg-primary);color:#fff;border-color:#0000}.fysg-links-cta{margin-top:16px;font-size:15px}.fysg-bold-link{color:var(--fysg-primary);font-weight:700;text-decoration:none}.fysg-bold-link:hover{text-decoration:underline}.fysg-faq{background:#f8fafc}.fysg-faq-grid{max-width:800px;margin:0 auto}.fysg-faq-item{background:var(--fysg-card-bg);border:1px solid var(--fysg-border);border-radius:16px;margin-bottom:16px;overflow:hidden}.fysg-faq-item summary{cursor:pointer;padding:20px 24px;font-size:18px;font-weight:600;list-style:none;position:relative}.fysg-faq-item summary::-webkit-details-marker{display:none}.fysg-faq-item summary:after{content:"+";color:var(--fysg-primary);font-size:24px;position:absolute;right:24px}.fysg-faq-item[open] summary:after{content:"−"}.fysg-faq-item p{color:var(--fysg-text-light);padding:0 24px 24px;line-height:1.6}.fysg-cta-final{background:linear-gradient(135deg,#0f0c29,#302b63);padding:60px 0 80px}.fysg-cta-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:40px;padding:48px}.fysg-cta-title{color:#fff;margin-bottom:16px;font-size:32px;font-weight:800}.fysg-cta-desc{color:#fffc;margin-bottom:32px;font-size:18px}.fysg-prompt-box{text-align:left;background:#fff;border-radius:28px;max-width:600px;margin:32px auto;padding:28px}.fysg-prompt-label{color:var(--fysg-text);margin-bottom:12px;font-size:16px;font-weight:700;display:block}.fysg-prompt-textarea{border:2px solid var(--fysg-border);resize:vertical;border-radius:20px;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}.fysg-prompt-textarea:focus{border-color:var(--fysg-primary);outline:none}.fysg-btn-generate{background:linear-gradient(135deg,var(--fysg-gradient-start),var(--fysg-gradient-end));color:#fff;cursor:pointer;border:none;border-radius:40px;width:100%;margin-top:16px;padding:14px;font-size:16px;font-weight:700;transition:transform .2s}.fysg-btn-generate:hover{transform:translateY(-2px)}.fysg-prompt-note{color:var(--fysg-text-light);text-align:center;margin-top:12px;font-size:12px}.fysg-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.fysg-btn-primary-large{background:linear-gradient(135deg,var(--fysg-gradient-start),var(--fysg-gradient-end));color:#fff;border-radius:40px;padding:16px 36px;font-size:18px;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-block}.fysg-btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6355dc66}.fysg-btn-outline{color:#fff;background:0 0;border:2px solid #fff;border-radius:40px;padding:14px 32px;font-weight:600;text-decoration:none;transition:all .2s}.fysg-btn-outline:hover{color:var(--fysg-primary);background:#fff}@media (max-width:768px){.fysg-container{padding:0 20px}.fysg-section{padding:60px 0}.fysg-section-title{font-size:28px}.fysg-hero-title{font-size:36px}.fysg-cta-card{padding:32px 24px}.fysg-internal-links{padding:24px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fysg-example-card,.fysg-uc-card,.fysg-mistake-card{animation:.5s ease-out forwards fadeInUp}