footer,iframe,main{width:100%}.mobile-link,footer,h1{text-align:center}.logo,.tite{font-weight:700;display:flex}.logo,.nav--list,.navbar,.tite,body,main{display:flex}.navbar,body{color:#f1f5f9}*{padding:0;margin:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;background-color:#0f172a;flex-direction:column;min-height:100vh}.tite,section{background:#1e293b;border-radius:10px;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.4)}main{flex-direction:column;gap:20px;padding:20px;max-width:1200px;margin:auto}.tite{justify-content:center;align-items:center;font-size:1.4rem}h1{font-size:1.5rem;margin-bottom:15px}iframe{min-height:800px;border-radius:8px;border:none}.mobile-link{margin-top:10px}.mobile-link a{display:inline-block;background:#2563eb;color:#fff;padding:8px 15px;border-radius:6px;text-decoration:none;font-size:.9rem;transition:background .3s}.mobile-link a:hover{background:#1d4ed8}footer{background:#0f172a;color:#94a3b8;padding:15px;font-size:.9rem;border-top:1px solid #1e293b;margin-top:auto}@media (max-width:1024px){iframe{min-height:450px}}@media (max-width:768px){main{padding:15px}h1{font-size:1.3rem}iframe{min-height:400px}.item a{font-size:12px}}@media (max-width:480px){.item a,.nav--list{transform:none}.nav--list{flex-wrap:wrap;height:auto;padding:5px}.item{width:auto;padding:8px 12px}section{padding:15px}h1{font-size:1.1rem}iframe{min-height:350px}}.navbar{justify-content:space-between;align-items:center;padding:15px 20px;background-color:#1e293b;position:sticky;top:0;z-index:1000;border-bottom:1px solid #0f172a}.logo{font-size:1.2rem;justify-content:center;align-items:center;gap:10px}.logo img{width:40px;height:40px;border-radius:50%}.nav--list{gap:20px;list-style:none}.nav--list .item a{text-decoration:none;color:#f1f5f9;font-weight:500;transition:color .3s}.nav--list .item a:hover{color:#facc15}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background-color:#f1f5f9;border-radius:2px}@media (max-width:768px){.nav--list{position:absolute;top:60px;right:10px;flex-direction:column;background-color:#1e293b;width:200px;transition:right .3s;padding:15px;border-radius:0 0 10px 10px;gap:10px;display:none}.nav--list.active{right:0;display:block}.hamburger{display:flex}}