:root{--bg-color: #f7f7f7;--text-color: #333333;--nav-border: #2c3e50;--nav-link: #2c3e50;--heading-color: #2c3e50;--card-bg: #ffffff;--card-border: #e2e8f0;--btn-bg: #2c3e50;--btn-text: #ffffff;--btn-border: #2c3e50;--btn-hover: #e74c3c;--accent-color: #e74c3c;--font-main: "Open Sans", sans-serif;--font-heading: "Oswald", sans-serif;--circuit-bg: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 L30 10 L40 20 L40 40 M60 90 L60 70 L80 50 L90 50 M10 90 L30 90 L50 70 L50 50 L70 30 L90 30' stroke='rgba(44, 62, 80, 0.05)' stroke-width='2' fill='none'/%3E%3Ccircle cx='10' cy='10' r='3' fill='rgba(44, 62, 80, 0.08)'/%3E%3Ccircle cx='40' cy='40' r='3' fill='rgba(44, 62, 80, 0.08)'/%3E%3Ccircle cx='60' cy='90' r='3' fill='rgba(44, 62, 80, 0.08)'/%3E%3Ccircle cx='90' cy='50' r='3' fill='rgba(44, 62, 80, 0.08)'/%3E%3Ccircle cx='10' cy='90' r='3' fill='rgba(44, 62, 80, 0.08)'/%3E%3Ccircle cx='90' cy='30' r='3' fill='rgba(44, 62, 80, 0.08)'/%3E%3C/svg%3E")}:root[data-theme=dark]{--bg-color: #1a1a24;--text-color: #e2e8f0;--nav-border: #4a5568;--nav-link: #e2e8f0;--heading-color: #ffffff;--card-bg: #222230;--card-border: #2d3748;--btn-bg: #e74c3c;--btn-text: #ffffff;--btn-border: #e74c3c;--btn-hover: #c0392b;--accent-color: #e74c3c;--circuit-bg: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 L30 10 L40 20 L40 40 M60 90 L60 70 L80 50 L90 50 M10 90 L30 90 L50 70 L50 50 L70 30 L90 30' stroke='rgba(255, 255, 255, 0.03)' stroke-width='2' fill='none'/%3E%3Ccircle cx='10' cy='10' r='3' fill='rgba(255, 255, 255, 0.05)'/%3E%3Ccircle cx='40' cy='40' r='3' fill='rgba(255, 255, 255, 0.05)'/%3E%3Ccircle cx='60' cy='90' r='3' fill='rgba(255, 255, 255, 0.05)'/%3E%3Ccircle cx='90' cy='50' r='3' fill='rgba(255, 255, 255, 0.05)'/%3E%3Ccircle cx='10' cy='90' r='3' fill='rgba(255, 255, 255, 0.05)'/%3E%3Ccircle cx='90' cy='30' r='3' fill='rgba(255, 255, 255, 0.05)'/%3E%3C/svg%3E")}body{font-family:var(--font-main);line-height:1.8;margin:0;padding:0;color:var(--text-color);background-color:var(--bg-color);background-image:var(--circuit-bg);transition:background-color .3s,color .3s;-webkit-tap-highlight-color:transparent}.wrapper{max-width:900px;margin:0 auto;padding:1rem}h1,h2,h3{color:var(--heading-color);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;margin-top:2rem}a{color:var(--accent-color);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--nav-border)}.logo-area{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:1rem}.logo-text{font-family:var(--font-heading);font-size:2rem;color:var(--heading-color);margin:0;display:flex;align-items:center;gap:10px}.logo-icon{display:inline-block;width:30px;height:30px;background-color:var(--accent-color);border-radius:50%;position:relative}.logo-icon:before{content:"";position:absolute;inset:7px;border:2px solid var(--bg-color);border-radius:50%}nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%}.nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.nav-links a{font-family:var(--font-heading);color:var(--nav-link);margin:0;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;padding:.5rem}.nav-links a:hover{color:var(--accent-color);text-decoration:none}.theme-toggle{background:transparent;border:none;color:var(--heading-color);font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:none}.card{background:var(--card-bg);border:1px solid var(--card-border);border-top:4px solid var(--accent-color);padding:1.5rem;margin-bottom:1.5rem;border-radius:4px;box-shadow:0 2px 5px #0000000d}.card h2{margin-top:0}.btn{display:inline-block;background:var(--btn-bg);color:var(--btn-text);border:none;padding:.8rem 1.5rem;font-family:var(--font-heading);font-weight:700;text-transform:uppercase;text-decoration:none;letter-spacing:1px;transition:background .2s;border-radius:3px;text-align:center;width:100%;box-sizing:border-box}.btn:hover{background:var(--btn-hover);color:#fff;text-decoration:none}img{max-width:100%;height:auto;display:block;margin:2rem auto;border-radius:8px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box}.content-area{background:var(--card-bg);padding:1.5rem;border:1px solid var(--card-border);border-radius:4px;box-shadow:0 2px 10px #0000000d}@media(min-width:768px){.wrapper{padding:2rem}.logo-text{font-size:2.5rem}.btn{width:auto}header{flex-direction:row;justify-content:space-between;align-items:flex-end}.logo-area{width:auto;margin-bottom:0}nav{width:auto;justify-content:flex-end}img{max-width:100%;height:auto;display:block;margin:2rem auto;border-radius:8px;box-shadow:0 4px 6px #0000001a}.content-area{padding:3rem}}