*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--text:#ededed;--text-muted:#888;--accent:#3b82f6;--card-bg:#141414;--border:#262626;--code-bg:#1a1a1a}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{max-width:900px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:60px}.header h1{background:linear-gradient(135deg,#fff,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:3rem;font-weight:700}.header p{color:var(--text-muted);font-size:1.2rem}.section{margin-bottom:50px}.section h2{color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:10px;font-size:1.5rem}.example{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:20px;margin-bottom:15px;padding:15px;display:flex}.example img{border-radius:6px;flex-shrink:0}.example-url{flex:1}.example-url a{color:var(--accent);word-break:break-all;font-family:Consolas,Monaco,monospace;font-size:.9rem;text-decoration:none}.example-url a:hover{text-decoration:underline}.example-note{color:var(--text-muted);margin-top:5px;font-size:.85rem}.info{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-top:15px;padding:20px}.info p{color:var(--text-muted);font-size:.9rem}.info code{background:var(--code-bg);color:var(--text);border-radius:4px;padding:2px 6px;font-size:.85rem}.footer{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);padding-top:40px;font-size:.9rem}@media (max-width:600px){.header h1{font-size:2rem}.example{flex-direction:column;align-items:flex-start}}