.topbar-link.active,.topbar-link:hover{color:#fff;text-decoration:underline}.container,.topbar-container{max-width:1200px;display:flex}.btn,.topbar-link{text-decoration:none}.box h3,h2{margin-bottom:10px}body,footer{font-family:'JetBrains Mono',monospace}.btn,.particle{user-select:none}*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(circle at top left,#1a103d,#0e0e1a);color:#f3e8ff;min-height:100vh;position:relative;overflow-x:hidden;overflow-y:auto;text-align:center}.topbar{width:100%;background:#1a103d;box-shadow:0 2px 6px rgba(147,51,234,.4);position:fixed;top:0;left:0;z-index:1000;height:50px;display:flex;align-items:center;justify-content:center}.code-block,.container,footer{position:relative}.topbar-container{width:100%;padding:0 30px;justify-content:space-between;align-items:center;color:#d8b4fe;font-weight:600;font-size:1.1rem}.container,main.container{padding-left:60px;padding-right:60px}.topbar-logo{cursor:default;text-align:left}nav{text-align:right}.code-block,.container,.left,.logo,h2{text-align:left}.topbar-link{color:#a855f7;transition:color .3s;font-weight:500;margin-left:20px}.box h3,.logo{color:#d8b4fe}.box,.btn{transition:.3s}.topbar-link.active{font-weight:700}.container{margin:0 auto;padding-top:100px;flex-wrap:wrap;justify-content:space-between;gap:60px;z-index:1}.buttons,.left{display:flex;gap:20px}.left{flex:1 1 40%;flex-direction:column}.logo{font-size:3rem}h2{font-size:1.25rem;color:#c4b5fd;margin-top:-8px}.code-block{background:rgba(255,255,255,.03);border-left:4px solid #9333ea;padding:20px 25px;color:#e9d5ff;font-size:.95rem;line-height:1.6;border-radius:8px;box-shadow:0 0 15px rgba(147,51,234,.15);white-space:pre-wrap;min-height:120px}.box h3,.box p,.right,footer{text-align:center}.buttons{justify-content:center;flex-wrap:wrap;margin-top:15px}.btn{display:inline-flex;align-items:center;gap:10px;font-weight:600;padding:12px 28px;border-radius:30px;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,.1);border:none;color:#fff;font-size:1rem}.btn-mail{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%);box-shadow:0 4px 15px rgba(245,87,108,.6);color:#fff}.btn-mail:hover{filter:brightness(1.1);box-shadow:0 6px 20px rgba(245,87,108,.8)}.btn-discord{background:linear-gradient(135deg,#7289da 0,#99aab5 100%);box-shadow:0 4px 15px rgba(114,137,218,.6);color:#fff}.btn-discord:hover{filter:brightness(1.1);box-shadow:0 6px 20px rgba(114,137,218,.8)}.btn i{font-size:1.2rem}.right{flex:1 1 40%;display:flex;align-items:center;justify-content:center}.box{background:rgba(255,255,255,.04);border:1px solid #7c3aed;box-shadow:0 0 25px rgba(147,51,234,.3);padding:40px;border-radius:16px;max-width:500px;color:#e9d5ff;backdrop-filter:blur(10px);text-align:left;margin-left:auto;margin-right:auto}.box h3{font-size:1.5rem}.box:hover{transform:scale(1.04) translateY(-6px);box-shadow:0 0 40px rgba(168,85,247,.7),0 0 80px rgba(168,85,247,.3)}.box p{color:#dcd6f7}footer{padding:20px 0;color:#8b87a9;font-size:.9rem;width:100%;bottom:0}.particle{position:absolute;width:10px;height:10px;background:#9333ea;border-radius:50%;opacity:.15;animation:10s ease-in-out infinite float;pointer-events:none;z-index:0}@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-50px) scale(1.2);opacity:.25}}main.container{max-width:900px;margin:0 auto 100px;display:block;text-align:left}@media (max-width:900px){.container,main.container{padding-left:30px;padding-right:30px;flex-direction:column}.left,.right{flex:1 1 100%}.box{max-width:100%}}@media (max-width:400px){.logo{font-size:2rem}h2{font-size:1rem}.btn{padding:10px 20px}.topbar-container{padding:0 15px}.topbar-link{margin-left:12px;font-size:.95rem}}