:root{--bg-color:#121212;--box-color:#1e1e1e;--primary-text-color:#e0e0e0;--secondary-text-color:#a0a0a0;--accent-color:#bb86fc;--border-color:#2c2c2c;--shadow-color:rgba(0,0,0,0.5);--font-main:'Segoe UI','Roboto','Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--primary-text-color);font-family:var(--font-main);background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 15.5c0-0.5-2.5-2.5-4-4.5-1.5-2-1.5-4 0-5s3.5-1 4 0.5c0.5-1.5 2.5-1.5 4-0.5s1.5 3 0 5c-1.5 2-4 4-4 4.5z' fill='%23ff0000' fill-opacity='0.15'/%3E%3C/svg%3E");background-size:80px 80px;background-attachment:fixed}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;justify-content:left;background-color:rgba(18,18,18,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:0.5rem 0;transition:top 0.3s ease-in-out}.header-container{max-width:1400px;margin:0 auto;padding:0 1rem}.logo-link{display:flex;direction:row;width:fit-content}.logo-img img{height:80px;display:block;transition:opacity 0.3s ease}.logo-img{display:contents}.logo-link:hover .logo-img img{opacity:0.8}h2,h3{color:var(--accent-color);margin-bottom:1rem;font-weight:600}p{line-height:1.6;color:var(--secondary-text-color)}a{color:var(--accent-color);text-decoration:none;transition:color 0.3s ease}a:hover{color:var(--primary-text-color)}.page-container{max-width:1200px;margin-bottom:0rem;margin-left:auto;margin-right:auto;margin-top:22rem;padding:2rem 1rem}footer{text-align:center;padding:2rem 1rem;margin-top:2rem;color:var(--secondary-text-color);border-top:1px solid var(--border-color);backdrop-filter:blur(2.3px)}.box{background-color:var(--box-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 4px 15px var(--shadow-color);position:relative}