@font-face{font-family:SF Pro Display Light;src:url(/SF-Pro-Display-Light.ttf) format("truetype");font-weight:500;font-style:normal}*{background-color:#1a1a1a;font-family:SF Pro Display Light,sans-serif;font-size:medium}body{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;color:#e5e5e5;min-height:100vh;display:flex;flex-direction:column;line-height:1.6}.container{max-width:750px;margin:250px auto;display:flex;flex-direction:column;justify-content:center;align-items:center}header{border-bottom:1px solid #1a1a1a;padding:20px 0;position:sticky;top:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#3b82f6}.logo svg{width:20px;height:20px}.nav{display:flex;gap:24px;align-items:center}.nav a{color:#888;text-decoration:none;font-size:14px;transition:color .2s}.nav a:hover{color:#e5e5e5}.theme-toggle{background:none;border:1px solid #333;color:#888;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.theme-toggle:hover{border-color:#555;color:#e5e5e5}main{flex:1;padding:60px 0}.hero{text-align:center;margin-bottom:60px}.hero h1{font-size:32px;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:#888;font-size:16px;max-width:500px;margin:0 auto}.download-section{background:#111;border:1px solid #1a1a1a;border-radius:8px;padding:32px;margin-bottom:60px}.download-form{display:flex;gap:12px;margin-bottom:20px}.url-input-wrapper{flex:1;position:relative}.url-input{width:100%;background:#0a0a0a;border:1px solid #333;border-radius:6px;padding:12px 16px;color:#e5e5e5;font-family:inherit;font-size:14px;transition:border-color .2s;margin-right:10px}.url-input:focus{outline:none;border-color:#3b82f6}.url-input::placeholder{color:#555}.copy-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#555;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s;display:none}.copy-btn:hover{color:#3b82f6}.copy-btn.show{display:block}.download-btn{background:#3b82f6;border:none;color:#fff;padding:12px 24px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s;white-space:nowrap;margin-top:10px}.download-btn:hover{background:#2563eb}.features{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.feature-tag{background:#1a1a1a;border:1px solid #333;padding:6px 12px;border-radius:20px;font-size:12px;color:#888}.faq-section{background:#111;border:1px solid #1a1a1a;border-radius:8px;padding:32px;margin-bottom:60px}.faq-section h2{font-size:20px;margin-bottom:24px;color:#e5e5e5;text-align:center}.faq-item{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #1a1a1a}.faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.faq-question{font-size:16px;font-weight:600;color:#3b82f6;margin-bottom:8px}.faq-answer{color:#888;font-size:14px;line-height:1.6}.faq-answer a{color:#3b82f6;text-decoration:none}.faq-answer a:hover{text-decoration:underline}.faq-answer code{background:#1a1a1a;border:1px solid #333;padding:2px 6px;border-radius:4px;font-family:inherit;font-size:12px;color:#e5e5e5}.stat{text-align:center;padding:20px;background:#111;border:1px solid #1a1a1a;border-radius:8px}.stat-value{font-size:24px;font-weight:700;color:#3b82f6;margin-bottom:4px}.stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.deploy-section{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #333;border-radius:8px;padding:32px;text-align:center}.deploy-section h2{font-size:20px;margin-bottom:12px;color:#e5e5e5}.deploy-section p{color:#888;margin-bottom:24px}.deploy-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.deploy-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;border:1px solid #333}.deploy-btn.primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.deploy-btn.primary:hover{background:#2563eb;border-color:#2563eb}.deploy-btn.secondary{background:#1a1a1a;color:#e5e5e5}.deploy-btn.secondary:hover{background:#333}footer{border-top:1px solid #1a1a1a;padding:20px 0;text-align:center;color:#555;font-size:12px}footer a{color:#3b82f6;text-decoration:none}footer a:hover{text-decoration:underline}.toast{position:fixed;bottom:20px;right:20px;background:#1a1a1a;border:1px solid #333;color:#e5e5e5;padding:12px 16px;border-radius:6px;font-size:14px;transform:translateY(100px);opacity:0;transition:all .3s;z-index:1000}.toast.show{transform:translateY(0);opacity:1}.light{background:#fff;color:#1a1a1a}.light header{background:#fffffff2;border-bottom-color:#e5e5e5}.light .logo{color:#3b82f6}.light .nav a{color:#666}.light .nav a:hover{color:#1a1a1a}.light .theme-toggle{border-color:#e5e5e5;color:#666}.light .theme-toggle:hover{border-color:#ccc;color:#1a1a1a}.light .hero p{color:#666}.light .download-section{background:#f8f9fa;border-color:#e5e5e5}.light .url-input{background:#fff;border-color:#e5e5e5;color:#1a1a1a}.light .url-input:focus{border-color:#3b82f6}.light .url-input::placeholder{color:#999}.light .copy-btn{color:#999}.light .copy-btn:hover{color:#3b82f6}.light .feature-tag{background:#fff;border-color:#e5e5e5;color:#666}.light .faq-section{background:#f8f9fa;border-color:#e5e5e5}.light .faq-item{border-bottom-color:#e5e5e5}.light .faq-question{color:#3b82f6}.light .faq-answer{color:#666}.light .faq-answer code{background:#fff;border-color:#e5e5e5;color:#1a1a1a}.light .stat{background:#f8f9fa;border-color:#e5e5e5}.light .stat-label{color:#666}.light .deploy-section{background:linear-gradient(135deg,#f8f9fa,#fff);border-color:#e5e5e5}.light .deploy-section h2{color:#1a1a1a}.light .deploy-section p{color:#666}.light .deploy-btn.secondary{background:#fff;color:#1a1a1a;border-color:#e5e5e5}.light .deploy-btn.secondary:hover{background:#f8f9fa}.light footer{border-top-color:#e5e5e5;color:#999}.light .toast{background:#fff;border-color:#e5e5e5;color:#1a1a1a}@media(max-width:768px){.container{padding:0 16px}.hero h1{font-size:24px}.download-form,.deploy-buttons{flex-direction:column}.nav{gap:16px}.nav a{font-size:12px}}