:root{--color-white: white;--color-black: black;--color-overlay: rgba(0, 0, 0, .3);--color-overlay-heavy: rgba(0, 0, 0, .7);--font-family: monospace;--font-size-base: .9rem;--font-size-large: 1.2rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--spacing-xxl: 6rem;--spacing-hero: 8rem;--border-radius: 10px;--transition-speed: .3s;--letter-spacing-sm: .5px;--letter-spacing-md: 1px;--letter-spacing-lg: 2px;--line-height: 1.5;--nav-opacity: .85;--scroll-threshold: 100px;--z-nav: 1000;--z-overlay: 1}*{box-sizing:border-box;font-family:var(--font-family);font-weight:400;letter-spacing:var(--letter-spacing-sm);line-height:var(--line-height)}main{flex:1;display:flex;flex-direction:column;margin:0;padding:0}body{margin:0;color:var(--color-white);display:flex;flex-direction:column;min-height:100vh;background-image:url(/obelizk_test.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);z-index:var(--z-nav);background:none;transition:transform var(--transition-speed) ease,opacity var(--transition-speed) ease}.nav .logo{font-size:var(--font-size-large);font-weight:600;letter-spacing:var(--letter-spacing-lg);text-transform:uppercase}.nav-links{list-style:none;display:flex;gap:var(--spacing-md);margin:0;padding:0}.nav a{color:var(--color-white);text-decoration:none;font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-md);opacity:var(--nav-opacity);transition:opacity var(--transition-speed) ease,transform var(--transition-speed) ease;display:inline-block}.nav a:hover{opacity:1;transform:translateY(-2px)}.nav-hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.footer{text-align:center;padding:var(--spacing-md);background:var(--color-black)}.footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-icon{color:var(--color-white);opacity:var(--nav-opacity);transition:opacity var(--transition-speed) ease,transform var(--transition-speed) ease;display:inline-block}.footer-icon svg{width:24px;height:24px;display:block}.footer-icon:hover{opacity:1;transform:translateY(-2px) scale(1.1)}.hero-minimal{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:85vh;padding:var(--spacing-xxl) var(--spacing-xl) var(--spacing-xl);padding-top:calc(var(--spacing-xxl) + var(--spacing-xl));margin:0;gap:var(--spacing-lg)}.minimal-text{font-size:1rem;text-transform:uppercase;letter-spacing:.25em;opacity:.7;margin:0}.minimal-album{position:relative;display:flex;align-items:center;justify-content:center;max-width:600px;width:100%}.tracklist{position:absolute;right:-90px;top:55%;transform:translateY(-50%);display:flex;flex-direction:column;gap:0;font-size:.9rem;text-transform:lowercase;opacity:.5;line-height:1.8;white-space:nowrap}.tracklist p{margin:0;padding:0}.album-cover{width:100%;height:auto;box-shadow:0 30px 80px var(--color-overlay-heavy);border-radius:var(--border-radius)}.page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md);text-align:center}.logo-img{height:60px;width:auto;display:block}.about-minimal{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:85vh;padding:var(--spacing-xxl) var(--spacing-xl);padding-top:calc(var(--spacing-xxl) + var(--spacing-xl));gap:var(--spacing-xxl)}.about-title{font-size:1rem;text-transform:uppercase;letter-spacing:.25em;opacity:.7;margin:0;font-weight:400}.band-members-minimal{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center}.member-minimal{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);text-align:center}.member-name-minimal{font-size:1.1rem;text-transform:lowercase;letter-spacing:.1em;opacity:.9}.member-role-minimal{font-size:.85rem;text-transform:lowercase;letter-spacing:.15em;opacity:.5}.page-minimal{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:85vh;padding:var(--spacing-xxl) var(--spacing-xl);padding-top:calc(var(--spacing-xxl) + var(--spacing-xl));gap:var(--spacing-md)}.page-title{font-size:1rem;text-transform:uppercase;letter-spacing:.25em;opacity:.7;margin:0;font-weight:400}.page-status{font-size:.85rem;text-transform:lowercase;letter-spacing:.2em;opacity:.5;margin:0}.contact-minimal{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:85vh;padding:var(--spacing-xxl) var(--spacing-xl);padding-top:calc(var(--spacing-xxl) + var(--spacing-xl));gap:var(--spacing-xxl)}.contact-buttons-minimal{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.contact-btn-minimal{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-xl);cursor:pointer;transition:all .3s ease;text-transform:lowercase;letter-spacing:.15em;font-size:.95rem;font-family:var(--font-family);min-width:200px}.contact-btn-minimal:hover{border-color:#ffffff80;background:#ffffff0d}.contact-label-minimal{opacity:.8}.member-role{text-align:left}.contact-buttons{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.contact-row{display:flex;gap:var(--spacing-xl);justify-content:center}.contact-row-single{width:100%;max-width:200px}.contact-row-double{width:100%;max-width:500px}.contact-btn{background:transparent;border:2px solid var(--color-white);color:var(--color-white);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition-speed) ease;font-family:var(--font-family);letter-spacing:var(--letter-spacing-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);min-width:150px;flex:1}.contact-btn:hover{background:var(--color-white);color:var(--color-black);transform:translateY(-2px)}.contact-label{font-size:1rem;font-weight:600;text-transform:uppercase}.contact-action{font-size:.8rem;opacity:.8}.contact-modal{display:none;position:fixed;inset:0;background:#000c;z-index:2000;align-items:center;justify-content:center;padding:var(--spacing-md)}.contact-modal.active{display:flex}.contact-modal-content{background:var(--color-black);border:1px solid rgba(255,255,255,.2);padding:var(--spacing-xl);max-width:500px;width:100%;position:relative;border-radius:var(--border-radius)}.contact-modal-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:transparent;border:none;color:var(--color-white);font-size:1.5rem;cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .3s ease}.contact-modal-close:hover{opacity:1}.contact-modal-content h2{margin-top:0;margin-bottom:var(--spacing-lg);text-align:center;text-transform:lowercase;letter-spacing:.2em;font-size:1rem;font-weight:400;opacity:.8}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;position:relative}.form-error{color:#f44336;font-size:.75rem;margin-top:.25rem;display:none}.form-error.show{display:block}.form-group input,.form-group textarea{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--color-white);padding:var(--spacing-sm);font-family:var(--font-family);font-size:.9rem;letter-spacing:var(--letter-spacing-sm);transition:border-color .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d;text-transform:lowercase}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffffff80}.form-group input.error,.form-group textarea.error{border-color:#f44336;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-group textarea{resize:vertical;min-height:120px}.form-submit{background:transparent;color:var(--color-white);border:1px solid rgba(255,255,255,.3);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;font-family:var(--font-family);font-size:.9rem;font-weight:400;letter-spacing:.15em;text-transform:lowercase;transition:all var(--transition-speed) ease}.form-submit:hover{border-color:#fff9;background:#ffffff0d}.notification{position:fixed;top:20px;right:20px;background:var(--color-black);border:1px solid rgba(255,255,255,.3);color:var(--color-white);padding:var(--spacing-md) var(--spacing-lg);z-index:3000;min-width:300px;max-width:500px;opacity:0;transform:translateY(-20px);transition:all var(--transition-speed) ease;pointer-events:none;border-radius:var(--border-radius)}.notification.show{opacity:1;transform:translateY(0);pointer-events:auto}.notification.success{border-color:#4caf5080}.notification.error{border-color:#f4433680}.notification-content{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.notification-icon{display:none}.notification-message{flex:1;font-size:.85rem;line-height:1.4;opacity:.9}.notification-close{background:transparent;border:none;color:var(--color-white);cursor:pointer;font-size:1rem;padding:0;line-height:1;opacity:.5;flex-shrink:0;transition:opacity .3s ease}.notification-close:hover{opacity:1}@media(max-width:768px){:root{--spacing-lg: 1.5rem;--spacing-hero: 6rem}.nav{padding:var(--spacing-lg) var(--spacing-xl)}.nav .logo{font-size:1rem}.nav-links{gap:var(--spacing-sm)}.nav a{font-size:.8rem}.logo-img{height:50px}.hero-minimal{padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-md)}.minimal-album{max-width:90%}.tracklist{position:absolute;right:-20px;top:55%;transform:translateY(-50%);font-size:.65rem;line-height:1.6}.about-minimal{padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-xl)}.page-minimal{padding:var(--spacing-xl) var(--spacing-md)}.contact-minimal{padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-xl)}.contact-btn-minimal{min-width:180px;padding:var(--spacing-sm) var(--spacing-md)}.page{padding:var(--spacing-xxl) var(--spacing-sm) var(--spacing-md)}.footer-links{gap:var(--spacing-sm)}.footer-icon svg{width:20px;height:20px}.contact-row-single,.contact-row-double{max-width:100%}.contact-row-double{flex-direction:column;gap:var(--spacing-md)}.contact-btn{min-width:200px}.contact-modal-content{padding:var(--spacing-md)}.notification{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}@media(max-width:480px){.nav-links{gap:.75rem}.nav a{font-size:.7rem}.logo-img{height:35px}.album-cover{max-width:90%}}