html{font-size:14px;position:relative;min-height:100%}@media(min-width:768px){html{font-size:16px}}body{padding-top:60px}.main-layout{display:flex}.content{flex:3;background:#fff;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.1)}.w3-content{background:#fff;padding:20px 25px;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.1);font-family:'Roboto','Open Sans',Arial,sans-serif;line-height:1.7;font-size:16px;color:#333;font-weight:normal}.w3-content h2{font-size:20px;padding:8px 12px;background:#f9f9f9;border-left:5px solid #04aa6d;color:#333;border-radius:3px;line-height:1.4;font-weight:600}.w3-content h1,.w3-content h3{font-family:'Roboto','Open Sans',Arial,sans-serif;font-weight:600;margin-bottom:10px;line-height:1.3}.w3-content h2{border-left:5px solid #04aa6d;padding-left:10px;color:#333;background:#f9f9f9;padding-top:5px;padding-bottom:5px;border-radius:2px}.header-buttons{display:flex;gap:5px}.toggle-btn{background:#333;border:0;color:#fff;padding:4px 8px;font-size:12px;border-radius:3px;cursor:pointer;transition:background .3s ease}.toggle-btn:hover{background:#555}h2{position:relative}.h2-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#04aa6d;color:#fff;border:0;padding:2px 8px;font-size:14px;border-radius:4px;cursor:pointer}.h2-toggle:hover{background:#059862}.collapse-controls{text-align:right;margin-bottom:10px}.collapse-controls button{background:#04aa6d;color:#fff;border:0;padding:6px 12px;border-radius:4px;font-size:14px;cursor:pointer}.collapse-controls button:hover{background:#059862}.section-content{overflow:hidden;max-height:2000px;transition:max-height .3s ease-out,opacity .3s ease-out;opacity:1}.section-content.collapsed{max-height:0;opacity:0;transition:max-height .3s ease-in,opacity .3s ease-in}.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:100%}.menu-main-title{background:#fff;color:#04aa6d;font-size:18px;font-weight:bold;text-align:left;padding:12px 15px;border-left:5px solid #04aa6d;border-bottom:1px solid #ddd;margin-bottom:10px;letter-spacing:.5px;text-transform:uppercase}.article-container{max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.05);font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:#333;line-height:1.6}.article-container h1{font-size:28px;font-weight:bold;color:#04aa6d;margin-bottom:15px;border-bottom:2px solid #04aa6d;padding-bottom:10px}.article-container h2{font-size:22px;font-weight:bold;margin:25px 0 10px;color:#333;position:relative}.article-container p{font-size:16px;margin-bottom:15px}.article-container ul{list-style:disc;margin:15px 0 15px 20px;font-size:16px}.article-container code{background:#f1f1f1;color:#d63384;padding:2px 6px;border-radius:3px;font-size:15px;font-family:Consolas,"Courier New",monospace}.article-container pre{background:#f9f9f9;padding:15px;border-radius:4px;font-size:15px;border-left:4px solid #04aa6d;overflow-x:auto}.eval-banner{background-color:#f44336;color:#fff;text-align:center;padding:10px;font-weight:bold;position:fixed;top:0;width:100%;z-index:9999;box-shadow:0 2px 5px rgba(0,0,0,.2)}input[type="text"]:hover{border-color:#04aa6d;box-shadow:0 0 4px rgba(4,170,109,.2)}input[type="text"]:focus{outline:0;border-color:#04aa6d;box-shadow:0 0 5px rgba(4,170,109,.4)}input[type="number"]:hover{border-color:#04aa6d;box-shadow:0 0 4px rgba(4,170,109,.2)}input[type="number"]:focus{outline:0;border-color:#04aa6d;box-shadow:0 0 5px rgba(4,170,109,.4)}input[type="checkbox"]:hover{outline:2px solid #04aa6d;box-shadow:0 0 4px rgba(4,170,109,.2);cursor:pointer}input[type="checkbox"]:focus{outline:0;box-shadow:0 0 5px rgba(4,170,109,.4);cursor:pointer}.youtube{position:relative;width:100%;max-width:560px;aspect-ratio:16/9;cursor:pointer;overflow:hidden;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.youtube img{width:100%;display:block}.youtube .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;background:rgba(0,0,0,.6);color:#fff;border:0;border-radius:50%;width:60px;height:60px}@media screen and (orientation:portrait) and (max-width:1024px) and (min-width:768px){div.partial-payment-page::before{content:"📊 For the best experience, rotate your tablet to landscape!";display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(244,253,248,.95);color:#04aa6d;font-size:1.3em;font-weight:600;text-align:center;padding:20px;z-index:9999;line-height:1.4;border-radius:6px;text-shadow:1px 1px 2px rgba(0,0,0,.1);pointer-events:none}}@media screen and (orientation:landscape) and (max-width:1366px) and (min-width:768px){.right-panel{width:220px!important}}.breadcrumb-marquee{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 12px;border-bottom:1px solid #ddd;background:#f8f9fa;gap:16px;box-sizing:border-box}.marquee-container{flex:1;display:flex;align-items:center;gap:8px;overflow:hidden;min-width:0}.marquee{flex:1;overflow:hidden;white-space:nowrap}#marquee-text{display:inline-block;padding-left:100%;animation:marqueeScroll 27s linear infinite;animation-play-state:running;white-space:nowrap}#marquee-text.stopped{animation:none!important;transform:translateX(0)}#marquee-text:hover{animation-play-state:paused}#marquee-toggle{flex:0 0 auto;background:#04aa6d;color:#fff;border:0;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap}#marquee-toggle:hover{background:#038a59}@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}table caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}