@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-blue:#1a365d;--accent-blue:#2b6cb0;--ice-blue:#ebf8ff;--text-dark:#2d3748;--text-muted:#718096;--border-light:#cbd5e0;--bg-canvas:#f7fafc;--white:#fff}*{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}body{background-color:var(--bg-canvas);color:var(--text-dark);min-height:100vh;font-family:Inter,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--primary-blue);font-weight:700;line-height:1.2}a{color:var(--accent-blue);text-decoration:none;transition:color .2s,border-color .2s}a:hover{color:var(--primary-blue)}button{background-color:var(--accent-blue);color:var(--white);cursor:pointer;border:2px solid #0000;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s}button:hover{background-color:var(--primary-blue)}button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}input,textarea{border:2px solid var(--border-light);background-color:var(--white);width:100%;color:var(--text-dark);padding:10px 14px;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s}select{border:2px solid var(--border-light);background-color:var(--white);width:100%;color:var(--text-dark);padding:10px 32px 10px 14px;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue);outline:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background:var(--white);border:1px solid var(--border-light);border-left:5px solid var(--primary-blue);margin-bottom:16px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000000d}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.header-banner{color:#a0aec0;text-align:center;letter-spacing:.5px;background-color:#1a202c;border-bottom:1px solid #4a5568;padding:8px 12px;font-size:.85rem;font-weight:500}.header-banner span{color:#90cdf4;font-family:monospace}.main-header{background-color:var(--primary-blue);color:var(--white);border-bottom:4px solid var(--accent-blue);justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.main-header h1{color:var(--white);letter-spacing:1px;font-size:1.8rem}.main-header p{color:#90cdf4;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.85rem}.flex-between{justify-content:space-between;align-items:center;display:flex}.code-highlight{background-color:var(--ice-blue);color:var(--primary-blue);border:1px solid #2b6cb033;padding:4px 8px;font-family:monospace;font-size:.95rem;font-weight:700}.metadata-text{color:var(--text-muted);font-size:.85rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.border-b{border-bottom:1px solid var(--border-light)}.border-t{border-top:1px solid var(--border-light)}.border-l{border-left:1px solid var(--border-light)}.border-r{border-right:1px solid var(--border-light)}