*{box-sizing:border-box;margin:0;padding:0}body,html{background-image:url(../png/pattern-tile.png);background-repeat:repeat;background-size:3px;background:linear-gradient(45deg,#1a1a1a 0%,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%);color:#fff;font-family:arial,sans-serif;min-height:100vh;overflow-x:hidden}footer{background:rgba(0,0,0,.8);border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.75);font-size:.9rem;margin-top:2rem;padding:2rem;text-align:center}footer a{color:rgba(255,255,255,.75);text-decoration:none;transition:color .3s ease}footer a:hover{color:#daab75}#nav-toggle{background-color:#000}.black-hole-section{background:rgba(0,0,0,.7);border-radius:12px;border:4px solid gold;margin:2rem 0;max-width:500px;padding:2rem}.black-hole-section a{color:rgba(255,255,255,.9);text-decoration:none;text-shadow:0 2px 5px rgba(0,0,0,.7);transition:color .3s ease}.black-hole-section a:hover{color:#daab75}.black-hole-section h2{font-size:2rem;margin:0}.dropdown{position:relative}.dropdown-content{background:rgba(0,0,0,.95);border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.3);display:none;left:0;margin-top:.5rem;min-width:200px;padding:.5rem 0;position:absolute;top:100%}.dropdown-content a{color:#fff;display:block;padding:.75rem 1rem;text-decoration:none;transition:background .3s ease}.dropdown-content a:hover{background:rgba(218,171,117,.2);color:#daab75}.dropdown:hover .dropdown-content{display:block}.hero-image{border-radius:12px;border:2px solid rgba(30,144,255,.5);box-shadow:0 8px 32px rgba(0,0,0,.5);max-width:500px;transition:transform .3s ease;width:100%}.hero-image:hover{border-color:#00bfff;box-shadow:0 0 20px rgba(30,144,255,.6);transform:scale(1.05)}.hero-section{margin:2rem 0;max-width:500px;position:relative}.main-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:80px auto 0;max-width:1200px;min-height:calc(100vh - 80px);padding:2rem;text-align:center}.main-content>*{margin-left:auto;margin-right:auto}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 0}.nav-item{position:relative}.nav-link{border-radius:8px;color:#fff;font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link::after{background:#daab75;bottom:-2px;content:'';height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link:hover{background:rgba(218,171,117,.1);color:#daab75}.nav-link:hover::after{width:80%}.nav-logo{color:#daab75;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s ease}.nav-logo:hover{color:#b48960}.nav-menu{align-items:center;display:flex;gap:2rem;list-style:none}.nav-toggle{cursor:pointer;display:none;flex-direction:column;padding:.5rem}.nav-toggle span{background:#fff;border-radius:2px;height:3px;margin:3px 0;transition:.3s;width:25px}.nav-toggle.active span:nth-child(1){transform:rotate(-45deg)translate(-5px,6px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(45deg)translate(-5px,-6px)}.navbar{backdrop-filter:blur(10px);background:rgba(0,0,0,.9);border-bottom:1px solid rgba(255,255,255,.1);left:0;padding:0 2rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{background:rgba(0,0,0,.95);box-shadow:0 2px 20px rgba(0,0,0,.3)}.overlay-text{background:rgba(0,0,0,.6);border-radius:12px;border:4px solid gold;color:rgba(255,255,255,.9);font-size:1.8rem;font-weight:700;margin-top:1.5rem;padding:1rem 2rem;text-shadow:0 2px 5px rgba(0,0,0,.7)}.overlay-text a{color:red;text-decoration:none;transition:color .3s ease}.overlay-text a:hover{color:#f66}.overlay-text h2{font-size:1.8rem;letter-spacing:1px;margin:0;word-spacing:1px}.quote-section{background:rgba(0,0,0,.6);border-radius:12px;border:2px solid rgba(218,171,117,.3);margin:2rem 0;max-width:600px;padding:1rem 2rem}.quote-text{color:rgba(255,255,255,.9);font-size:1.2rem;font-style:italic;line-height:1.6;margin-bottom:1px}@media(max-width:480px){.hero-image{max-width:95%}.nav-logo{font-size:1.2rem}.overlay-text{font-size:1.2rem}.quote-section{margin:1rem 0;padding:1rem}}@media(max-width:768px){.dropdown-content{background:rgba(255,255,255,5%);border-radius:0;border:none;box-shadow:none;display:none;margin:0;position:static}.dropdown.active .dropdown-content{display:block}.hero-image{max-width:90%}.main-content{padding:1rem}.nav-item{text-align:center;width:100%}.nav-link{display:block;margin:.5rem 0;padding:1rem;width:100%}.nav-menu{align-items:center;background:rgba(0,0,0,.98);flex-direction:column;gap:1rem;height:calc(100vh - 70px);justify-content:flex-start;left:-100%;padding-top:2rem;position:fixed;top:70px;transition:left .3s ease;width:100%}.nav-menu.active{left:0}.nav-toggle{display:flex}.navbar{padding:0 1rem}.overlay-text{font-size:1.4rem;padding:1rem}.quote-text{font-size:1rem}}@media(min-width:999px){}