:root{--primary-color:#0d6efd;--secondary-color:#6c757d;--success-color:#198754;--dark-color:#212529}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#333}.hero{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.05"><path d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/></g></g></svg>');opacity:.1}.hero .container{position:relative;z-index:1}.code-block{position:relative;background:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;padding:1rem;overflow-x:auto}.code-block pre{margin:0;padding:0}.code-block code{font-family:'Courier New',Courier,monospace;font-size:.9rem;color:#d63384;background:0 0}.code-block .copy-btn{position:absolute;top:.5rem;right:.5rem;font-size:.875rem;transition:.2s}.code-block .copy-btn:hover{background-color:#e9ecef}.code-block .copy-btn.copied{background-color:var(--success-color);color:#fff;border-color:var(--success-color)}.card{transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.ad-placeholder{background:#f8f9fa;min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ad-placeholder .ad-content{margin-top:.5rem}.upload-drop-zone{background:#f8f9fa;cursor:pointer;transition:.3s}.upload-drop-zone:hover{background:#e9ecef;border-color:var(--primary-color)!important}.upload-drop-zone.dragover{background:#e7f1ff;border-color:var(--primary-color)!important;transform:scale(1.02)}.upload-drop-zone.dragover i{animation:.5s infinite bounce}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.faq-section h2{border-bottom:2px solid var(--primary-color);padding-bottom:.5rem}.faq-section .card-header{cursor:pointer;border-bottom:1px solid rgba(0,0,0,.125)}html{scroll-behavior:smooth}.table-responsive{border-radius:.375rem}footer a:hover{color:#fff!important}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out fadeIn}.text-monospace{font-family:'Courier New',Courier,monospace}@media (max-width:768px){.hero h1{font-size:2rem}.hero .lead{font-size:1rem}.code-block{font-size:.8rem}.code-block .copy-btn{position:static;margin-top:.5rem;width:100%}}.navbar-brand{font-weight:600;font-size:1.25rem}.navbar-brand i{margin-right:.5rem}.btn{transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.btn-outline-secondary.copy-btn:hover{background-color:#6c757d;border-color:#6c757d;color:#fff}.badge{font-weight:500;padding:.35em .65em}.loading{position:relative;pointer-events:none;opacity:.6}.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid var(--primary-color);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}