:root{--bg-dark:#0d1317;--bg-surface:#162129;--brand-primary:#2c5c79;--brand-dark:#1b4262;--link-color:#5ab3d9;--text-main:#e2e8f0;--text-muted:#99aab3;--header-height:70px}@font-face{font-family:roboto;src:url(/fonts/Roboto-Regular.woff2)format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:roboto;src:url(/fonts/Roboto-Bold.woff2)format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:roboto;src:url(/fonts/Roboto-RegularItalic.woff2)format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:roboto;src:url(/fonts/Roboto-BoldItalic.woff2)format('woff2');font-weight:700;font-style:italic;font-display:swap}html{color-scheme:dark;scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-main);font-family:roboto,sans-serif;margin:0;line-height:1.6}.site-header{position:sticky;top:0;height:var(--header-height);background:rgba(13,19,23,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(153,170,179,.1);z-index:1000}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 20px}.logo{display:flex;align-items:center;text-decoration:none;color:var(--text-main);transition:opacity .2s ease}.logo:hover{opacity:.8}.logo svg{height:40px;width:auto;display:block}.brand-text{color:var(--text-main)}.brand-sub{color:var(--brand-primary);margin-left:4px;font-weight:300}.nav-menu{display:flex;list-style:none;gap:25px;align-items:center}.nav-menu a{color:var(--text-main);text-decoration:none;font-size:.95rem;transition:.2s}.nav-menu a:hover{color:var(--link-color)}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:100%;left:0;background:var(--bg-surface);min-width:180px;padding:10px 0;border:1px solid var(--brand-dark);border-radius:4px}.dropdown:hover .dropdown-content{display:block}.dropdown-content li{display:block;padding:5px 20px}.btn-buy{background:var(--brand-primary);padding:8px 20px;border-radius:4px;font-weight:700}.btn-buy:hover{background:var(--brand-dark);color:#fff!important}.site-footer{margin-top:100px;padding:60px 20px;background:var(--bg-surface);border-top:1px solid var(--brand-dark)}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-links a{display:block;color:var(--text-muted);text-decoration:none;margin-bottom:8px}.footer-links a:hover{color:var(--link-color)}.footer-funding{max-width:1200px;margin:40px auto 0;padding:30px 20px;border-top:1px solid rgba(153,170,179,.2);text-align:center;display:flex;flex-direction:column;align-items:center}.funding-logo{max-height:80px;width:auto;margin:0 auto 15px;display:block}.footer-funding p{color:var(--text-muted);font-size:.9rem;margin:0;line-height:1.5}.footer-bottom{text-align:center;margin-top:20px;color:var(--text-muted);font-size:.8rem}.text-center{text-align:center}.text-center p{margin-bottom:0}.nav-toggle{display:none}.nav-toggle-label{display:none;cursor:pointer}@media(max-width:900px){.nav-toggle-label{display:flex;flex-direction:column;gap:5px;z-index:1001}.nav-toggle-label span{width:25px;height:3px;background-color:var(--text-main);border-radius:2px;transition:all .3s ease;transform-origin:center}.nav-toggle:checked~.nav-toggle-label span:nth-child(1){transform:rotate(45deg)translateY(11px)}.nav-toggle:checked~.nav-toggle-label span:nth-child(2){opacity:0}.nav-toggle:checked~.nav-toggle-label span:nth-child(3){transform:rotate(-45deg)translateY(-11px)}.nav-menu{position:absolute;top:var(--header-height);left:0;right:0;background:var(--bg-surface);border-bottom:1px solid var(--brand-dark);flex-direction:column;gap:0;padding:20px 0;max-height:0;overflow:hidden;transition:max-height .3s ease;display:none}.nav-toggle:checked~.nav-menu{display:flex;max-height:800px}.nav-menu li{border-bottom:1px solid rgba(153,170,179,.1);padding:0}.nav-menu li:last-child{border-bottom:none}.nav-menu a{display:block;padding:15px 20px}.nav-menu a:hover{background-color:rgba(44,92,121,.1)}.dropdown{position:relative;width:100%;text-align:center}.dropdown>a{display:block;padding:15px 20px}.dropdown-content{position:static;width:100%;display:none;border:none;background:rgba(22,33,41,.95);padding:15px 20px;max-height:0;overflow:hidden;transition:max-height .3s ease;flex-wrap:wrap;gap:10px;justify-content:center}.dropdown:hover .dropdown-content,.dropdown.active .dropdown-content,.dropdown>a:focus~.dropdown-content{display:flex;max-height:500px}.dropdown>a::after{content:" ▼";font-size:.75em;opacity:.6;transition:transform .3s ease}.dropdown:hover>a::after,.dropdown.active>a::after{transform:rotate(180deg)}.dropdown-content li{padding:0;border-bottom:none;display:inline-block}.dropdown-content a{padding:8px 15px!important;font-size:.9rem;color:var(--text-muted);display:inline-block;background:rgba(44,92,121,.15);border-radius:3px;margin:0}.dropdown-content a:hover{color:var(--link-color);background-color:rgba(44,92,121,.3)}.nav-menu .cta{padding:15px 20px;text-align:center}.btn-buy{display:inline-block;text-align:center;padding:12px 24px;width:auto;margin:0 auto}}.container{max-width:1e3px;margin:0 auto;padding:40px 20px}.hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;background-color:#0b1115;background-image:url(/images/Mo154.png);background-size:cover;background-position:50%;background-attachment:fixed;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(13,19,23,.65);z-index:1}.hero-content{position:relative;z-index:1}.hero h1{font-size:3.5rem;margin-bottom:10px}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:30px}.hero-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-main);padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:500;border:1px solid var(--text-muted);transition:.2s}.btn-secondary:hover{background-color:rgba(153,170,179,.1);border-color:var(--text-main)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}.card{background:var(--bg-surface);border:1px solid rgba(153,170,179,.2);padding:25px;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.3);border-color:var(--brand-dark)}.card-with-image{display:grid;grid-template-columns:1fr 30%;gap:15px;align-items:start}.card-with-image>.meta{grid-column:1;grid-row:1}.card-body{grid-column:1;grid-row:2}.card-image-link{grid-column:2;grid-row:1/5;margin-top:0}.card-with-image .card-preview{width:100%;height:auto;min-height:150px;margin-bottom:0}.card-with-image>.meta{margin-bottom:3px}.card h2,.card h3{margin-top:0}.card a{color:var(--text-main);text-decoration:none}.card a:hover{color:var(--link-color)}.meta{color:var(--text-muted);font-size:.85rem;margin-bottom:10px}.read-more{color:var(--link-color)!important;font-weight:700;font-size:.9rem}.card-preview{width:100%;height:180px;object-fit:cover;border-radius:6px;margin-bottom:12px;display:block}.category-badge{display:inline-block;background:rgba(44,92,121,.12);color:var(--text-muted);padding:4px 8px;border-radius:12px;font-size:.85rem;margin-right:8px}.article-layout{display:flex;gap:30px;align-items:flex-start}.article-figure{flex-shrink:0;order:2;width:35%;margin:0}.article-text{flex:1;order:1;min-width:0}.article-header{border-bottom:1px solid rgba(153,170,179,.2);padding-bottom:20px;margin-bottom:30px}.article-meta{text-align:right}.article-content{display:block}.article-content p{display:block;margin-bottom:1.2em;line-height:1.7}.article-content h2{color:var(--text-muted);margin-top:40px;margin-bottom:20px}.article-content h3{color:var(--text-muted);margin-top:30px;margin-bottom:15px}.article-content h4{color:var(--text-muted);margin-top:25px;margin-bottom:12px}.article-content a{color:var(--link-color)}.article-content em,.article-content strong{display:inline}.article-content ul li,.article-content ol li{margin-bottom:12px}.about-profile-image{float:right;margin:0 0 20px 30px;max-width:320px;text-align:center}.about-profile-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.article-figure{margin:0;text-align:center}.article-preview{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.article-summary{font-size:1.05rem;color:var(--text-muted);margin:0 0 30px;padding:15px 0;line-height:1.6}.tutorial-video{max-width:900px;margin:30px 0}.tutorial-video video{width:100%;height:auto;display:block;border-radius:8px;background-color:#000}.tutorial-nav{margin-top:40px;padding-top:30px;border-top:1px solid rgba(153,170,179,.2);text-align:center}.back-link{color:var(--link-color);text-decoration:none;font-size:1.05rem;transition:color .3s ease}.back-link:hover{color:var(--text-main)}table{width:100%;border-collapse:collapse;table-layout:fixed;margin:30px 0;font-size:.95rem;border-top:2px solid var(--brand-primary);border-bottom:2px solid var(--brand-primary)}thead{border-bottom:1px solid var(--brand-primary)}th{padding:12px 8px;text-align:left;font-weight:600;color:var(--text-main);background-color:transparent}td{padding:12px 8px;border:none;color:var(--text-main)}tbody tr:nth-child(odd){background-color:transparent}tbody tr:nth-child(even){background-color:rgba(44,92,121,8%)}th:nth-child(2),th:nth-child(3),th:nth-child(4),th:nth-child(5),td:nth-child(2),td:nth-child(3),td:nth-child(4),td:nth-child(5){text-align:right;padding-right:8px}th:first-child,td:first-child{text-align:left;padding-left:0;width:20%}th:nth-child(2),td:nth-child(2){width:5%}th:nth-child(3),th:nth-child(4),th:nth-child(5),td:nth-child(3),td:nth-child(4),td:nth-child(5){width:25%}@media(max-width:768px){.article-layout{display:flex;flex-direction:column;gap:20px}.article-figure{order:1;width:100%}.article-text{order:2}.card-with-image{display:flex;flex-direction:column;gap:15px}.card-with-image>.meta{order:1}.card-image-link{order:2;width:100%;margin-top:0}.card-body{order:3}.card-with-image .card-preview{height:200px;object-fit:cover}.about-profile-image{float:none;margin:20px 0;max-width:100%}.hero{background-image:url(/images/Mo154_mobile.png);background-attachment:scroll;border-left:0;border-right:0}.flyer-box__content{flex-direction:column}.flyer-box__right{width:100%;margin-top:20px;display:flex;justify-content:center;max-width:300px;margin-left:auto;margin-right:auto}}.flyer-box{display:flex;align-items:stretch;background:var(--bg-surface);border-radius:8px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.4);margin:40px 0}.flyer-box__accent{width:6px;background:linear-gradient(180deg,var(--brand-primary),var(--link-color));flex-shrink:0}.flyer-box__content{display:flex;align-items:stretch;flex:1;gap:0}.flyer-box__left{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.flyer-box__title{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0 0 15px}.flyer-box__description{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin:0 0 25px}.flyer-box__event-label,.flyer-box__location-label{font-weight:700;color:var(--brand-primary);font-size:.9rem;margin:15px 0 5px;text-transform:uppercase;letter-spacing:.5px}.flyer-box__event-date,.flyer-box__location-text{color:var(--text-main);font-size:1rem;margin:0 0 15px;line-height:1.5}.flyer-box__button{display:inline-block;background:linear-gradient(135deg,var(--brand-dark),var(--brand-primary));color:#fff;padding:14px 32px;border-radius:6px;text-decoration:none;font-weight:700;font-size:.95rem;transition:all .3s ease;align-self:flex-start;margin-top:auto;border:none}.flyer-box__button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(27,66,98,.5);text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--brand-primary),var(--link-color))}.flyer-box__right{flex:none;width:300px;overflow:hidden}.flyer-box__image{width:100%;height:100%;object-fit:cover;display:block}.announcement-box{background:var(--bg-surface);border-left:6px solid;border-image:linear-gradient(180deg,var(--brand-primary),var(--link-color))1;padding:25px 30px;border-radius:6px;margin:30px 0;box-shadow:0 4px 12px rgba(0,0,0,.2)}.announcement-box strong{color:var(--text-main);font-weight:700}.announcement-box p{margin:12px 0;line-height:1.6;color:var(--text-main)}.announcement-box p:first-child{margin-top:0}.announcement-box p:last-child{margin-bottom:0}.announcement-box a{color:var(--link-color);text-decoration:none;font-weight:500;transition:color .2s ease}.announcement-box a:hover{color:var(--text-main);text-decoration:underline}.article-content.justified,.page-description.justified{text-align:justify;hyphens:auto;text-justify:inter-word;-webkit-hyphens:auto;-moz-hyphens:auto}pre{padding:12px;background:var(--bg-surface);border-radius:4px;overflow-x:auto}code{padding:0}.slideshow-container{max-width:1e3px;margin:40px auto;text-align:center}.slideshow-wrapper{position:relative;background:var(--bg-surface);border-radius:8px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:space-between;height:500px}.slideshow-slides{position:relative;flex:1;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.slideshow-slide{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s ease-in-out}.slideshow-slide.active{opacity:1}.slideshow-nav{position:relative;background:0 0;border:none;color:var(--link-color);font-size:2rem;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10;flex-shrink:0}.slideshow-nav:hover{color:var(--text-main);transform:scale(1.2)}.slideshow-nav span{display:block}.slideshow-indicators{display:flex;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}.slideshow-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--brand-primary);background:0 0;cursor:pointer;transition:all .3s ease;padding:0}.slideshow-dot:hover{background:var(--brand-primary)}.slideshow-dot.active{background:var(--link-color);border-color:var(--link-color)}.slideshow-caption{text-align:center;margin-top:16px;font-size:14px;color:var(--text-muted);font-style:italic;line-height:1.4}@media(max-width:768px){.slideshow-wrapper{height:300px}.slideshow-nav{padding:12px;font-size:1.5rem}.slideshow-dot{width:10px;height:10px}}