:root{--main-font: "Inter", sans-serif;--max-width: 900px;--paragraph-padding: .5rem;--primary-color: #222;--background-color: #f4f4f4;--accent-red: #aa0000;--accent-green: #28A745;--accent-blue: #007BFF;--accent-darkblue: #0056b3}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;font-family:var(--main-font);background:var(--background-color);color:var(--primary-color);line-height:1.6;display:flex;flex-direction:column;align-items:center;padding:clamp(.5rem,2vw,1rem);width:100%;overflow-x:hidden}.banner{position:fixed;background-color:var(--background-color);width:100%;top:-10px;z-index:100}h1{font-size:clamp(1.4rem,3vw,1.8rem);text-align:center;margin:1.5rem 0 .5rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;width:100%}h3{font-size:clamp(1rem,2vw,1.3rem);margin-top:0;color:var(--accent-darkblue);text-align:center}.logo{height:clamp(30px,5vw,40px)}.download{height:30px;transform:translateY(9px)}.paragraph{width:100%;max-width:var(--max-width);padding:var(--paragraph-padding);font-size:clamp(.9rem,2vw,1.1rem);text-align:justify}.table{display:flex;flex-direction:column;width:100%;max-width:var(--max-width);gap:1rem}.table-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.badge-container{position:relative;display:flex;justify-content:center;margin:.2rem;width:calc(16% - .4rem)}.badge{width:100%;height:auto;cursor:pointer}.tooltip{visibility:hidden;opacity:0;width:min(400px,90vw);background-color:#333;color:#fff;text-align:center;border-radius:8px;padding:8px 12px;position:absolute;bottom:110%;left:50%;transform:translate(-50%);z-index:10;transition:opacity .3s ease;font-size:clamp(.8rem,2vw,1.15rem);pointer-events:none;box-shadow:0 2px 10px #0000004d}.tooltiptitle{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:700}.badge-container:hover .tooltip{visibility:visible;opacity:1}.emph{font-weight:700;color:var(--primary-color)}.emph-red{font-weight:700;color:var(--accent-red)}.emph-green{font-weight:700;color:var(--accent-green)}.emph-blue{font-weight:700;color:var(--accent-blue)}.toggle-button{position:absolute;left:10px;top:10px;padding:8px 12px;background-color:#fffc;border:none;border-radius:4px;cursor:pointer;width:clamp(80px,10vw,120px);font-weight:700;font-size:clamp(.7rem,1.5vw,.9rem)}#container-3d{width:100%;max-width:var(--max-width);position:relative;transition:opacity .4s ease-in-out;opacity:0}ul{padding-left:1.5rem;margin:.5rem 0}ul li{margin-bottom:.5rem}iframe{width:100%;max-width:var(--max-width);border:none;border-radius:8px;height:calc(var(--max-width) * .5625)}.diploma{width:100%;max-width:var(--max-width);height:auto;border:1px solid #ccc;border-radius:8px;margin-top:1rem}a{transition:opacity .2s ease}a:hover{opacity:.8}@media (max-width: 600px){h1{gap:.3rem}}@media (max-width: 480px){body{padding:.5rem}.diploma{border-radius:4px}}