*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--bg-elevated: #161616;--bg-elevated-hover: #222222;--bg-elevated-alt: #2a2a2a;--text: #ffffff;--text-muted: #d4d4d4;--text-muted-dark: #a8a8a8;--border: #333333;--accent: #747bff;--accent-hover: #8d93ff;--gradient-end: #b8b8b8;--highlight-blue: #4fa8ff;--highlight-red: #ff9999;--highlight-green: #7ce688;--warning-bg: rgba(255, 193, 7, .08);--warning-border: rgba(255, 193, 7, .25);--warning-icon: rgba(255, 193, 7, .8);--warning-text: #ffca28;--warning-text-muted: rgba(255, 193, 7, .5);--success-bg: #1e5a1e;--success-accent: #6fdb81;--syntax-comment: #9ca3af;--syntax-keyword: #ff8a80;--syntax-string: #b8e0ff;--syntax-function: #e0bbff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}main{flex:1;display:flex;align-items:center;padding:10rem 0 4rem}.hero{text-align:center;width:100%}.hero-title{font-size:clamp(2rem,8vw,5rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:var(--text);background:linear-gradient(135deg,var(--text) 0%,var(--gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title .highlight{color:var(--highlight-blue);background:none;-webkit-text-fill-color:var(--highlight-blue)}@supports not (background-clip: text){.hero-title{color:var(--text)}}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--text-muted);margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.url-example{margin:0 auto 4rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:2rem;max-width:700px;width:100%;text-align:left}.url-example h2,.url-example h3{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.url-row-container{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.url-row-container:nth-of-type(2){margin-bottom:2rem}.url-row{display:flex;align-items:center;gap:1rem;font-family:Courier New,monospace;font-size:.9rem;flex:1;min-width:0}.url-examples{display:flex;gap:.5rem}.url-example-link{padding:.4rem .8rem;background:var(--bg-elevated-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);text-decoration:none;font-size:.75rem;transition:all .2s;white-space:nowrap}.url-example-link:hover{background:var(--bg-elevated-alt);border-color:var(--accent);color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.url-value{color:var(--text);flex:1}.url-value .highlight-red{color:var(--highlight-red);text-decoration:line-through;text-decoration-thickness:2px}.url-value .highlight-green{color:var(--highlight-green);font-weight:700}.disclaimer{background:var(--warning-bg);border-top:1px solid var(--warning-border);padding:.75rem 1rem;margin:0 -2rem -2rem;border-radius:0 0 12px 12px;display:flex;align-items:center;gap:.75rem}.disclaimer-icon{flex-shrink:0;width:14px;height:14px;color:var(--warning-icon)}.disclaimer-text{font-size:.75rem;color:var(--text-muted-dark);line-height:1.4}.disclaimer-text a{color:var(--warning-text);text-decoration:underline;text-decoration-color:var(--warning-text-muted);transition:text-decoration-color .2s}.disclaimer-text a:hover{text-decoration-color:var(--warning-text)}.code-sample{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:left;flex:1;min-width:0;position:relative}.code-sample-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.copy-button{background:var(--bg-elevated-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);padding:.4rem .8rem;font-size:.75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem}.copy-button:hover{background:var(--bg-elevated-alt);border-color:var(--accent);color:var(--text)}.copy-button.copied{background:var(--success-bg);border-color:var(--success-accent);color:var(--success-accent)}.copy-button svg{width:14px;height:14px}.alternatives{margin-top:4rem;max-width:1000px;margin-left:auto;margin-right:auto}.alternatives h2{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.alternatives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.code-sample h3{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.code-sample pre{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1.25rem;overflow-x:auto;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6}.code-sample .comment{color:var(--syntax-comment)}.code-sample .keyword{color:var(--syntax-keyword)}.code-sample .string{color:var(--syntax-string)}.code-sample .function{color:var(--syntax-function)}.read-more{text-align:center;margin:3rem auto 0}.read-more-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none;font-size:.95rem;transition:all .2s}.read-more-link:hover{background:var(--bg-elevated-hover);border-color:var(--accent);transform:translateY(-2px)}.read-more-link svg{width:16px;height:16px}footer{border-top:1px solid var(--border);padding:2rem 0;margin-top:4rem}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-links{display:flex;gap:2rem;list-style:none}.footer-links a{color:var(--text-muted);text-decoration:underline;text-decoration-color:#b3b3b34d;font-size:.9rem;transition:all .2s}.footer-links a:hover{color:var(--text);text-decoration-color:currentColor}.copyright{color:var(--text-muted);font-size:.9rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.copyright svg{width:16px;height:16px;opacity:.7;vertical-align:middle;transition:opacity .2s}.copyright a{display:inline-flex;align-items:center;text-decoration:underline;text-decoration-color:#b3b3b34d;color:inherit;transition:text-decoration-color .2s}.copyright a:hover{text-decoration-color:currentColor}.copyright a:hover svg{opacity:1}.copyright span+svg:before{content:"·";margin:0 .5rem;color:var(--text-muted)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:768px){main{padding-top:2rem}.container{padding:0 1rem}.url-example,.code-sample{padding:1.25rem}.disclaimer{padding:.75rem;margin:0 -1.25rem -1.25rem}.alternatives-grid{grid-template-columns:1fr}.url-row-container{flex-direction:column;align-items:flex-start;gap:.5rem}.url-row{flex-direction:column;align-items:flex-start;gap:.5rem;font-size:.75rem}.url-examples{width:100%;flex-wrap:wrap}.footer-content{flex-direction:column;text-align:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.hero-title,.hero-subtitle,.url-example{animation:fadeIn .6s ease-out}.hero-subtitle{animation-delay:.1s}.url-example{animation-delay:.2s}}