.atomic-logo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:8rem;height:10rem;border:1px solid var(--border-color);border-radius:10px;margin-left:30px;padding:1rem;background-color:var(--card-bg);font-weight:700;color:var(--foreground-color);box-shadow:0 0 15px #00000080}@media screen and (max-width: 870px){.atomic-logo{margin:5px}}.atom-number{position:absolute;top:.2rem;left:.3rem;font-size:.9rem;color:#9b9b9b}.atom-name{font-size:2.5rem;color:var(--primary-color)}.atom-orbit{position:relative;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;margin-top:.3rem;margin-bottom:.5rem;padding:.2rem;border:1px solid var(--border-color);border-radius:50%;background:#ffffff0d}.nucleus{width:1rem;height:1rem;background-color:#e91e63;border-radius:50%;box-shadow:0 0 8px #fff3}.electron{position:absolute;width:.4rem;height:.4rem;background-color:var(--primary-color);border-radius:50%;box-shadow:0 0 5px #1e90ff80}.element-name{font-size:1rem;color:var(--secondary-color);margin-top:.5rem}.atomic-weight{font-size:.75rem;color:#9b9b9b}header{background-color:var(--header-bg);backdrop-filter:blur(10px);padding:10px;text-align:center;border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 870px){header{flex-direction:column;align-items:start}}header h1{margin:0;font-size:2rem;color:var(--primary-color)}nav ul{list-style:none;padding:0;margin-top:0;display:flex;align-items:center;margin-right:20px}@media screen and (max-width: 870px){nav ul{flex-direction:column;align-items:start;border-left:2px solid var(--primary-color);margin-left:5px}.header nav.hide{opacity:0;max-height:0;overflow:hidden}.header nav{opacity:1;max-height:500px;transition:opacity .3s ease-in-out,max-height .3s ease-in-out}}.header-link{margin-left:1rem}@media screen and (max-width: 870px){.header-link{margin-left:0;margin-top:1rem}}.header .header-link,.header .nav-list{display:flex;align-items:center}@media screen and (max-width: 870px){.header .header-link,.header .nav-list{flex-direction:column;align-items:start}}.header nav{margin-left:2rem}@media screen and (max-width: 870px){.header nav{margin-left:0;margin-top:5px}}nav ul li{display:inline;margin:0 15px}@media screen and (max-width: 870px){nav ul li{display:block;margin:5px}}nav ul li a{color:var(--nav-text);text-decoration:none;font-size:1.1rem;transition:color .3s ease-in-out,text-shadow .3s ease-in-out,background-color .3s ease-in-out,border .3s ease-in-out;font-family:Orbitron,sans-serif;padding:10px 20px;border:2px solid var(--primary-color);border-radius:5px;background-color:transparent;display:inline-block}nav ul li a:hover{color:var(--primary-color);text-shadow:0 0 10px var(--primary-color),0 0 20px var(--primary-color),0 0 30px var(--primary-color);background-color:#ffffff1a}nav ul li a:after{content:"";display:block;width:0;height:2px;background:var(--primary-color);transition:width .3s}nav ul li a:hover:after{width:100%}.logo-link{text-decoration:none;color:inherit;border:none;padding:0;background:none}.logo-link:hover{text-decoration:none;color:inherit;background:none}.header.shrink a.logo-link div.atomic-logo{width:8rem;height:3.5rem;transition:width .3s ease-in-out,height .3s ease-in-out}@media screen and (max-width: 870px){.header.shrunk a.logo-link div.atomic-logo{width:8rem;height:3.5rem}}.header.shrink .atom-orbit,.header.shrink .element-name,.header.shrink .atomic-weight{opacity:0;transition:opacity .2s ease-in-out}@media screen and (max-width: 870px){.header .atom-orbit,.header .element-name,.header .atomic-weight{opacity:0}}.header.shrink .atom-name{position:relative;top:2.8rem;transition:top .25s ease-in-out;transition-delay:.02s}@media screen and (max-width: 870px){.header .atom-name{position:relative;top:2.8rem}}.header a.logo-link div.atomic-logo{width:8rem;height:10rem;transition:width .2s ease-in-out,height .2s ease-in-out}.atom-orbit,.element-name,.atomic-weight{transition:opacity .3s ease-in-out}.atom-name{position:relative;top:.2rem;transition:top .2s ease-in-out}footer{background-color:var(--footer-bg);backdrop-filter:blur(10px);color:var(--nav-text);text-align:center;padding:1rem;padding-left:40px;padding-right:40px;border-top:1px solid var(--border-color);bottom:0;width:100%;height:60px;z-index:1000}@media screen and (max-width: 870px){footer{padding-left:20px;padding-right:20px}}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-links,.footer-copyright{margin:0}.mobile-menu-icon{display:none;cursor:pointer;position:fixed;top:18px;right:15px;padding:10px;border:2px solid var(--primary-color);border-radius:50%;width:50px;height:50px}.mobile-menu-icon svg{width:30px;height:30px;fill:var(--primary-color);position:fixed;top:29px;right:27px}@media screen and (max-width: 870px){.mobile-menu-icon{display:block}}:root{--background-color: linear-gradient(135deg, #080812, #082a6a);--foreground-color: #fff;--primary-color: #1e90ff;--secondary-color: #FFD700;--tertiary-color: #8aa6c1;--header-bg: rgba(8, 8, 18, .8);--nav-text: #aaa;--nav-hover: var(--primary-color);--footer-bg: var(--header-bg);--card-bg: var(--header-bg);--list-item-bg: rgba(40, 40, 55, 1);--border-color: rgba(255, 255, 255, .2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:var(--header-bg)}body{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,Arial,sans-serif;color:var(--foreground-color);line-height:1.6}#background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;background:var(--background-color)}.button{display:inline-block;padding:10px 20px;background-color:var(--primary-color);color:var(--background-color);font-weight:700;text-decoration:none;border-radius:5px;transition:background-color .3s ease-in-out}.button:hover{background-color:var(--secondary-color);color:var(--background-color)}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline;color:var(--secondary-color)}h1{line-height:2.2rem;margin-bottom:.8rem;margin-top:.3rem}h2{line-height:2rem;margin-bottom:.8rem;margin-top:.3rem}.markdown-content{font-family:Arial,sans-serif;line-height:1.6;color:#fff}.markdown-content h2{font-size:1.7rem;margin-top:1rem;color:var(--tertiary-color)}.markdown-content p{color:var(--foreground-color)}.markdown-content p:not(:last-child){margin-bottom:1rem}.markdown-content ul{list-style-type:disc;margin-left:1.5rem}.markdown-content ol{list-style-type:decimal;margin-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content ol li:not(:first-child){margin-top:1.5rem}.markdown-content a{color:var(--primary-color);text-decoration:none;margin-top:0}.markdown-content a:hover{color:var(--secondary-color);text-decoration:underline}.markdown-content img{display:block;max-width:100%;max-height:300px;margin:.5rem 0;border-radius:8px;border:3px solid var(--primary-color)}@media screen and (max-width: 600px){.markdown-content img{max-height:100%;width:100%}}.markdown-content blockquote{margin:1.5rem 0;padding:.5rem 1rem;border-left:4px solid var(--secondary-color);background-color:#f9f9f9}.markdown-content .code-content{position:relative}.markdown-content pre{font-family:Courier New,Courier,monospace;padding:10px 20px;border-radius:8px;background-color:var(--list-item-bg);margin:.5rem 0}.markdown-content code{font-family:Courier New,Courier,monospace;background-color:var(--list-item-bg);padding:2px 4px;border-radius:4px}.markdown-content pre code{background-color:none;padding:0;border-radius:0}.copy-button{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;padding:5px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease-in-out}.copy-button svg{position:absolute;top:7px;right:7px;width:25px;height:25px;fill:var(--tertiary-color)}.copy-button:hover{background-color:var(--header-bg)}