@import "https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Source+Sans+Pro:wght@400;600;700&display=swap";
:root{--bg-primary:#e0e5ec;--bg-secondary:#d1d8e0;--text-primary:#2d3748;--text-secondary:#718096;--accent:#3182ce;--accent-hover:#2b6cb0;--skeuo-border:#b8c1cc;--primary-font:"Source Sans Pro",sans-serif;--heading-font:"Merriweather",serif}html,body{background-color:var(--bg-primary);max-width:100vw;color:var(--text-primary);font-family:var(--primary-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6;overflow-x:hidden}*{box-sizing:border-box}a{color:inherit;text-decoration:none;transition:color .2s}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);color:#1a202c;text-shadow:1px 1px #fffc;margin-bottom:1rem;line-height:1.2}.skeuo-panel{overflow-wrap:break-word;background:linear-gradient(135deg,#f0f3f6,#d9e0e8);border:2px solid #aeb5c0;border-top:1px solid #fff;border-left:1px solid #fff;border-radius:12px;padding:2rem;transition:transform .2s;box-shadow:6px 6px 12px #a3b1c699,-6px -6px 12px #fff,inset 1px 1px 2px #fff}.skeuo-panel:hover{transform:translateY(-2px)}.btn{font-family:var(--primary-font);cursor:pointer;text-shadow:0 -1px 1px #0006;background:linear-gradient(#5b9bd5,#2b6cb0);border:1px solid #1a4a7d;border-top-color:#8bbfe8;border-radius:8px;padding:.75rem 1.75rem;font-weight:700;transition:all .1s;display:inline-block;box-shadow:0 4px #1c4573,0 6px 10px #0003,inset 0 1px 2px #ffffff4d;color:#fff!important;text-decoration:none!important}.btn:active{transform:translateY(4px);box-shadow:0 0 #1c4573,0 2px 4px #0003,inset 0 2px 5px #0006}.form-group{flex-direction:column;margin-bottom:1.5rem;display:flex}.form-label{color:var(--text-primary);text-shadow:1px 1px #fff9;margin-bottom:.5rem;font-weight:600}.form-input,.form-textarea{width:100%;color:var(--text-primary);font-family:var(--primary-font);background:#ebf0f5;border:1px solid #fff;border-color:#9ba3af #fff #fff #9ba3af;border-radius:8px;padding:.75rem 1rem;transition:border-color .2s;box-shadow:inset 3px 3px 6px #a3b1c680,inset -3px -3px 6px #fff}.form-input:focus,.form-textarea:focus{border-color:var(--accent);outline:none}.form-file-input{display:none}.file-upload-btn{color:var(--text-primary);cursor:pointer;font-weight:600;font-family:var(--primary-font);background:linear-gradient(#f3f4f6,#e5e7eb);border:1px solid #c9d1d9;border-top-color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1rem;transition:all .1s;display:inline-flex;box-shadow:0 2px 4px #0000000d,inset 0 1px 2px #fffc}.file-upload-btn:active{transform:translateY(2px);box-shadow:0 0 2px #0000000d,inset 0 1px 2px #0000001a}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.main-content{padding:4rem 2rem}.post-cover-image{border-radius:16px;width:100%;height:400px;margin-bottom:3rem;overflow:hidden;box-shadow:0 10px 30px #00000080}.main-header{z-index:100;background:linear-gradient(#eef1f5,#dfe4eb);border-bottom:2px solid #b8c1cc;padding:1.5rem 0;position:sticky;top:0;box-shadow:0 4px 10px #0000000d,inset 0 -2px 5px #ffffffb3}.main-nav{justify-content:space-between;align-items:center;display:flex}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{text-shadow:1px 1px #fffc;font-weight:600}.nav-links a:hover{color:var(--accent)}.main-footer{text-align:center;color:var(--text-secondary);text-shadow:1px 1px #fff9;background:#d4dce4;border-top:2px solid #fff;margin-top:4rem;padding:3rem 0;box-shadow:inset 0 2px 5px #a3b1c64d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.skeuo-panel h1,.skeuo-panel h2,.skeuo-panel h3,.skeuo-panel h4{margin-top:1.5rem;margin-bottom:1rem}.skeuo-panel h1 a,.skeuo-panel h2 a,.skeuo-panel h3 a,.skeuo-panel h4 a{color:inherit;text-decoration:none}.skeuo-panel p{margin-bottom:1.25rem;word-break:normal!important;overflow-wrap:break-word!important;white-space:normal!important}.skeuo-panel ul,.skeuo-panel ol{margin-bottom:1.25rem;padding-left:1.5rem}.skeuo-panel ul{list-style-type:disc}.skeuo-panel ol{list-style-type:decimal}.skeuo-panel blockquote{border-left:4px solid var(--accent);color:var(--text-secondary);background:#fff6;margin-left:0;padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-style:italic}.skeuo-panel a{color:var(--accent);text-decoration:underline}.skeuo-panel img{border-radius:8px;max-width:100%;height:auto;margin:1rem 0;box-shadow:0 4px 6px #0000001a}@media (max-width:768px){.container{padding:0 1rem}.main-header{padding:1rem 0}.main-nav{text-align:center;flex-direction:column;gap:1rem}.main-content{padding:2rem 0}.post-cover-image{height:250px;margin-bottom:2rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.skeuo-panel{border-radius:8px;padding:1.25rem}h1{font-size:2rem!important}h2{font-size:1.75rem!important}h3{font-size:1.5rem!important}.btn{padding:.6rem 1.25rem;font-size:.95rem}.skeuo-panel>div{gap:1rem;flex-direction:column!important;align-items:flex-start!important}.skeuo-panel>div>div:last-child{justify-content:flex-start;width:100%}.form-group{margin-bottom:1rem}.skeuo-panel img{margin:.5rem 0}}