.header .container{justify-content:space-between;align-items:center}.header .menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;z-index:150}.header .menu-toggle span{display:block;height:3px;width:100%;background-color:#fff;transition:all .3s ease;border-radius:3px;box-shadow:0 0 5px rgba(0,255,255,.5)}.header .menu-toggle:hover span{background-color:aqua}.header nav ul{padding:0}@media(max-width:768px){.header .menu-toggle{display:flex}.header .menu-toggle.active span:first-child{transform:translateY(9px) rotate(45deg)}.header .menu-toggle.active span:nth-child(2){opacity:0}.header .menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.header nav{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background-color:hsla(0,0%,5%,.95);transition:all .3s ease;padding:100px 30px 30px;box-shadow:-5px 0 15px rgba(0,0,0,.3);backdrop-filter:blur(10px)}.header nav.active{right:0}.header nav ul{flex-direction:column;gap:20px}.header nav ul li{width:100%}.header nav ul li a{display:block;padding:10px 0;font-size:1.1em}}@media(max-width:480px){.header .container{padding:0 15px;height:60px}.header nav{width:100%;max-width:none}.header nav ul li a{font-size:1em}}body.menu-open{overflow:hidden}#app{font-family:Orbitron,sans-serif;color:#fff;background-color:#0c0c0c;min-height:100vh;position:relative;overflow-x:hidden}.grid-overlay{position:fixed;z-index:0}.hero{height:100vh;display:flex;align-items:center;padding-top:70px;background-color:#0c0c0c;position:relative;z-index:1;overflow:hidden}.hero .grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,255,.05) 1px,transparent 0);background-size:30px 30px;z-index:-1;perspective:1000px;transform-style:preserve-3d;animation:gridMove 20s linear infinite}.hero .container{max-width:1200px;margin:0 auto;padding:0 20px}.hero .hero-content{max-width:800px;position:relative}.hero .hero-content:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:rgba(25,25,25,.3);border-radius:10px;border:1px solid rgba(0,255,255,.3);z-index:-1;box-shadow:0 0 2px rgba(0,255,255,.5),0 0 4px rgba(0,255,255,.2),inset 0 0 2px rgba(0,255,255,.1)}.hero h1{font-size:3.5rem;margin-bottom:20px;color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua;text-transform:uppercase;letter-spacing:3px;position:relative}.hero h1.cyber-text:after{content:"Ryu Hazako";position:absolute;top:2px;left:2px;color:rgba(255,0,255,.5);z-index:-1}.hero .social-links{display:flex;gap:15px}.hero .social-links .social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:rgba(38,38,38,.3);border:1px solid aqua;color:aqua;font-size:1.2rem;transition:all .3s ease;box-shadow:0 0 5px rgba(0,255,255,.5),0 0 10px rgba(0,255,255,.2),inset 0 0 5px rgba(0,255,255,.1)}.hero .social-links .social-link:hover{box-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.2),inset 0 0 10px rgba(0,255,255,.1);color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua;transform:translateY(-3px)}.hero .social-links .social-link:nth-child(2){color:#f0f;border-color:#f0f;box-shadow:0 0 5px rgba(255,0,255,.5),0 0 10px rgba(255,0,255,.2),inset 0 0 5px rgba(255,0,255,.1)}.hero .social-links .social-link:nth-child(2):hover{box-shadow:0 0 10px rgba(255,0,255,.5),0 0 20px rgba(255,0,255,.2),inset 0 0 10px rgba(255,0,255,.1);color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f}.hero .social-links .social-link:nth-child(3){color:lime;border-color:lime;box-shadow:0 0 5px rgba(0,255,0,.5),0 0 10px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1)}.hero .social-links .social-link:nth-child(3):hover{box-shadow:0 0 10px rgba(0,255,0,.5),0 0 20px rgba(0,255,0,.2),inset 0 0 10px rgba(0,255,0,.1);color:lime;text-shadow:0 0 5px lime,0 0 10px lime}.hero .tagline{font-size:1.5rem;color:#fff;margin-bottom:40px;text-shadow:0 0 5px rgba(0,255,255,.3)}.hero .cta-buttons{display:flex;gap:20px}.hero .cta-buttons .cyber-button:first-child{color:#f0f;border-color:#f0f;box-shadow:0 0 5px rgba(255,0,255,.5),0 0 10px rgba(255,0,255,.2),inset 0 0 5px rgba(255,0,255,.1)}.hero .cta-buttons .cyber-button:first-child:hover{background-color:rgba(255,0,255,.1);box-shadow:0 0 10px rgba(255,0,255,.5),0 0 20px rgba(255,0,255,.2),inset 0 0 10px rgba(255,0,255,.1);color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f}@media(max-width:768px){.hero h1{font-size:2.5rem}.hero .tagline{font-size:1.2rem}.hero .cta-buttons{flex-direction:column;gap:10px}}.about{background-color:#0c0c0c;position:relative;z-index:1}.about .container{max-width:1200px;margin:0 auto;padding:0 20px}.about h2{text-align:center;margin-bottom:50px;font-size:32px;color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua;text-transform:uppercase;letter-spacing:3px}.about .about-content{display:flex;gap:50px;align-items:center}.about .about-image{flex:1}.about .about-image .placeholder-image{width:100%;aspect-ratio:1;background-color:rgba(38,38,38,.3);border:1px solid aqua;display:flex;align-items:center;justify-content:center;border-radius:10px;color:aqua;font-size:1.2rem;box-shadow:0 0 5px rgba(0,255,255,.5),0 0 10px rgba(0,255,255,.2),inset 0 0 5px rgba(0,255,255,.1)}.about .about-text{flex:2;background-color:rgba(25,25,25,.7);border-radius:10px;padding:25px}.about .about-text p{margin-bottom:20px;line-height:1.7;color:#fff;font-size:1.1rem}.about .about-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin:30px 0}.about .about-details .detail{font-size:1rem}.about .about-details .detail strong{color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua}.about .social-links{display:flex;gap:15px}.about .social-links .social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:rgba(38,38,38,.3);border:1px solid aqua;color:aqua;font-size:1.2rem;transition:all .3s ease;box-shadow:0 0 5px rgba(0,255,255,.5),0 0 10px rgba(0,255,255,.2),inset 0 0 5px rgba(0,255,255,.1)}.about .social-links .social-link:hover{box-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.2),inset 0 0 10px rgba(0,255,255,.1);color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua;transform:translateY(-3px)}.about .social-links .social-link:nth-child(2){color:#f0f;border-color:#f0f;box-shadow:0 0 5px rgba(255,0,255,.5),0 0 10px rgba(255,0,255,.2),inset 0 0 5px rgba(255,0,255,.1)}.about .social-links .social-link:nth-child(2):hover{box-shadow:0 0 10px rgba(255,0,255,.5),0 0 20px rgba(255,0,255,.2),inset 0 0 10px rgba(255,0,255,.1);color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f}.about .social-links .social-link:nth-child(3){color:lime;border-color:lime;box-shadow:0 0 5px rgba(0,255,0,.5),0 0 10px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1)}.about .social-links .social-link:nth-child(3):hover{box-shadow:0 0 10px rgba(0,255,0,.5),0 0 20px rgba(0,255,0,.2),inset 0 0 10px rgba(0,255,0,.1);color:lime;text-shadow:0 0 5px lime,0 0 10px lime}@media(max-width:768px){.about .about-content{flex-direction:column}.about .about-image{width:60%;margin:0 auto 30px}}.skills{background-color:#0c0c0c;position:relative;z-index:1;padding:80px 0}.skills .container{max-width:1200px;margin:0 auto;padding:0 20px}.skills h2{text-align:center;margin-bottom:50px;font-size:32px;color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua;text-transform:uppercase;letter-spacing:3px}.skills .skill-category{margin-bottom:40px}.skills .skill-category h3{margin-bottom:20px;font-size:24px;color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f;border-bottom:2px solid rgba(255,0,255,.3);padding-bottom:10px}.skills .skills-grid{display:flex;flex-wrap:wrap;gap:30px}.skills .skills-grid .skill-card{flex:1 1 300px;min-width:300px;max-width:calc(50% - 15px);background:rgba(25,25,25,.7);border-radius:10px;padding:25px;transition:transform .3s;border:1px solid aqua;box-shadow:0 0 5px rgba(0,255,255,.5),0 0 10px rgba(0,255,255,.2),inset 0 0 5px rgba(0,255,255,.1)}.skills .skills-grid .skill-card:hover{transform:translateY(-5px);box-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.2),inset 0 0 10px rgba(0,255,255,.1)}.skills .skills-grid .skill-card .skill-icon{font-size:40px;margin-bottom:15px;color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua}.skills .skills-grid .skill-card .skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.skills .skills-grid .skill-card .skill-header h4{font-size:18px;margin:0;color:aqua}.skills .skills-grid .skill-card .skill-header .experience{font-size:14px;color:hsla(0,0%,100%,.7)}.skills .skills-grid .skill-card .skill-level{margin-top:10px}.skills .skills-grid .skill-card .skill-level .progress-bar{height:10px;background-color:hsla(0,0%,100%,.1);border-radius:5px;overflow:hidden;margin-bottom:8px;border:1px solid rgba(0,255,255,.3)}.skills .skills-grid .skill-card .skill-level .progress{height:100%;background:linear-gradient(90deg,#0ff,rgba(0,255,255,.5));box-shadow:0 0 10px aqua}.skills .skills-grid .skill-card .skill-level .level-text{font-size:12px;color:hsla(0,0%,100%,.7)}.skills .skill-category:nth-child(3) .skill-card{border-color:lime;box-shadow:0 0 5px rgba(0,255,0,.5),0 0 10px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1)}.skills .skill-category:nth-child(3) .skill-card:hover{box-shadow:0 0 10px rgba(0,255,0,.5),0 0 20px rgba(0,255,0,.2),inset 0 0 10px rgba(0,255,0,.1)}.skills .skill-category:nth-child(3) .skill-card .skill-icon{color:lime;text-shadow:0 0 5px lime,0 0 10px lime}.skills .skill-category:nth-child(3) .skill-card h4{color:lime}.skills .skill-category:nth-child(3) .skill-card .progress-bar{border-color:rgba(0,255,0,.3)}.skills .skill-category:nth-child(3) .skill-card .progress{background:linear-gradient(90deg,#0f0,rgba(0,255,0,.5));box-shadow:0 0 10px lime}@media(max-width:768px){.skills .skills-grid .skill-card{min-width:100%;max-width:100%}}.skills .responsive-image{max-width:100%;height:auto;display:block;margin:20px auto 0;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.3)}@media(max-width:768px){.skills .responsive-image{margin:15px auto 0}}@media(max-width:480px){.skills .responsive-image{margin:10px auto 0;border-radius:4px}}.demoapps{background-color:#0c0c0c;position:relative;z-index:1;padding:80px 0}.demoapps .container{max-width:1200px;margin:0 auto;padding:0 20px}.demoapps h2{text-align:center;margin-bottom:50px;font-size:32px;color:#ff0;text-shadow:0 0 5px #ff0,0 0 10px #ff0;text-transform:uppercase;letter-spacing:3px}.demoapps .demoapps-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.demoapps .demoapps-grid .demoapp-card{flex:1 1 350px;min-width:350px;max-width:calc(50% - 20px);background:rgba(25,25,25,.7);border-radius:10px;overflow:hidden;border:1px solid #ff0;transition:transform .3s;box-shadow:0 0 5px rgba(255,255,0,.5),0 0 10px rgba(255,255,0,.2),inset 0 0 5px rgba(255,255,0,.1)}.demoapps .demoapps-grid .demoapp-card:hover{transform:translateY(-5px);box-shadow:0 0 10px rgba(255,255,0,.5),0 0 20px rgba(255,255,0,.2),inset 0 0 10px rgba(255,255,0,.1)}.demoapps .demoapps-grid .demoapp-card .project-image{width:100%;height:200px;background:rgba(32,32,32,.5);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,0,.3)}.demoapps .demoapps-grid .demoapp-card .project-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;display:block}.demoapps .demoapps-grid .demoapp-card .project-content{padding:25px}.demoapps .demoapps-grid .demoapp-card .project-content h3{margin-bottom:15px;font-size:22px;color:#ff0;text-shadow:0 0 5px #ff0,0 0 10px #ff0}.demoapps .demoapps-grid .demoapp-card .project-content p{color:#fff;margin-bottom:15px;line-height:1.6}.demoapps .demoapps-grid .demoapp-card .project-content .project-tags{display:flex;flex-wrap:wrap;margin-bottom:20px}.demoapps .demoapps-grid .demoapp-card .project-content .project-tags .tag{background-color:rgba(255,255,0,.1);color:#ff0;padding:5px 10px;border-radius:4px;margin-right:8px;margin-bottom:8px;font-size:14px;border:1px solid rgba(255,255,0,.3)}.demoapps .demoapps-grid .demoapp-card .project-content .project-links{display:flex;gap:10px}.demoapps .demoapps-grid .demoapp-card .project-content .project-links .btn{display:inline-block;padding:8px 20px;background-color:transparent;color:#ff0;text-decoration:none;border-radius:5px;font-weight:500;transition:all .3s ease;border:1px solid #ff0;box-shadow:0 0 3px rgba(255,255,0,.5),0 0 6px rgba(255,255,0,.2),inset 0 0 3px rgba(255,255,0,.1)}.demoapps .demoapps-grid .demoapp-card .project-content .project-links .btn:hover{background-color:rgba(255,255,0,.1);box-shadow:0 0 8px rgba(255,255,0,.5),0 0 16px rgba(255,255,0,.2),inset 0 0 8px rgba(255,255,0,.1);color:#ff0;text-shadow:0 0 5px #ff0,0 0 10px #ff0}.demoapps .demoapps-grid .demoapp-card .project-content .project-links .btn-outline{background-color:transparent;border:1px solid #f0f;color:#f0f;box-shadow:0 0 3px rgba(255,0,255,.5),0 0 6px rgba(255,0,255,.2),inset 0 0 3px rgba(255,0,255,.1)}.demoapps .demoapps-grid .demoapp-card .project-content .project-links .btn-outline:hover{background-color:rgba(255,0,255,.1);box-shadow:0 0 8px rgba(255,0,255,.5),0 0 16px rgba(255,0,255,.2),inset 0 0 8px rgba(255,0,255,.1);color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f}@media(max-width:768px){.demoapps .demoapps-grid .demoapp-card{min-width:100%;max-width:100%}}.contact{background-color:#0c0c0c;position:relative;z-index:1;padding:80px 0}.contact .container{max-width:1200px;margin:0 auto;padding:0 20px}.contact h2{text-align:center;margin-bottom:50px;font-size:32px;color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f;text-transform:uppercase;letter-spacing:3px}.contact .contact-content{display:flex;gap:40px}.contact .contact-content .contact-info{flex:1;padding:30px;background-color:rgba(25,25,25,.7);border-radius:10px;border:1px solid #f0f;box-shadow:0 0 5px rgba(255,0,255,.5),0 0 10px rgba(255,0,255,.2),inset 0 0 5px rgba(255,0,255,.1)}.contact .contact-content .contact-info h3{margin-bottom:25px;font-size:22px;color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f}.contact .contact-content .contact-info .info-item{display:flex;align-items:center;margin-bottom:20px;font-size:1rem}.contact .contact-content .contact-info .info-item i{margin-right:15px;font-size:1.2rem;color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f}.contact .contact-content .contact-info .info-item span{color:#fff}.contact .contact-content .contact-info .social-links{display:flex;gap:15px;margin-top:30px}.contact .contact-content .contact-info .social-links .social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:rgba(38,38,38,.3);border:1px solid aqua;color:aqua;font-size:1.2rem;transition:all .3s ease;box-shadow:0 0 5px rgba(0,255,255,.5),0 0 10px rgba(0,255,255,.2),inset 0 0 5px rgba(0,255,255,.1)}.contact .contact-content .contact-info .social-links .social-link:hover{box-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.2),inset 0 0 10px rgba(0,255,255,.1);color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua;transform:translateY(-3px)}.contact .contact-content .contact-info .social-links .social-link:nth-child(2){color:#f0f;border-color:#f0f;box-shadow:0 0 5px rgba(255,0,255,.5),0 0 10px rgba(255,0,255,.2),inset 0 0 5px rgba(255,0,255,.1)}.contact .contact-content .contact-info .social-links .social-link:nth-child(2):hover{box-shadow:0 0 10px rgba(255,0,255,.5),0 0 20px rgba(255,0,255,.2),inset 0 0 10px rgba(255,0,255,.1);color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f}.contact .contact-content .contact-info .social-links .social-link:nth-child(3){color:lime;border-color:lime;box-shadow:0 0 5px rgba(0,255,0,.5),0 0 10px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1)}.contact .contact-content .contact-info .social-links .social-link:nth-child(3):hover{box-shadow:0 0 10px rgba(0,255,0,.5),0 0 20px rgba(0,255,0,.2),inset 0 0 10px rgba(0,255,0,.1);color:lime;text-shadow:0 0 5px lime,0 0 10px lime}.contact .contact-content .contact-form{flex:2;padding:30px;background-color:rgba(25,25,25,.7);border-radius:10px;border:1px solid aqua;box-shadow:0 0 5px rgba(0,255,255,.5),0 0 10px rgba(0,255,255,.2),inset 0 0 5px rgba(0,255,255,.1)}.contact .contact-content .contact-form .form-group{margin-bottom:20px}.contact .contact-content .contact-form .form-group label{display:block;margin-bottom:8px;font-weight:500;color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua}.contact .contact-content .contact-form .form-group input,.contact .contact-content .contact-form .form-group textarea{width:100%;padding:12px;background-color:rgba(38,38,38,.3);border:1px solid aqua;border-radius:5px;font-size:1rem;color:#fff;transition:all .3s ease}.contact .contact-content .contact-form .form-group input:focus,.contact .contact-content .contact-form .form-group textarea:focus{outline:none;box-shadow:0 0 8px rgba(0,255,255,.5),0 0 16px rgba(0,255,255,.2),inset 0 0 8px rgba(0,255,255,.1)}.contact .contact-content .contact-form .form-group input::-moz-placeholder,.contact .contact-content .contact-form .form-group textarea::-moz-placeholder{color:hsla(0,0%,100%,.5)}.contact .contact-content .contact-form .form-group input::placeholder,.contact .contact-content .contact-form .form-group textarea::placeholder{color:hsla(0,0%,100%,.5)}.contact .contact-content .contact-form .submit-btn{display:inline-block;padding:12px 30px;background-color:transparent;color:aqua;border:1px solid aqua;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 5px rgba(0,255,255,.5),0 0 10px rgba(0,255,255,.2),inset 0 0 5px rgba(0,255,255,.1)}.contact .contact-content .contact-form .submit-btn:hover{background-color:rgba(0,255,255,.1);box-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.2),inset 0 0 10px rgba(0,255,255,.1);color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua;transform:translateY(-3px)}@media(max-width:768px){.contact .contact-content{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;width:100vw}body,html{height:100%;margin:0;padding:0}.custom-div-icon{background:transparent!important;border:none!important}.refresh-button{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-color:#fff;border:2px solid #ccc;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:1000;transition:all .3s ease}.refresh-button:hover{background-color:#f0f0f0;transform:scale(1.1)}.refresh-button:active{transform:scale(.95)}.refresh-button svg{color:#333;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#0c0c0c;font-family:Orbitron,sans-serif;color:#fff;overflow:hidden;position:relative}body:before{content:"";background:linear-gradient(45deg,#000,#0a0a0a);opacity:.8}.grid-overlay,body:before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.grid-overlay{background-image:linear-gradient(rgba(0,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,255,.05) 1px,transparent 0);background-size:30px 30px;perspective:1000px;transform-style:preserve-3d;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{background-position:0 0}to{background-position:30px 30px}}.container{display:flex;flex-direction:column;gap:50px;align-items:center;z-index:1}.button-container{position:relative;width:200px;height:60px;perspective:800px}.cyber-button{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:transparent;color:aqua;font-size:18px;text-transform:uppercase;letter-spacing:2px;border:2px solid aqua;border-radius:5px;cursor:pointer;overflow:hidden;transition:all .3s ease;text-decoration:none;box-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.2),inset 0 0 10px rgba(0,255,255,.1)}.cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.4),transparent);transition:.5s}.cyber-button:hover{background-color:rgba(0,255,255,.1);box-shadow:0 0 15px rgba(0,255,255,.5),0 0 30px rgba(0,255,255,.2),inset 0 0 15px rgba(0,255,255,.1);color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua;transform:translateY(-3px)}.cyber-button:hover:before{left:100%}.follow-button .cyber-button{color:#f0f;border-color:#f0f;box-shadow:0 0 10px rgba(255,0,255,.5),0 0 20px rgba(255,0,255,.2),inset 0 0 10px rgba(255,0,255,.1)}.follow-button .cyber-button:before{background:linear-gradient(90deg,transparent,rgba(255,0,255,.4),transparent)}.follow-button .cyber-button:hover{background-color:rgba(255,0,255,.1);box-shadow:0 0 15px rgba(255,0,255,.5),0 0 30px rgba(255,0,255,.2),inset 0 0 15px rgba(255,0,255,.1);color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f}.like-button .cyber-button{color:lime;border-color:lime;box-shadow:0 0 10px rgba(0,255,0,.5),0 0 20px rgba(0,255,0,.2),inset 0 0 10px rgba(0,255,0,.1)}.like-button .cyber-button:before{background:linear-gradient(90deg,transparent,rgba(0,255,0,.4),transparent)}.like-button .cyber-button:hover{background-color:rgba(0,255,0,.1);box-shadow:0 0 15px rgba(0,255,0,.5),0 0 30px rgba(0,255,0,.2),inset 0 0 15px rgba(0,255,0,.1);color:lime;text-shadow:0 0 5px lime,0 0 10px lime}.save-button .cyber-button{color:#ff0;border-color:#ff0;box-shadow:0 0 10px rgba(255,255,0,.5),0 0 20px rgba(255,255,0,.2),inset 0 0 10px rgba(255,255,0,.1)}.save-button .cyber-button:before{background:linear-gradient(90deg,transparent,rgba(255,255,0,.4),transparent)}.save-button .cyber-button:hover{background-color:rgba(255,255,0,.1);box-shadow:0 0 15px rgba(255,255,0,.5),0 0 30px rgba(255,255,0,.2),inset 0 0 15px rgba(255,255,0,.1);color:#ff0;text-shadow:0 0 5px #ff0,0 0 10px #ff0}.glitch{position:relative;text-shadow:.05em 0 0 rgba(255,0,255,.75),-.05em -.025em 0 rgba(0,255,255,.75),.025em .05em 0 rgba(0,255,0,.75);animation:glitch .5s infinite}@keyframes glitch{0%{text-shadow:.05em 0 0 rgba(255,0,255,.75),-.05em -.025em 0 rgba(0,255,255,.75),.025em .05em 0 rgba(0,255,0,.75)}14%{text-shadow:.05em 0 0 rgba(255,0,255,.75),-.05em -.025em 0 rgba(0,255,255,.75),.025em .05em 0 rgba(0,255,0,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,0,255,.75),.025em .025em 0 rgba(0,255,255,.75),-.05em -.05em 0 rgba(0,255,0,.75)}49%{text-shadow:-.05em -.025em 0 rgba(255,0,255,.75),.025em .025em 0 rgba(0,255,255,.75),-.05em -.05em 0 rgba(0,255,0,.75)}50%{text-shadow:.025em .05em 0 rgba(255,0,255,.75),.05em 0 0 rgba(0,255,255,.75),0 -.05em 0 rgba(0,255,0,.75)}99%{text-shadow:.025em .05em 0 rgba(255,0,255,.75),.05em 0 0 rgba(0,255,255,.75),0 -.05em 0 rgba(0,255,0,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,255,.75),-.025em -.025em 0 rgba(0,255,255,.75),-.025em -.05em 0 rgba(0,255,0,.75)}}.header{position:fixed;top:0;left:0;width:100%;background-color:hsla(0,0%,5%,.8);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid rgba(0,255,255,.3);box-shadow:0 0 5px rgba(0,255,255,.5),0 0 10px rgba(0,255,255,.2),inset 0 0 5px rgba(0,255,255,.1)}.header .container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:center;align-items:flex-end;height:70px}.header nav ul{display:flex;list-style:none;gap:30px;margin:0;padding:0 0 15px 0}.header nav ul li a{text-decoration:none;color:#fff;font-weight:500;transition:all .3s ease;position:relative;text-transform:uppercase;letter-spacing:1px;padding:5px 0}.header nav ul li a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:aqua;transition:width .3s ease;box-shadow:0 0 5px aqua}.header nav ul li a.router-link-active,.header nav ul li a:hover{color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua}.header nav ul li a.router-link-active:after,.header nav ul li a:hover:after{width:100%}section{position:relative;padding:100px 0}section h2{text-align:center;margin-bottom:50px;font-size:32px;color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua;text-transform:uppercase;letter-spacing:3px}.cyber-card{background-color:rgba(25,25,25,.7);border:1px solid aqua;border-radius:5px;padding:25px;transition:all .3s ease;box-shadow:0 0 5px rgba(0,255,255,.5),0 0 10px rgba(0,255,255,.2),inset 0 0 5px rgba(0,255,255,.1)}.cyber-card:hover{transform:translateY(-5px);box-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.2),inset 0 0 10px rgba(0,255,255,.1)}@media(max-width:768px){.button-container{width:180px;height:50px}.cyber-button{font-size:16px}section{padding:60px 0}}.privacy-policy{margin-top:128px;padding:2rem 1.5rem;background:#0c0c0c;color:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.18);max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:80px;padding-bottom:2rem;font-family:Segoe UI,Meiryo,sans-serif;font-size:1.08rem;line-height:1.7;transition:box-shadow .2s;position:relative;z-index:1;border:1px solid aqua;box-shadow:0 0 3px rgba(0,255,255,.5),0 0 6px rgba(0,255,255,.2),inset 0 0 3px rgba(0,255,255,.1)}.privacy-policy:hover{box-shadow:0 0 5px rgba(0,255,255,.5),0 0 10px rgba(0,255,255,.2),inset 0 0 5px rgba(0,255,255,.1)}.privacy-policy h1{color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua;font-size:2.1rem;margin-top:0;margin-bottom:1.2rem;font-weight:700;letter-spacing:.02em;text-align:center;text-transform:uppercase}.privacy-policy h2{color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #f0f;font-size:1.3rem;margin-top:2rem;margin-bottom:.8rem;font-weight:600;border-left:4px solid #f0f;padding-left:.6rem;background:rgba(255,0,255,.04)}.privacy-policy h3{color:lime;text-shadow:0 0 5px lime,0 0 10px lime;font-size:1.08rem;margin-top:1.2rem;margin-bottom:.5rem;font-weight:500}.privacy-policy ul{margin-left:1.2rem;margin-bottom:1.2rem;padding-left:1.2rem}.privacy-policy ul li{margin-bottom:.4rem;position:relative}.privacy-policy ul li:before{content:">";position:absolute;left:-1.2rem;color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua}.privacy-policy p{margin-bottom:1.1rem}.privacy-policy strong{color:lime;text-shadow:0 0 5px lime,0 0 10px lime}.privacy-policy a{text-decoration:none;position:relative}.privacy-policy a,.privacy-policy a:hover{color:aqua;text-shadow:0 0 5px aqua,0 0 10px aqua}.privacy-policy a:hover{text-decoration:underline}.privacy-policy a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:aqua;box-shadow:0 0 7px rgba(0,255,255,.5),0 0 14px rgba(0,255,255,.2),inset 0 0 7px rgba(0,255,255,.1);transform:scaleX(0);transition:transform .3s ease}.privacy-policy a:hover:after{transform:scaleX(1)}@media(max-width:600px){.privacy-policy{padding:1.2rem .5rem;font-size:.97rem;border-radius:7px;margin-top:48px;margin-bottom:100px;padding-bottom:3rem;box-shadow:0 2px 10px rgba(0,0,0,.13)}.privacy-policy h1{font-size:1.3rem;margin-bottom:.8rem}.privacy-policy h2{font-size:1.05rem;padding-left:.4rem}.privacy-policy h3{font-size:.98rem}}