*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:Arial,Helvetica,sans-serif;background-color:#111;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding-top:70px;padding-bottom:50px;overflow-x:hidden}header{position:fixed;top:0;left:0;width:100%;background-color:rgba(0,0,0,.8);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:0 30px;z-index:1000;border-bottom:1px solid #333}.header-content{display:flex;justify-content:space-between;align-items:center;height:70px;max-width:1200px;margin:0 auto}.header-logo{font-family:'Arial Black',sans-serif;font-size:1.9rem;letter-spacing:-5px;color:#ccc;text-decoration:none;transition:color .3s ease}.header-logo:hover{color:#fff}nav ul{list-style:none;display:flex;align-items:center;gap:25px}nav a{color:#ccc;text-decoration:none;font-size:1rem;transition:color .3s ease,text-decoration .3s ease;padding:5px 0}nav a:hover,nav a.active{color:#fff;text-decoration:underline}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1010}.hamburger-line{display:block;width:25px;height:3px;background-color:#fff;margin:5px 0;transition:transform .3s ease,background-color .3s ease,opacity .3s ease}.hamburger.active .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}main{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 20px;width:100%}main a,footer a{text-decoration:none;color:#ccc;transition:color .3s ease,text-decoration .3s ease}main a:hover,footer a:hover{text-decoration:underline;color:#218838;transition:color .3s ease,text-decoration .3s ease}main h1{font-family:'Arial Black',sans-serif;font-size:3.5rem;color:#ccc;margin-bottom:15px;letter-spacing:-2px;line-height:1.2}main p.subtitle{font-size:1.5rem;color:#aaa;margin-bottom:30px;max-width:600px;line-height:1.6}main p.content-paragraph{font-size:1.1rem;color:#ccc;margin-bottom:20px;max-width:700px;line-height:1.7;text-align:left}main ol,main ul{text-align:left}main .btn{display:inline-block;background-color:#28a745;color:#fff;padding:12px 25px;font-size:1.1rem;font-weight:bold;text-decoration:none;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}main .btn:hover{background-color:#ccc;text-decoration:none;transform:translateY(-2px)}footer{position:fixed;bottom:0;left:0;width:100%;background-color:#000;color:#888;font-size:.9rem;padding:15px 0;text-align:center;z-index:1000;border-top:1px solid #333}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 30px}.footer-logo{font-family:'Arial Black',sans-serif;font-size:1.2rem;letter-spacing:-2px;color:#aaa}.copyright{color:#888}@media (max-width:768px){body{padding-top:60px;padding-bottom:70px}header{padding:0 15px}.header-content{height:60px}.header-logo{font-size:1.5rem;letter-spacing:-3px}nav ul{display:none;position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background-color:rgba(10,10,10,.98);flex-direction:column;justify-content:center;align-items:center;gap:30px;transform:translateX(100%);transition:transform .4s ease-in-out;padding-bottom:60px;overflow-y:auto}nav ul.active{display:flex;transform:translateX(0)}nav a{font-size:1.4rem;color:#eee}nav a:hover,nav a.active{color:#ccc;text-decoration:none}.hamburger{display:block}main h1{font-size:2.5rem}main p.subtitle{font-size:1.2rem}main .btn{padding:10px 20px;font-size:1rem}footer{padding:10px 0;font-size:.8rem}.footer-content{flex-direction:column;gap:5px;padding:0 15px}.footer-logo{font-size:1rem}}@media (max-width:480px){main h1{font-size:2rem;letter-spacing:-1px}main p.subtitle{font-size:1rem}}