.container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.header{background:linear-gradient(135deg,#1e2f2e,#2a4d4a,#4a8b85);color:#fff;padding:2rem;text-align:center}.header h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.header .subtitle{font-size:1.1rem;opacity:.9}.content{padding:2rem}.meta-info{background:#e6f2f1;padding:1rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #4A8B85}.meta-info p{margin:.25rem 0;font-weight:500}h2{color:#2a4d4a;font-size:1.5rem;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #4A8B85}h3{color:#5cbcb6;font-size:1.2rem;margin:1.5rem 0 .8rem}p{margin-bottom:1rem;text-align:justify}ul{margin:1rem 0 1rem 2rem}li{margin-bottom:.5rem}.highlight{background:#fff3cd;padding:1rem;border-radius:6px;border-left:4px solid #ffc107;margin:1rem 0}.contact-box{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin:1rem 0;border:1px solid #dee2e6}.contact-box h4{color:#2a4d4a;margin-bottom:.5rem}.footer{background:#2a4d4a;color:#fff;padding:1.5rem;text-align:center;margin-top:2rem}.toc{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin:1rem 0 2rem;border:1px solid #dee2e6}.toc h3{color:#2a4d4a;margin-top:0;margin-bottom:1rem}.toc ul{margin-left:1rem}.toc a{color:#4a8b85;text-decoration:none}.toc a:hover{text-decoration:underline}.navbar{background:linear-gradient(135deg,#1e2f2e,#2a4d4a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 20px #0000001a}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.navbar-brand{display:flex;align-items:center;color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700}.navbar-brand:hover{color:#b3d9d6;text-decoration:none}.api-badge{background:#fff3;padding:.25rem .75rem;border-radius:15px;font-size:.75rem;margin-left:.5rem;border:1px solid rgba(255,255,255,.3)}.login-btn{background:linear-gradient(135deg,#5cbcb6,#79b5af);color:#fff;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;box-shadow:0 4px 15px #0000001a;display:inline-flex;align-items:center;gap:.5rem}.login-btn:hover{background:linear-gradient(135deg,#4a8b85,#5cbcb6);transform:translateY(-2px);box-shadow:0 6px 20px #00000026;color:#fff;text-decoration:none}.login-icon{width:16px;height:16px}.main-content{margin-top:80px;padding:20px;background:linear-gradient(135deg,#e6f2f1,#b3d9d6,#79b5af);min-height:100vh}.back-to-top{position:fixed;bottom:2rem;right:2rem;background:#4a8b85;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 15px #0003;transition:all .3s ease;opacity:0;visibility:hidden}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:#2a4d4a;transform:translateY(-3px);color:#fff;text-decoration:none}@media (max-width: 768px){.navbar-container{padding:0 1rem}.navbar-brand{font-size:1.2rem}.api-badge{font-size:.65rem;padding:.2rem .5rem}.login-btn{padding:.6rem 1.2rem;font-size:.9rem}.main-content{padding:10px}.header h1{font-size:2rem}.content{padding:1rem}}