*{margin:0;padding:0;box-sizing:border-box;}body{background:#fef9e7;font-family:'Segoe UI','Roboto',system-ui,-apple-system,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;}.double-border-wrapper{max-width:1100px;width:100%;background:#ffffffdd;border:4px solid #f7c948;outline:4px solid #f9b83a;outline-offset:-8px;border-radius:36px 12px 36px 12px;padding:2.2rem 2.5rem;box-shadow:0 20px 40px rgba(247,180,50,0.15),0 8px 16px rgba(0,0,0,0.03);backdrop-filter:blur(2px);transition:all 0.1s ease;}.inner-card{background:#fefcf5;border-radius:28px 8px 28px 8px;padding:2rem 2rem 1.8rem;box-shadow:inset 0 2px 8px rgba(253,200,80,0.2);}.title-section{display:flex;align-items:baseline;gap:0.75rem;flex-wrap:wrap;margin-bottom:1.8rem;border-bottom:3px dashed #f5cba7;padding-bottom:0.8rem;}.title-section h1{font-size:2.6rem;font-weight:700;color:#2d4059;letter-spacing:-0.3px;background:linear-gradient(145deg,#f39c12,#e67e22);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;}.title-section .sub{font-size:1.1rem;background:#fdebd0;padding:0.2rem 1rem;border-radius:40px;color:#b45f06;font-weight:500;border:1px solid #f5b041;}.overview-grid{display:flex;flex-wrap:wrap;gap:1.8rem;margin:1.8rem 0 2rem;}.overview-item{flex:1 1 200px;background:#eafaf1;padding:1.2rem 1.2rem 1.5rem;border-radius:32px 8px 32px 8px;border:2px solid #a9dfbf;box-shadow:0 6px 0 #82c9a8;transition:transform 0.1s ease;}.overview-item:nth-child(2){background:#fdedec;border-color:#f5b7b1;box-shadow:0 6px 0 #f1948a;}.overview-item:nth-child(3){background:#fef9e7;border-color:#f9e79f;box-shadow:0 6px 0 #f7dc6f;}.overview-item h3{font-size:1.5rem;font-weight:600;color:#1e3c4f;margin-bottom:0.5rem;display:flex;align-items:center;gap:6px;}.overview-item p{color:#2c3e50;font-size:0.98rem;line-height:1.5;}.badge-icon{display:inline-block;background:white;border-radius:50%;width:32px;height:32px;text-align:center;line-height:32px;font-size:1.2rem;margin-right:4px;box-shadow:0 2px 4px rgba(0,0,0,0.05);}.styled-table{width:100%;border-collapse:separate;border-spacing:0 6px;margin:1.8rem 0 2rem;}.styled-table th{background:#d4e6f1;color:#1a3b4c;font-weight:600;padding:0.9rem 1rem;text-align:left;border-radius:20px 4px 20px 4px;font-size:1.05rem;border:2px solid #a9cce3;}.styled-table td{background:#f8f9fa;padding:0.9rem 1rem;border-radius:16px 4px 16px 4px;border:2px solid #eaecee;vertical-align:top;}.styled-table tr td:first-child{font-weight:600;background:#f0f8ff;border-color:#b3d9f2;width:28%;}.code-block{background:#1e2a36;color:#f0e6d0;padding:1.2rem 1.5rem;border-radius:24px 6px 24px 6px;border-left:8px solid #f7c948;font-family:'JetBrains Mono','Fira Code','Cascadia Code',monospace;font-size:0.9rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:1.2rem 0 1.8rem;box-shadow:0 6px 0 #3a4a5a;line-height:1.6;}.code-block code{font-family:inherit;}.svg-container{background:#f4f9fa;border-radius:40px 8px 40px 8px;padding:1.2rem 0.8rem 0.8rem;margin:1.8rem 0 2rem;border:3px solid #b2d8d8;box-shadow:0 8px 0 #80b6b6;text-align:center;}.svg-container svg{max-width:100%;height:auto;display:block;margin:0 auto;}.svg-caption{font-size:0.9rem;color:#2c5f5f;margin-top:0.3rem;font-weight:500;}.feature-list{background:#fefcf0;padding:1.2rem 1.8rem 1.2rem 2.8rem;border-radius:28px 6px 28px 6px;border:2px solid #f7dc6f;margin:1.2rem 0 1.8rem;list-style-type:"✨ ";}.feature-list li{padding:0.4rem 0;font-size:1rem;color:#2c3e50;}.feature-list li strong{color:#b9770e;}hr{border:none;height:4px;background:linear-gradient(90deg,#f9e79f,#f5b041,#f9e79f);border-radius:4px;margin:2rem 0 1.2rem;}footer{margin-top:2.5rem;text-align:center;font-size:1.2rem;font-weight:500;color:#5d4e37;background:#fdebd0;padding:0.8rem 1.5rem;border-radius:60px 12px 60px 12px;border:2px solid #f5cba7;display:inline-block;width:auto;letter-spacing:2px;}.footer-wrapper{display:flex;justify-content:center;}@media (max-width:650px){.double-border-wrapper{padding:1.2rem;}.inner-card{padding:1rem;}.title-section h1{font-size:2rem;}.overview-item{flex:1 1 100%;}}