:root{--font-main:"Nunito Sans","Segoe UI",Arial,sans-serif;--color-bg:#161c23;--color-bg-body:rgba(16,20,27,0.9);--color-bg-bg:#10141b;--color-bg-card:#162127;--color-card:#111;--color-header:#181e25;--color-footer:#181e25;--color-text:#f5f7fa;--color-text-muted:#b8bcc3;--color-border:#262c37;--color-accent:#00adef;--color-accent-dark:#006996;--color-action:#ffa500;--color-link:#00adef;--color-link-hover:#00d0ff;--glow-color:rgba(0,190,255,0.6);--radius-main:22px;--radius-button:16px;--radius-header:18px;--focus-outline:2px solid #00adef}[data-theme=light]{--color-bg:#f6f8fa;--color-bg-bg:#bdc0c6;--color-bg-card:#f6f1f0;--color-bg-body:rgba(242,247,255,0.9);--color-header:#f4fbff;--color-card:#eee;--color-footer:#f4fbff;--color-text:#1b1d22;--color-text-muted:#4d4f56;--color-border:#e2e8f0;--color-accent:#e69300;--color-accent-dark:#965500;--color-action:#ffa500;--color-link:#cc8500;--color-link-hover:#ff7300;--glow-color:rgba(255,98,0,0.5)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);min-height:100vh}body{max-width:100vw;margin:0;display:flex;flex-direction:column;background-color:var(--color-bg-bg);background-image:url(/tiles.png);background-repeat:space;background-size:120px auto;background-position:50%}a{color:var(--color-link);text-decoration:none;transition:color .41s;outline:none}a:focus-visible{outline:var(--focus-outline);outline-offset:2px}a:hover{color:var(--color-link-hover);text-decoration:underline}.body-div{position:relative;z-index:0;max-width:1920px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;padding:4rem 15rem;background-color:var(--color-bg-body);box-shadow:0 0 0 2px rgba(0,173,239,.05);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.logo a{font-size:2.05rem;font-weight:800;letter-spacing:-.01em;color:var(--color-accent);outline:none;text-shadow:0 2px 10px #00adef12}.logo a:focus-visible{outline:var(--focus-outline)}.page-border{width:100vw;height:0;border-bottom:1.5px solid var(--color-border);position:relative;left:50%;margin-left:-50vw;z-index:50}.main{flex:1 1;margin:0 auto;padding:2.2rem 1.3rem;background:var(--color-bg);border-radius:var(--radius-main);border:1px solid var(--color-border)}.footer,.main{width:100%;max-width:1280px}.footer{background:var(--color-footer);color:var(--color-text-muted);text-align:center;padding:1.2rem 0;font-size:1rem;border-radius:var(--radius-header);margin:2rem auto 1.2rem;border:1px solid var(--color-border)}h1,h2,h3,h4,h5,h6{color:var(--color-accent);font-weight:800;margin-bottom:1.1rem}h1{font-size:2.5rem;letter-spacing:-.03em}h2{font-size:2.1rem}h3{font-size:1.42rem}li,p{line-height:1.7;font-size:1.08rem;color:var(--color-text)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-outline);outline-offset:2px;background:#00304925}@media (max-width:900px){.footer,.header,.main{max-width:97vw;padding-left:1rem;padding-right:1rem}.footer,.header{margin-left:.5rem;margin-right:.5rem}.main{padding:1rem .5rem}}.header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem 1.8rem;background:var(--color-header);border-radius:var(--radius-header);border:1px solid var(--color-border);margin-bottom:2rem}.header-left{gap:1.2rem}.header-left,.logo{display:flex;align-items:center;flex-shrink:0}.nav-desktop{display:flex;align-items:center;gap:.6rem}.nav-desktop .divider{color:var(--color-text-muted);opacity:.6;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1rem}@media (max-width:768px){.nav-desktop .divider{display:none}}.nav-desktop a{font-size:1rem;font-weight:600;color:var(--color-text);padding:.4rem .6rem;border-radius:8px;transition:background .43s,color .47s}.nav-desktop a:focus-visible{outline:var(--focus-outline);background:var(--color-accent-dark);color:#fff}.nav-desktop a:hover,.nav-desktop a[aria-current=page]{background:var(--color-accent);color:#fff;text-decoration:none}.hamburger-btn{display:none;background:none;border:none;font-size:2rem;color:var(--color-text);cursor:pointer}.mobile-menu{position:fixed;top:4.5rem;right:1rem;background:var(--color-header);border:1px solid var(--color-border);border-radius:12px;padding:1rem;z-index:999;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--glow-color);animation:fadeIn .3s ease}.mobile-menu a{color:var(--color-text);font-size:1.1rem;text-align:right;text-decoration:none;transition:color .4s}.mobile-menu a:hover{color:var(--color-accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.nav-desktop{display:none}.hamburger-btn{display:block;margin-left:auto}}.theme-toggle-wrapper{position:absolute;top:1.2rem;right:2.4rem;z-index:200}.theme-toggle-btn{background:none;border:none;cursor:pointer;padding:.3rem;border-radius:50%;transition:opacity .35s ease-in-out .35s}.theme-toggle-btn:hover{background:rgba(255,255,255,.07)}.theme-toggle-btn img{display:block}.theme-toggle-btn.mobile{display:none}.mobile-controls{display:none;align-items:center;gap:1rem}@media (max-width:768px){.theme-toggle-wrapper{display:none}.mobile-controls{display:flex;margin-left:auto}.theme-toggle-btn.mobile{display:inline-block}}.theme-icon{width:24px;height:24px;pointer-events:none;display:inline-block}.body-div,.footer,.header,.main,.nav-desktop a,a,body,button,divider,html,input,select,textarea{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}