*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#000;--text-color:#fff;--text-muted:#aaa;--border-color:#fff;--border-muted:#333;--accent-color:#00d4d4;--accent-glow:rgba(0,212,212,0.4);--accent-gradient:linear-gradient(90deg,transparent,rgba(0,212,212,0.15),rgba(0,212,212,0.3),rgba(0,212,212,0.15),transparent);--code-bg:#111}[data-theme="light"]{--bg-color:#fff;--text-color:#000;--text-muted:#555;--border-color:#000;--border-muted:#ccc;--accent-color:#008b8b;--accent-glow:rgba(0,139,139,0.3);--accent-gradient:linear-gradient(90deg,transparent,rgba(0,139,139,0.1),rgba(0,139,139,0.2),rgba(0,139,139,0.1),transparent);--code-bg:#f5f5f5}body{background:var(--bg-color);color:var(--text-color);font-family:'Inter',sans-serif;font-weight:300;line-height:1.6;padding:2rem;max-width:1400px;margin:0 auto;transition:background .3s,color .3s;min-height:100vh;overflow-x:hidden}.container{border:1px solid var(--border-color);padding:3rem;clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);transition:border-color .3s}.theme-toggle{background:transparent;border:1px solid var(--border-color);color:var(--text-color);width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.theme-toggle:hover{background:var(--text-color);color:var(--bg-color)}.theme-toggle:focus-visible{outline:2px solid var(--text-color);outline-offset:4px}.theme-toggle .icon-sun,.theme-toggle .icon-moon{display:none}[data-theme="light"] .theme-toggle .icon-moon{display:block}[data-theme="dark"] .theme-toggle .icon-sun,:root:not([data-theme="light"]) .theme-toggle .icon-sun{display:block}a[href^="http"]:not(.contact-links a):not(.nav-card):not(.back-link):not(.sdg-tag){color:var(--accent-color);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:opacity .3s,text-decoration-color .3s}a[href^="http"]:not(.contact-links a):not(.nav-card):not(.back-link):not(.sdg-tag):hover{opacity:.8;text-decoration-color:transparent}a[href^="http"]:not(.contact-links a):not(.nav-card):not(.back-link):not(.sdg-tag):focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-muted)}.back-link{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .3s}.back-link:hover{color:var(--accent-color)}.page-title{font-size:2rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.section{margin-bottom:3rem}.section:last-child{margin-bottom:0}.section-title{font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem}.data-table{width:100%;border-collapse:collapse}.data-table thead{border-bottom:1px solid var(--border-muted)}.data-table th,.data-table td{text-align:left;vertical-align:top;padding:1rem 1rem 1rem 0}.data-table td{border-bottom:1px solid var(--border-muted)}.data-table tbody tr{transition:all .3s ease}.data-table tbody tr:hover{box-shadow:0 0 30px var(--accent-glow)}.item-title{font-size:1rem;font-weight:400;color:var(--text-color);transition:color .3s}tr:hover .item-title{color:var(--accent-color)}.item-description{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin:0}@media(max-width:768px){body{padding:1rem}.container{padding:1.5rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-title{font-size:1.5rem}.theme-toggle{position:absolute;top:2.5rem;right:2.5rem}.data-table .col-desc{display:none}}@media(max-width:480px){.page-title{font-size:1.25rem}}img[loading="lazy"]{opacity:0;transition:opacity .3s ease-in-out}img[loading="lazy"].loaded,img[loading="lazy"]:not([src=""]){opacity:1}img{max-width:100%;height:auto}.img-container{position:relative;overflow:hidden;background:var(--border-muted)}.img-container img{display:block;width:100%;height:auto}