:root{--primary-color:#2c3e50;--accent-color:#d35400;--patreon-color:#ff424d;--amazon-color:#f90;--youtube-color:red;--x-color:#000;--text-white:#fff;--header-bg:#eceff1;--header-text:#263238}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}.site-wrapper{background-color:#f5f5f5;background-image:url(/assets/background_yellow-kNPDTbYN.jpg);background-size:cover;background-attachment:fixed;flex-direction:column;width:100%;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;display:flex}.header{background-color:var(--header-bg);z-index:1000;border-bottom:2px solid #555;width:100%;padding:10px;position:sticky;top:0;box-shadow:0 2px 5px #0000001a}.header-container{justify-content:center;align-items:center;max-width:1200px;margin:0 auto;display:flex}.header-content-wrapper{flex-direction:row;align-items:center;gap:20px;display:flex}.header-text-group{text-align:center}.header-title{color:var(--header-text);margin:0;font-size:26px;font-weight:700;line-height:1.1;display:block}.header-subtitle{color:#546e7a;margin:8px 0 0;font-size:14px;font-style:italic;font-weight:600}.header-logo-img{height:70px;display:block}.main-section{flex:1;justify-content:center;width:100%;padding:35px 20px;display:flex}.main-content{width:100%;max-width:600px}.main-links{flex-direction:column;gap:25px;display:flex}.main-introduction{grid-template-columns:auto auto 1fr;align-items:start;gap:20px;margin-top:25px;display:grid}.link-group{flex-direction:column;gap:12px;display:flex}.column-left,.column-right{flex-direction:column;gap:15px;display:flex}.introduction-left,.introduction-center,.introduction-right{flex-direction:column;display:flex}.introduction-list{margin:0;padding:0;font-size:14px;font-weight:700;list-style:none}.introduction-list li{color:#555;margin-bottom:5px}.introduction-image{object-fit:cover;aspect-ratio:1;border-radius:8px;width:100%;max-width:180px;height:100%;box-shadow:0 4px 6px #0003}.introduction-center{background:#fffffff2;border:1px solid #ddd;border-radius:10px;padding:15px}.introduction-title{color:#333;margin:0 0 10px;font-size:18px;font-weight:700}.introduction-text,.description{color:#333;text-align:left;background:#ffffffbf;border-left:4px solid #b0bec5;border-radius:8px;margin:0;padding:12px 18px;font-size:17px;line-height:1.5}.btn{text-align:center;border-radius:10px;padding:16px;font-size:18px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 4px 6px #0003}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-patreon{background-color:var(--patreon-color);color:#fff}.btn-amazon{background-color:var(--amazon-color);color:#111}.btn-youtube{background-color:var(--youtube-color);color:#fff}.btn-x{background-color:var(--x-color);color:#fff;border:1px solid #333}.article-summary{background:#fffffff2;border:1px solid #ddd;border-radius:10px;padding:20px}.article-summary h3{color:#444;border-bottom:2px solid #eee;margin:0 0 12px;padding-bottom:5px;font-size:18px}.article-links{flex-direction:column;gap:20px;display:flex}.article-links a,.video-links a{color:var(--accent-color);font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s;display:inline}.article-links a:hover,.video-links a:hover{transform:translateY(-2px)}.video-summary{background:#fffffff2;border:1px solid #ddd;border-radius:10px;padding:16px}.video-summary h3{color:#444;border-bottom:2px solid #eee;margin:0 0 12px;padding-bottom:5px;font-size:18px}.video-links{flex-direction:column;gap:15px;display:flex}.video-links a{color:var(--accent-color);font-size:16px;font-weight:600;text-decoration:none}.footer{width:100%;color:var(--text-white);text-align:center;background-image:url(/assets/background_black-DFHwU-9S.jpg);background-size:cover;border-top:1px solid #ffffff1a;padding:15px 10px;font-size:14px}@media (width>=1024px){.main-content{max-width:1100px}.main-links{grid-template-columns:1fr 1fr;align-items:start;gap:50px;display:grid}.main-introduction{grid-template-columns:180px auto 1fr;align-items:stretch;gap:20px;display:grid}.column-left{position:sticky;top:130px}}@media (width<=1023px){.main-introduction{grid-template-columns:180px 1fr;align-items:stretch;gap:10px;display:grid}.introduction-right{grid-column:1/-1}.introduction-image{max-width:180px}}@media (width<=600px){.header-content-wrapper{gap:10px}.header-title-link{font-size:22px}.header-logo-img{height:55px}.header-title{font-size:24px}.header-subtitle{font-size:12px}}.portal-loading-overlay{z-index:9999;background:#ffffffe6;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.portal-spinner-circle{border:5px solid #ccc;border-top-color:#1e90ff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.portal-loading-hidden{opacity:0}@keyframes spin{to{transform:rotate(360deg)}}