body{font-family:Arial,sans-serif;line-height:1.6;margin:0;padding:0}header{background:#333;color:#fff;padding:10px 0;text-align:center}h1{margin:0}nav{margin:20px 0}nav a{color:#333;text-decoration:none;padding:5px 10px}nav a:hover{background:#ddd}.container{width:80%;margin:0 auto}footer{background:#333;color:#fff;text-align:center;padding:10px 0;position:relative;bottom:0;width:100%}.intro-card{margin-top:175px;padding:1.5em 2em;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000012;max-width:700px;text-align:center;font-size:1.15em;font-weight:500;color:#222;border:1px solid #e3e8ee}header.app-header{position:fixed;top:0;left:0;width:100%;height:150px;display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:10px;background:linear-gradient(to right,#f0f0f0,#d0d0d0);flex-wrap:nowrap;z-index:1000;box-sizing:border-box}.logo{width:120px!important;height:120px!important;object-fit:contain;margin-right:28px;box-shadow:0 2px 8px #00000014}.header-title{flex:1;text-align:center;font-size:2.2em;font-weight:700;color:#fff;margin:0;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.1)}.side-menu{position:fixed;left:0;top:150px;height:calc(100vh - 150px);width:250px;background:linear-gradient(to right,#f0f0f0,#d0d0d0);padding:20px;color:#333;box-shadow:2px 0 5px #0000001a}.menu-header{font-size:1.5em;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1)}.menu-links{list-style:none;padding:0;margin:0}.menu-links a{color:#333;text-decoration:none;display:block;padding:10px 0;transition:opacity .2s}.menu-links a:hover{opacity:.7}.widget-row{display:flex;flex-direction:row;gap:20px}.language-logos{padding:1em 0;background:#fff;border-radius:18px;max-width:1800px;box-shadow:0 4px 24px #00000012;border:1px solid #e3e8ee}.language-logos h2{font-size:1.5em;font-weight:600;color:#4f8cff;margin-bottom:.5em;letter-spacing:.5px}.logos-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:36px;margin-top:1em}.lang-logo{width:56px;height:56px}.lang-logo[alt="DLC Coin"]{width:56px;height:56px;object-fit:contain;transition:transform .18s,box-shadow .18s;border-radius:12px;background:#f6f8fa;box-shadow:0 2px 8px #00000012;border:1px solid #e3e8ee}.lang-logo:hover{transform:scale(1.18);box-shadow:0 4px 16px #4f8cff2e;border-color:#4f8cff}.container{margin-left:250px;padding:20px;min-height:100vh;box-sizing:border-box}.github-widget,.youtube-widget{margin:.5em;flex:1;max-width:700px;box-shadow:0 2px 12px #0000000d;border-radius:12px;background:#fff;padding:1.5em 2em}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:8px;width:40px;height:40px;justify-content:center;align-items:center;gap:4px}.hamburger-line{width:25px;height:3px;background-color:#333;transition:all .3s ease;border-radius:2px}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998}@media (max-width: 768px){header.app-header{height:80px;padding:5px 10px;gap:.5rem;justify-content:space-between}.mobile-menu-toggle{display:flex}.mobile-overlay{display:block}.logo{width:60px!important;height:60px!important;margin-right:10px}.header-title{font-size:1.4em;letter-spacing:.5px}.side-menu{position:fixed;left:0;top:80px;height:auto;width:100%;background:linear-gradient(to right,#f0f0f0,#d0d0d0);padding:15px;transform:translateY(-100%);transition:transform .3s ease;z-index:999}.side-menu.open{transform:translateY(0)}.menu-header{font-size:1.2em;margin-bottom:15px}.menu-links{display:flex;flex-wrap:wrap;gap:10px}.menu-links li{flex:1;min-width:120px}.menu-links a{padding:8px 12px;background:#fff3;border-radius:8px;text-align:center}.container{margin-left:0;padding:10px}.intro-card{margin-top:20px;margin-left:10px;margin-right:10px;padding:1em 1.2em;font-size:1em;max-width:calc(100% - 20px)}.widget-row{flex-direction:column;gap:15px;padding:0 10px}.github-widget,.youtube-widget{margin:.25em;padding:1em 1.2em;max-width:100%}.language-logos{padding:.75em .5em;margin:0 10px;max-width:calc(100% - 20px)}.language-logos h2{font-size:1.3em;margin-bottom:.75em}.logos-row{gap:20px;padding:0 10px}.lang-logo,.lang-logo[alt="DLC Coin"]{width:40px;height:40px}.lang-logo:hover{transform:scale(1.1)}}@media (max-width: 480px){header.app-header{height:70px;padding:5px}.logo{width:50px!important;height:50px!important;margin-right:8px}.header-title{font-size:1.2em;letter-spacing:.2px}.side-menu{top:70px;padding:10px}.intro-card{margin-top:90px;margin-left:5px;margin-right:5px;padding:.8em 1em;font-size:.95em;max-width:calc(100% - 10px)}.widget-row{padding:0 5px;gap:10px}.github-widget,.youtube-widget{padding:.8em 1em;margin:.2em}.language-logos{margin:0 5px;padding:.5em .25em;max-width:calc(100% - 10px)}.language-logos h2{font-size:1.1em}.logos-row{gap:15px;padding:0 5px}.lang-logo,.lang-logo[alt="DLC Coin"]{width:32px;height:32px}.menu-links{flex-direction:column}.menu-links li{min-width:auto}}.container{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;padding:1rem}