:root{--bg-color: #111;--text-color: #f1f1f1;--accent-color: #d4af37;--accent-hover: #b8860b;transition:color .3s ease;--border-color: #222}*{margin:0;padding:0;box-sizing:border-box;cursor:crosshair}section{background:#0009;border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}p{margin-bottom:15px;text-align:justify}h2{margin-bottom:10px}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--border-color);background-color:#1a1a1aa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;transition:background-color .3s ease}.logo{font-weight:700;font-size:1.4rem;color:#fff}.nav-list li.active{color:var(--accent-color);font-weight:700;text-decoration:underline}.nav-list li{cursor:pointer;transition:color .2s ease-in-out}.nav-list li:hover{color:var(--accent-color)}main{padding:2rem}footer{text-align:center;padding:1rem;border-top:1px solid var(--border-color);background:linear-gradient(to top,#111,#1a1a1a);color:#aaa;font-size:.9rem;position:relative}footer p{opacity:.7;transition:opacity .3s ease}footer p:hover{opacity:1}footer p:after{content:"|";animation:blink 1s step-start infinite;margin-left:4px;color:var(--accent-color)}html,body,#root{height:100%;margin:0;padding:0}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:2rem}.cta{display:inline-block;margin-top:1rem;padding:.6rem 1.2rem;background-color:var(--accent-color);color:#000;border-radius:5px;text-decoration:none;transition:background .3s;font-weight:700}.cta:hover{background-color:var(--accent-hover)}a{color:var(--accent-color)}.home-section{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:center}.home-section img{width:250px;border-radius:12px;object-fit:cover;box-shadow:0 0 12px #00000080}.hamburger{display:none;font-size:2rem;cursor:pointer;color:var(--accent-color)}.nav-list{display:flex;gap:1.5rem;list-style:none}@media (max-width: 768px){.hamburger{display:block}.nav-list{display:none;flex-direction:column;position:absolute;top:60px;right:20px;background-color:#1a1a1a;padding:1rem;border-radius:6px;z-index:999}.nav-list.open{display:flex}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}}