@import url(https://fonts.googleapis.com/css2?family=Metal+Mania&family=Creepster&family=Nosifer&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#e0e0e0;font-family:Arial Black,Impact,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;background:linear-gradient(180deg,#1a0000,#0a0a0a);border-bottom:3px solid red;box-shadow:0 4px 20px #ff00004d;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:1rem;position:relative;z-index:100}.header:after{animation:borderPulse 2s infinite;background:linear-gradient(90deg,#0000,red 25%,#f60 50%,red 75%,#0000);bottom:-3px;content:"";height:3px;left:0;position:absolute;width:100%}@keyframes borderPulse{0%,to{opacity:.5}50%{opacity:1}}.header h1{-webkit-text-fill-color:#0000;animation:shine 4s ease-in-out infinite;background:linear-gradient(135deg,#2a2a2a,#f0f0f0 10%,#fff 20%,#f44 30%,#fff 40%,#fa0 50%,#fff 60%,red 70%,#fff 80%,#f0f0f0 90%,#2a2a2a);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;border-radius:25px;filter:drop-shadow(0 0 15px rgba(255,255,255,.6)) drop-shadow(0 0 25px rgba(255,0,0,.5)) drop-shadow(0 0 35px rgba(255,100,0,.3)) drop-shadow(3px 3px 6px rgba(0,0,0,.9)) brightness(1.2) contrast(1.1);flex:1 1;font-family:Metal Mania,cursive;font-size:2.5rem;font-weight:900;letter-spacing:2px;margin:0;padding:.5rem 1rem;position:relative;text-transform:uppercase}.header h1:before{animation:glisten 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);background-size:200% 200%;border-radius:25px;bottom:-2px;content:"";filter:blur(8px);left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes shine{0%,to{background-position:200% 0}50%{background-position:-200% 0}}@keyframes glisten{0%,to{background-position:200% 200%;opacity:.3}50%{background-position:-200% -200%;opacity:.8}}.header nav ul{display:flex;flex:2 1;gap:1.5rem;justify-content:flex-end;list-style:none;margin:0;padding:0}.header nav ul li{margin:0}.header nav ul li a{border:2px solid #0000;color:#f60;font-family:Arial Black,Impact,sans-serif;font-weight:700;letter-spacing:1px;padding:.5rem 1rem;position:relative;text-decoration:none;text-shadow:1px 1px 2px #000c;text-transform:uppercase;transition:all .3s ease}.header nav ul li a:hover{background:#ff00001a;border:2px solid red;color:red;text-shadow:0 0 10px #f00c,0 0 20px #ff000080;transform:scale(1.05)}@media (max-width:600px){.header{align-items:flex-start;flex-direction:column}.header nav ul{flex-direction:column;justify-content:flex-start}.header nav ul li{margin:.5rem 0}}.footer{background:linear-gradient(0deg,#0a0a0a,#1a0000);border-top:3px solid red;box-shadow:0 -4px 20px #ff00004d;color:#f60;font-weight:700;padding:1rem;text-shadow:0 0 5px #ff640080;width:100%;z-index:100}.footer,.home{position:relative;text-align:center}.home{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.home h2{color:#c00;font-family:Metal Mania,cursive;font-size:4rem;font-weight:700;letter-spacing:3px;margin-bottom:1rem;text-shadow:0 0 8px #c8000080,0 0 15px #ff32004d,3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000;transform:skewY(-2deg)}.home h2,.home p{position:relative;text-transform:uppercase;z-index:10}.home p{color:#f60;font-family:Arial Black,Impact,sans-serif;font-size:1.8rem;font-weight:900;letter-spacing:2px;text-shadow:0 0 10px #ff6400cc,0 0 20px #ff000080,2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000}.music-matrix-background{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.song-list{display:flex;flex-direction:column;gap:2rem;padding:1rem;position:relative;z-index:10}.song-item{background:#ff64001a;border:2px solid #f60;border-radius:8px;box-shadow:0 0 15px #ff64004d;padding:1.5rem;transition:all .3s ease}.song-item:hover{border-color:red;box-shadow:0 0 25px #ff000080;transform:translateY(-2px)}.song-item h3{color:red;font-size:1.3rem;margin-bottom:1rem;text-shadow:0 0 8px #ff000080}.song-item audio{filter:hue-rotate(270deg) saturate(2);width:100%}.admin-btn,.login-form button{background:linear-gradient(135deg,#f60,red);border:2px solid red;border-radius:8px;box-shadow:0 0 15px #ff640080;color:#fff;cursor:pointer;font-weight:700;margin:10px 5px;padding:10px 20px;transition:all .3s ease}.admin-btn:hover,.login-form button:hover{background:linear-gradient(135deg,red,#f60);box-shadow:0 0 25px #f00c;transform:translateY(-2px)}.logout-btn{background:linear-gradient(135deg,#228b22,#f60);border:none;font-weight:700;margin:10px 5px;padding:10px 20px;width:100%}.logout-btn:hover{box-shadow:0 0 15px #228b2299;transform:scale(1.02)}.admin-section{background:#ff64001a;border:2px solid #f60;border-radius:12px;box-shadow:0 0 20px #ff64004d;margin:20px 0;padding:2rem}.admin-section h3{color:red;margin-bottom:15px;text-shadow:0 0 10px #ff000080}.login-form{display:flex;gap:10px;margin:15px 0}.login-form input{background:#00000080;border:2px solid #f60;border-radius:8px;color:#fff;flex:1 1;padding:10px}.login-form input:focus{border-color:red;box-shadow:0 0 10px #ff000080;outline:none}.record-form,.upload-form{display:flex;flex-direction:column;gap:15px;margin:20px 0}.record-form input[type=text],.upload-form input[type=text]{background:#00000080;border:2px solid #f60;border-radius:8px;color:#fff;font-size:1rem;padding:12px}.record-form input[type=text]:focus,.upload-form input[type=text]:focus{border-color:red;box-shadow:0 0 10px #ff000080;outline:none}.upload-form input[type=file]{background:#ff640033;border:2px solid #f60;border-radius:8px;color:#fff;cursor:pointer;padding:12px}.upload-form input[type=file]::-webkit-file-upload-button{background:linear-gradient(135deg,#f60,red);border:2px solid red;border-radius:8px;box-shadow:0 0 15px #ff640080;color:#fff;cursor:pointer;font-weight:700;margin-right:15px;padding:10px 20px;-webkit-transition:all .3s ease;transition:all .3s ease}.upload-form input[type=file]::file-selector-button{background:linear-gradient(135deg,#f60,red);border:2px solid red;border-radius:8px;box-shadow:0 0 15px #ff640080;color:#fff;cursor:pointer;font-weight:700;margin-right:15px;padding:10px 20px;transition:all .3s ease}.upload-form input[type=file]::-webkit-file-upload-button:hover{background:linear-gradient(135deg,red,#f60);box-shadow:0 0 25px #f00c;transform:scale(1.05)}.upload-form input[type=file]::file-selector-button:hover{background:linear-gradient(135deg,red,#f60);box-shadow:0 0 25px #f00c;transform:scale(1.05)}.record-form button,.upload-form button{background:linear-gradient(135deg,#f60,red);border:2px solid red;border-radius:8px;box-shadow:0 0 15px #ff640080;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .3s ease}.record-form button:hover,.upload-form button:hover{background:linear-gradient(135deg,red,#f60);box-shadow:0 0 25px #f00c;transform:translateY(-2px)}.upload-form button:disabled{cursor:not-allowed;opacity:.6}.recorded-section{margin-top:15px}.recorded-section audio,.recorded-section video{border-radius:8px;margin:15px 0;width:100%}.delete-btn{background:linear-gradient(135deg,#ff006e,red);border:2px solid #ff006e;box-shadow:0 0 15px #ff006e80;margin-top:10px;padding:8px 16px}.delete-btn:hover{background:linear-gradient(135deg,red,#ff006e);box-shadow:0 0 25px #ff006ecc;transform:translateY(-2px)}.listen{min-height:calc(100vh - 200px);padding:2rem;position:relative}.listen h2{color:#c00;font-family:Metal Mania,cursive;font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:2rem;position:relative;text-shadow:0 0 8px #c8000080,0 0 15px #ff32004d,2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;text-transform:uppercase;z-index:10}.product-item{align-items:center;background:#ff64001a;border:2px solid #f60;border-radius:8px;box-shadow:0 0 15px #ff64004d;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease;width:calc(33.333% - 2rem)}.product-item:hover{border-color:red;box-shadow:0 0 25px #f009;transform:translateY(-5px) scale(1.03)}.product-item img{border:2px solid #228b22;border-radius:8px;height:auto;max-width:100%}.product-item h3{color:red;font-size:1.5rem;margin:1rem 0 .5rem;text-shadow:0 0 8px #ff000080}.product-item p{color:#228b22;font-size:1.2rem;font-weight:700;margin:.5rem 0;text-shadow:0 0 5px #228b2280}.product-item button{background:linear-gradient(135deg,#f60,red);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.product-item button:hover{background:linear-gradient(135deg,red,#f60);box-shadow:0 0 15px #f009;transform:scale(1.05)}@media (max-width:600px){.product-item{width:calc(100% - 1rem)}}.store{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem;position:relative;z-index:10}.store-page{min-height:calc(100vh - 200px);padding:2rem;position:relative}.store-page h2{color:#c00;font-family:Metal Mania,cursive;font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:2rem;position:relative;text-shadow:0 0 8px #c8000080,0 0 15px #ff32004d,2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;text-transform:uppercase;z-index:10}.video-page{min-height:calc(100vh - 200px);padding:2rem;position:relative}.video-page h2{color:#c00;font-family:Metal Mania,cursive;font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:2rem;position:relative;text-shadow:0 0 8px #c8000080,0 0 15px #ff32004d,2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;text-transform:uppercase;z-index:10}.file-input::-webkit-file-upload-button{border:2px solid red;box-shadow:0 0 15px #ff640080;padding:.75rem 1.5rem;-webkit-transition:all .3s ease;transition:all .3s ease}.file-input::file-selector-button{border:2px solid red;box-shadow:0 0 15px #ff640080;padding:.75rem 1.5rem;transition:all .3s ease}.file-input::-webkit-file-upload-button:hover{background:linear-gradient(135deg,red,#f60);box-shadow:0 0 25px #f00c;transform:scale(1.05)}.file-input::file-selector-button:hover{background:linear-gradient(135deg,red,#f60);box-shadow:0 0 25px #f00c;transform:scale(1.05)}.video-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));position:relative;z-index:10}.video-container{background:#ff64001a;border:2px solid #f60;border-radius:8px;box-shadow:0 0 15px #ff64004d;padding:1.5rem;transition:all .3s ease}.video-container:hover{border-color:red;box-shadow:0 0 25px #ff000080;transform:translateY(-3px)}.video-container h3{color:red;font-size:1.3rem;margin-bottom:1rem;text-shadow:0 0 8px #ff000080}.video-container iframe,.video-container video{border:2px solid #228b22;border-radius:8px;cursor:pointer}.video-lightbox{align-items:center;background:#000000f2;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.video-lightbox-content{background:#ff640033;border:3px solid red;border-radius:12px;box-shadow:0 0 40px #f00c;max-height:90%;max-width:90%;padding:2rem;position:relative}.video-lightbox-content h3{color:red;font-size:1.5rem;margin-bottom:1rem;text-align:center;text-shadow:0 0 10px #f00c}.video-lightbox-content video{border:2px solid #228b22;border-radius:8px;max-height:70vh;max-width:100%}.record-section{align-items:center;display:flex;flex-direction:column;gap:15px;margin:20px 0}.record-btn{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f60,#f90);border:2px solid #f90;border-radius:12px;box-shadow:0 0 20px #ff640099;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 30px;transition:all .3s ease}.record-btn:hover{background:linear-gradient(135deg,#f90,red);box-shadow:0 0 35px red;transform:scale(1.05)}.stop-btn{animation:recording 1s ease-in-out infinite;background:linear-gradient(135deg,red,#e0aaff);border:2px solid red;border-radius:12px;box-shadow:0 0 20px #f00c;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 30px;transition:all .3s ease}@keyframes recording{0%,to{box-shadow:0 0 20px #f00c;transform:scale(1)}50%{box-shadow:0 0 35px red;transform:scale(1.02)}}.stop-btn:hover{background:linear-gradient(135deg,#e0aaff,red);transform:scale(1.05)}.recorded-section{background:#ff640026;border:2px solid #f90;border-radius:12px;margin:0 auto;max-width:600px;padding:20px;width:100%}.recorded-section p{color:#f90;font-weight:700;margin-bottom:15px;text-align:center;text-shadow:0 0 10px #ff960080}.recorded-section video{border-radius:8px}.recorded-section input,.recorded-section video{border:2px solid #f60;margin-bottom:15px;width:100%}.recorded-section input{background:#00000080;border-radius:8px;color:#fff;font-size:1rem;padding:12px}.recorded-section input:focus{border-color:red;box-shadow:0 0 10px #ff000080;outline:none}.recorded-section button{background:linear-gradient(135deg,#f60,red);border:2px solid red;border-radius:8px;box-shadow:0 0 15px #ff640080;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .3s ease}.recorded-section button:hover{background:linear-gradient(135deg,red,#f60);box-shadow:0 0 25px #f00c;transform:translateY(-2px)}@media (max-width:600px){.video-grid{grid-template-columns:1fr}}.photos-page{min-height:calc(100vh - 200px);padding:2rem;position:relative}.photos-page h2{color:#c00;font-family:Metal Mania,cursive;font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:2rem;position:relative;text-shadow:0 0 8px #c8000080,0 0 15px #ff32004d,2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;text-transform:uppercase;z-index:10}.admin-toggle{letter-spacing:1px;text-transform:uppercase}.admin-toggle:hover{box-shadow:0 0 15px #f00c}.admin-login{justify-content:center}.upload-panel{background:#ff640033;border:2px solid red;border-radius:12px;box-shadow:0 0 20px #ff000080;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;padding:2rem;position:relative;z-index:100}.upload-panel h3{color:red;margin-bottom:1rem;text-shadow:0 0 8px #ff000080}.caption-input{border:2px solid #f60;border-radius:8px;color:#fff}.caption-input,.file-input{background:#00000080;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.file-input{color:red}.file-input::-webkit-file-upload-button{border-radius:8px}.file-input::file-selector-button{background:linear-gradient(135deg,#f60,red);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-right:1rem;padding:.5rem 1rem}.close-admin-btn{background:linear-gradient(135deg,#228b22,#f60);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.close-admin-btn:hover{box-shadow:0 0 15px #228b2299;transform:scale(1.02)}.photo-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));position:relative;z-index:10}.photo-item{background:#ff64001a;border:2px solid #f60;border-radius:8px;box-shadow:0 0 15px #ff64004d;overflow:hidden;padding:.5rem;position:relative;transition:all .3s ease}.photo-item:hover{border-color:red;box-shadow:0 0 25px #f009;transform:translateY(-5px) scale(1.02)}.photo-item img{border:2px solid #228b22;border-radius:8px;cursor:pointer;height:250px;object-fit:cover;width:100%}.photo-item p{color:#f60;font-weight:600;margin-top:.5rem;text-align:center;text-shadow:0 0 5px #ff640080}.delete-btn{background:linear-gradient(135deg,red,#c00);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:.5rem;padding:.5rem;transition:all .3s ease;width:100%}.delete-btn:hover{box-shadow:0 0 15px #f009;transform:scale(1.05)}.lightbox{align-items:center;background:#000000f2;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.lightbox-content{background:#ff640033;border:3px solid red;border-radius:12px;box-shadow:0 0 40px #f00c;max-height:90%;max-width:90%;padding:2rem;position:relative}.lightbox-content img{border:2px solid #228b22;border-radius:8px;max-height:70vh;max-width:100%}.lightbox-content p{color:red;font-size:1.5rem;margin-top:1rem;text-align:center;text-shadow:0 0 10px #f00c}.close-button{align-items:center;background:red;border:none;border-radius:50%;box-shadow:0 0 15px #f009;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:40px}.close-button:hover{background:#f60;transform:scale(1.1)}@media (max-width:600px){.photo-grid{grid-template-columns:1fr}}.lyrics-page{align-items:center;display:flex;flex-direction:column;min-height:calc(100vh - 200px);padding:2rem;position:relative}.lyrics-page h2{color:#c00;font-family:Metal Mania,cursive;font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:2rem;position:relative;text-shadow:0 0 8px #c8000080,0 0 15px #ff32004d,2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;text-transform:uppercase;z-index:10}.admin-toggle{background:linear-gradient(135deg,#f60,red);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;position:absolute;right:2rem;top:2rem;transition:all .3s ease;z-index:100}.admin-toggle:hover{box-shadow:0 0 15px #f009;transform:scale(1.05)}.admin-login{background:#ff640033;border:2px solid #f60;border-radius:8px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem;position:relative;z-index:100}.admin-login input{background:#00000080;border:2px solid #f60;border-radius:8px;color:red;font-size:1rem;min-width:250px;padding:.75rem}.admin-login button{background:linear-gradient(135deg,red,#f60);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem}.admin-panel{background:#ff640033;border:2px solid red;border-radius:12px;box-shadow:0 0 20px #ff000080;margin-bottom:2rem;max-width:600px;padding:2rem;position:relative;width:100%;z-index:100}.admin-panel h3{color:red;margin-bottom:1rem;text-shadow:0 0 8px #ff000080}.admin-panel form{display:flex;flex-direction:column;gap:1rem}.admin-panel input,.admin-panel textarea{background:#00000080;border:2px solid #f60;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;padding:.75rem}.admin-panel textarea{min-height:200px;resize:vertical}.admin-panel button{background:linear-gradient(135deg,red,#f60);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}.admin-panel button:hover{box-shadow:0 0 15px #f009;transform:scale(1.02)}.admin-panel button[type=button]{background:linear-gradient(135deg,#228b22,#f60)}.notebook{background:#f9f7f0;border-radius:8px;box-shadow:0 10px 40px #00000080,inset 0 0 20px #ff640033;margin:2rem 0;max-width:90%;padding:3rem;position:relative;width:800px;z-index:10}.notebook-cover{background:linear-gradient(90deg,#f60,#7b2cbf);border-radius:8px 0 0 8px;bottom:0;box-shadow:inset -3px 0 5px #0000004d;left:0;position:absolute;top:0;width:40px}.notebook-spine{background:repeating-linear-gradient(180deg,red,red 10px,#0000 0,#0000 15px);bottom:10%;left:15px;position:absolute;top:10%;width:3px}.notebook-page{background:linear-gradient(90deg,#0000 0,#0000 30px,red 0,red 31px,#0000 0);position:relative}.page-lines{background-image:repeating-linear-gradient(#0000,#0000 31px,#ff660050 0,#ff660050 32px);min-height:500px;padding:2rem 2rem 2rem 3rem}.page-lines h3{color:red;font-size:2rem;margin-bottom:2rem;text-shadow:0 0 8px #ff000080}.lyrics-text,.page-lines h3{font-family:Courier New,monospace}.lyrics-text{word-wrap:break-word;color:#333;font-size:1.1rem;line-height:2rem;white-space:pre-wrap}.song-actions{border-top:2px dashed #ff660050;display:flex;gap:1rem;margin-top:2rem;padding-top:1rem}.edit-song-btn{background:linear-gradient(135deg,#f60,red);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}.edit-song-btn:hover{box-shadow:0 0 15px #f009;transform:scale(1.05)}.delete-song-btn{background:linear-gradient(135deg,red,#c00);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}.delete-song-btn:hover{box-shadow:0 0 15px #f009;transform:scale(1.05)}.page-navigation{align-items:center;display:flex;justify-content:space-between;margin-top:2rem;padding:0 2rem}.page-btn{background:linear-gradient(135deg,#f60,red);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}.page-btn:hover:not(:disabled){box-shadow:0 0 15px #f009;transform:scale(1.05)}.page-btn:disabled{cursor:not-allowed;opacity:.3}.page-number{color:#f60;font-size:1.1rem;font-weight:700;text-shadow:0 0 5px #ff640080}.scan-document-section{background:#ff64001a;border:2px dashed #f60;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.scan-label{color:#f60;font-size:1rem;font-weight:700}.file-input{background:#0000004d;border:2px solid #f60;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem}.file-input::-webkit-file-upload-button{background:linear-gradient(135deg,#f60,red);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-right:1rem;padding:.5rem 1rem}.file-input::-webkit-file-upload-button:hover{box-shadow:0 0 10px #f009}.scan-document-section small{color:#f96;font-size:.85rem;font-style:italic}.scan-modal{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.scan-modal-content{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:3px solid #f60;border-radius:12px;box-shadow:0 0 30px #f00c;max-height:90vh;max-width:800px;overflow-y:auto;padding:2rem;width:100%}.scan-modal-content h3{color:#f60;font-size:1.8rem;margin-bottom:1.5rem;text-align:center;text-shadow:0 0 10px #ff640099}.image-preview{align-items:center;background:#00000080;border:2px solid #f60;border-radius:8px;display:flex;justify-content:center;margin-bottom:1.5rem;max-height:500px;overflow:hidden;width:100%}.image-preview img{display:block;max-height:500px;max-width:100%;object-fit:contain}.scan-progress{margin:1.5rem 0;text-align:center}.progress-bar{background:#00000080;border:2px solid #f60;border-radius:15px;height:30px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#f60,red);box-shadow:0 0 10px #ff6400cc;height:100%;transition:width .3s ease}.scan-progress p{color:#f96;font-size:1.1rem;font-weight:700;text-shadow:0 0 5px #ff640080}.scan-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.cancel-btn,.process-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.process-btn{background:linear-gradient(135deg,#f60,red);color:#fff;flex:2 1}.process-btn:hover{box-shadow:0 0 20px #f00c;transform:scale(1.05)}.cancel-btn{background:linear-gradient(135deg,#666,#999);color:#fff;flex:1 1}.cancel-btn:hover{box-shadow:0 0 15px #96969699;transform:scale(1.05)}@media (max-width:768px){.notebook{padding:2rem 1rem;width:95%}.page-lines{padding:1rem}.lyrics-text{font-size:.9rem;line-height:1.8rem}.page-navigation{flex-direction:column;gap:1rem}.admin-toggle{font-size:.9rem;padding:.5rem 1rem;right:1rem;top:1rem}.scan-modal,.scan-modal-content{padding:1rem}.scan-modal-content h3{font-size:1.3rem}.scan-actions{flex-direction:column}.cancel-btn,.process-btn{flex:1 1;width:100%}}.apps-page{min-height:100vh;padding:80px 20px 40px;position:relative}.password-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 120px)}.password-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:3px solid red;border-radius:20px;box-shadow:0 0 20px #f006,0 0 40px #ff640033;max-width:450px;padding:50px;text-align:center;width:100%}.lock-icon{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.password-card h2{color:#c00;font-family:Metal Mania,cursive;font-size:2.5rem;letter-spacing:2px;margin-bottom:15px;text-shadow:0 0 8px #c8000080,0 0 15px #ff32004d,3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000;text-transform:uppercase}.password-card p{color:#e0e0e0;font-size:1.1rem;margin-bottom:30px}.password-input{background:#0000004d;border:2px solid #f60;border-radius:10px;color:#fff;font-size:1.1rem;margin-bottom:10px;padding:15px 20px;transition:all .3s ease;width:100%}.password-input:focus{border-color:red;box-shadow:0 0 15px #ff00004d;outline:none}.password-input::placeholder{color:#999}.error-message{color:#f44;font-size:.9rem;font-weight:600;margin:10px 0}.submit-btn{background:linear-gradient(135deg,red,#c00);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:10px;padding:15px;transition:all .3s ease;width:100%}.submit-btn:hover{box-shadow:0 6px 20px #f006;transform:translateY(-2px)}.apps-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto 40px;max-width:1200px}.apps-header h1{color:#c00;font-family:Metal Mania,cursive;font-size:3rem;letter-spacing:3px;text-shadow:0 0 8px #c8000080,0 0 15px #ff32004d,3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000;text-transform:uppercase}.logout-btn{background:#f003;border:2px solid red;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.logout-btn:hover{background:#f006;transform:translateY(-2px)}.apps-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1200px}.app-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:3px solid;border-radius:15px;box-shadow:0 0 15px #ff00004d;cursor:pointer;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.app-card:before{background:linear-gradient(135deg,#0000,#ffffff1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.app-card:hover:before{opacity:1}.app-card:hover{box-shadow:0 12px 40px #0006;transform:translateY(-8px)}.app-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:4rem;margin-bottom:20px}.app-card h3{color:#fff;font-family:Metal Mania,cursive;font-size:1.8rem;margin-bottom:15px}.app-card p{color:#e0e0e0;font-size:1rem;line-height:1.6;margin-bottom:25px}.launch-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 30px;position:relative;transition:all .3s ease;z-index:1}.launch-btn:hover{box-shadow:0 4px 15px #0000004d;transform:scale(1.05)}.app-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto 20px;max-width:1400px}.back-btn{background:#ff640033;border:2px solid #f60;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.back-btn:hover{background:#ff640066;transform:translateX(-3px)}.app-container{background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:1400px;overflow:hidden}.app-iframe{border:none;display:block;height:calc(100vh - 200px);min-height:600px;width:100%}@media (max-width:768px){.apps-page{padding:60px 15px 30px}.password-card{padding:30px 20px}.password-card h2{font-size:2rem}.lock-icon{font-size:3rem}.apps-header{flex-direction:column;gap:20px}.apps-header h1{font-size:2rem}.apps-grid{grid-template-columns:1fr}.app-header{flex-direction:column;gap:15px}.app-iframe{height:calc(100vh - 250px)}}.page-enter{opacity:0;transform:scale(.9)}.page-enter-active{transition:opacity .3s,transform .3s}.page-enter-active,.page-exit{opacity:1;transform:scale(1)}.page-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s}.app{background-color:#000;display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}
/*# sourceMappingURL=main.0a503f73.css.map*/