body{font-family:Orbitron,sans-serif}body{margin:0;padding:0;min-height:100vh;background-color:#0f0f0f;background-image:radial-gradient(circle,#00fff7 .3px,transparent .3px);background-size:20px 20px;background-attachment:fixed;color:#fff;overflow-x:hidden;overflow-y:auto;position:relative;z-index:0}.glow-pattern:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(0,255,247,.1) 0%,transparent 70%);pointer-events:none;z-index:1}.main-content{min-height:100vh;display:flex;flex-direction:column;position:relative;padding-top:100px}.page-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:20px;min-height:calc(100vh - 100px)}.navbar{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:30px;background:linear-gradient(145deg,#00fff726,#00fff714);padding:10px 30px;border-radius:20px;border:2px solid rgba(0,255,247,.7);box-shadow:0 0 25px #00fff7cc,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:4}.navbar-item{color:#fff;cursor:pointer;font-weight:500;padding:6px 12px;border-radius:8px;transition:all .3s ease}.navbar-item:hover{color:#00fff7;text-shadow:0 0 12px rgba(0,255,247,.8);background:#00fff726}.hamburger-menu{display:none;position:absolute;top:60px;left:20px;z-index:5;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:40px;height:35px;background-color:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:10px;box-shadow:0 0 15px #00fff799;transition:transform .3s ease;padding:6px}.hamburger-menu span{display:block;width:24px;height:3px;background-color:#00fff7;border-radius:2px;margin:2px 0;box-shadow:0 0 5px #00fff7,0 0 10px #0ff;visibility:visible;opacity:.7;border:1px solid rgba(255,255,255,.3);transition:all .4s ease}.hamburger-menu span:last-child{margin-bottom:0;box-shadow:0 0 5px #00fff7}.hamburger-menu:hover{transform:scale(1.1)}.mobile-menu{position:fixed;top:120px;left:20px;width:280px;max-width:calc(100vw - 40px);background:linear-gradient(145deg,#00fff740,#00fff726);border:2px solid rgba(0,255,247,.8);border-radius:15px;box-shadow:0 0 30px #00fff799,0 8px 32px #000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;display:flex;gap:20px;padding:20px;z-index:1001;transition:all .5s ease}.mobile-menu a{color:#00fff7;text-decoration:none;font-size:1.2em;font-weight:700;text-shadow:0 0 10px rgba(0,255,247,.8);transition:all .3s ease;padding:8px 12px;border-radius:8px}.mobile-menu a:hover{color:#fff;text-shadow:0 0 15px rgba(255,255,255,.9);background:#00fff733}@media(max-width:768px){.navbar{display:none}.hamburger-menu{display:flex}}@media(max-width:480px){.mobile-menu{width:260px;max-width:calc(100vw - 30px);left:15px;padding:18px}.mobile-menu a{font-size:1em}.hamburger-menu{width:35px;height:30px}}.arrow{position:absolute;top:50%;transform:translateY(-50%);color:#00fff7;font-size:3em;cursor:pointer;text-shadow:0 0 10px #00fff7,0 0 20px #00fff7;transition:transform .3s,text-shadow .3s;z-index:3}.arrow:hover{transform:translateY(-50%) scale(1.2);text-shadow:0 0 20px #00fff7,0 0 40px #00fff7}.arrow.left{left:20px}.arrow.right{right:20px}@keyframes bounce{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-10px)}}.arrow.left:hover{animation:bounce 1s infinite}@keyframes bounce-right{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(10px)}}.arrow.right:hover{animation:bounce-right 1s infinite}.content-container{position:relative;padding:40px;max-width:500px;text-align:center;margin:20px auto;background:linear-gradient(145deg,#00fff71f,#00fff70f);border:2px solid rgba(0,255,247,.7);box-shadow:0 0 30px #00fff7cc,inset 0 1px #ffffff1a,0 8px 32px #0006;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:transform .6s ease,box-shadow .6s ease;z-index:2}.content-container:hover{transform:translateY(-15px);box-shadow:0 0 40px #00fff7e6,inset 0 1px #ffffff26,0 12px 40px #00000080;border-color:#00fff7e6}.content-container h1{margin:0;font-size:2.2em;color:#00fff7;text-shadow:0 0 25px rgba(0,255,247,.9);font-weight:700;animation:pulse 2s infinite}.content-container p{margin-top:20px;font-size:1.2em;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5)}@keyframes pulse{0%{text-shadow:0 0 10px #00fff7}50%{text-shadow:0 0 30px #00fff7}to{text-shadow:0 0 10px #00fff7}}body:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-radial-gradient(circle,#00fff7 1px,transparent 4px),linear-gradient(45deg,transparent 45%,rgba(0,255,247,.2) 50%,transparent 55%),linear-gradient(-45deg,transparent 45%,rgba(0,255,247,.2) 50%,transparent 55%);background-size:25px 25px,100px 100px,100px 100px;z-index:1;opacity:.4;mask-image:radial-gradient(circle,rgba(0,255,247,.6) 10%,transparent 80%);-webkit-mask-image:radial-gradient(circle,rgba(0,255,247,.6) 10%,transparent 80%)}.mobile-menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;transition:all .3s ease}@media(max-width:768px){.main-content{padding-top:120px}.page-content{padding:10px;min-height:calc(100vh - 120px)}body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}}.contact-form-container{position:relative;padding:22px;max-width:480px;text-align:center;margin:20px auto 15px;background:linear-gradient(145deg,#00fff71f,#00fff70f);border:2px solid rgba(0,255,247,.7);box-shadow:0 0 28px #00fff7cc,inset 0 1px #ffffff1a,0 8px 32px #0006;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:transform .3s ease,box-shadow .3s ease;z-index:2}.contact-form-container:hover{transform:translateY(-2px);box-shadow:0 0 35px #00fff7e6,inset 0 1px #ffffff26,0 12px 40px #00000080;border-color:#00fff7e6}.contact-form-container h1{margin:0 0 6px;font-size:1.85em;color:#00fff7;text-shadow:0 0 30px rgba(0,255,247,.9);font-weight:700;animation:pulse 3s ease-in-out infinite}.contact-form-container p{margin:0 0 12px;font-size:.98em;color:#fff;line-height:1.3;text-shadow:0 0 8px rgba(255,255,255,.4)}.divider{width:80%;height:2px;margin:0 auto 15px;background:linear-gradient(90deg,transparent,#00fff7,transparent);border-radius:1px;box-shadow:0 0 10px #00fff799;position:relative}.contact-form{display:flex;flex-direction:column;gap:12px;text-align:left}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#00fff7;font-size:1.05em;font-weight:600;text-shadow:0 0 10px rgba(0,255,247,.6);margin-left:5px}.form-group input,.form-group textarea{background:#0009;border:2px solid rgba(0,255,247,.3);border-radius:12px;padding:12px 15px;color:#e0f7fa;font-size:1em;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 2px 4px #0000004d}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00fff7b3;box-shadow:0 0 15px #00fff766,inset 0 2px 4px #0000004d;background:#000c}.form-group input::placeholder,.form-group textarea::placeholder{color:#e0f7fa80;transition:color .3s ease}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{color:#00fff799}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.submit-btn{background:linear-gradient(135deg,#00fff733,#00fff71a);border:2px solid rgba(0,255,247,.5);border-radius:15px;padding:15px 30px;color:#00fff7;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;text-shadow:0 0 10px rgba(0,255,247,.6);box-shadow:0 0 15px #00fff74d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-top:10px}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#00fff74d,#00fff726);border-color:#00fff7b3;box-shadow:0 0 25px #00fff780;transform:translateY(-3px);text-shadow:0 0 15px rgba(0,255,247,.8)}.submit-btn:active{transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.status-message{padding:15px;border-radius:10px;text-align:center;font-weight:600;animation:slideIn .3s ease-out}.status-message.success{background:#00ff001a;border:2px solid rgba(0,255,0,.4);color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.6);box-shadow:0 0 15px #00ff004d}.status-message.error{background:#ff00001a;border:2px solid rgba(255,0,0,.4);color:#f44;text-shadow:0 0 10px rgba(255,0,0,.6);box-shadow:0 0 15px #ff00004d}.contact-links{margin-top:12px;text-align:center}.connect-text{margin:12px 0 10px;font-size:.95em;color:#b3e5fc;text-shadow:0 0 8px rgba(179,229,252,.4)}.social-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;background:#00fff714;border:2px solid rgba(0,255,247,.3);border-radius:10px;color:#00fff7;text-decoration:none;font-weight:600;font-size:.9em;transition:all .3s ease;text-shadow:0 0 10px rgba(0,255,247,.5);box-shadow:0 0 10px #00fff733}.social-link:hover{background:#00fff726;border-color:#00fff799;box-shadow:0 0 20px #00fff766;transform:translateY(-2px);text-shadow:0 0 15px rgba(0,255,247,.8)}.social-link.linkedin:hover{border-color:#0077b5cc;box-shadow:0 0 20px #0077b566;color:#0077b5;text-shadow:0 0 15px rgba(0,119,181,.6)}.link-icon{font-size:1.2em;filter:drop-shadow(0 0 5px rgba(0,255,247,.6))}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.contact-form-container{margin:20px;padding:30px 25px;max-width:calc(100% - 40px)}.contact-header h1{font-size:2em}.contact-header p{font-size:1.05em}.contact-header{margin-bottom:25px}.form-group input,.form-group textarea{padding:12px 15px}.submit-btn{padding:12px 25px;font-size:1em}.contact-form{gap:18px}}@media(max-width:480px){.contact-form-container{margin:15px;padding:25px 20px}.contact-header h1{font-size:1.8em;margin-bottom:12px}.contact-header p{font-size:1em;margin-bottom:20px}.contact-header{margin-bottom:20px}.divider{width:70%}.form-group{gap:6px}.contact-form{gap:16px}.form-group label{font-size:1em}}.projects-container{position:relative;padding:18px;max-width:550px;text-align:center;margin:20px auto 12px;background:linear-gradient(145deg,#00fff71f,#00fff70f);border:2px solid rgba(0,255,247,.7);box-shadow:0 0 28px #00fff7cc,inset 0 1px #ffffff1a,0 8px 32px #0006;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:transform .3s ease,box-shadow .3s ease;z-index:2}.projects-container:hover{transform:translateY(-2px);box-shadow:0 0 35px #00fff7e6,inset 0 1px #ffffff26,0 12px 40px #00000080;border-color:#00fff7e6}.projects-container h1{margin:0 0 6px;font-size:1.8em;color:#00fff7;text-shadow:0 0 30px rgba(0,255,247,.9);font-weight:700;animation:pulse 3s ease-in-out infinite}.projects-container p{margin:0 0 12px;font-size:.95em;color:#fff;line-height:1.3;text-shadow:0 0 8px rgba(255,255,255,.4)}.divider{width:80%;height:2px;margin:0 auto 18px;background:linear-gradient(90deg,transparent,#00fff7,transparent);border-radius:1px;box-shadow:0 0 10px #00fff799;position:relative}.divider:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#00fff7;border-radius:50%;box-shadow:0 0 15px #00fff7cc}.projects-grid{display:grid;grid-template-columns:1fr;gap:12px;text-align:left}.project-card{background:#0006;border:2px solid rgba(0,255,247,.2);border-radius:15px;padding:18px;transition:all .3s ease;position:relative;overflow:hidden}.project-card:hover{border-color:#00fff780;box-shadow:0 0 20px #00fff74d;transform:translateY(-2px)}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,247,.1),transparent);transition:left .6s ease}.project-card:hover:before{left:100%}.project-icon{font-size:2.2em;margin-bottom:10px;display:block;text-align:center;filter:drop-shadow(0 0 10px rgba(0,255,247,.6))}.project-logo{width:60px;height:60px;object-fit:contain;border-radius:10px;filter:drop-shadow(0 0 12px rgba(0,255,247,.4));transition:all .3s ease}.project-logo:hover{filter:drop-shadow(0 0 18px rgba(0,255,247,.6));transform:scale(1.05)}.app-icon{background:linear-gradient(135deg,#00fff7,#0077b5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.music-icon{background:linear-gradient(135deg,#00fff7,#ff4081);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-card h2{margin:0 0 12px;font-size:1.4em;color:#00fff7;text-shadow:0 0 15px rgba(0,255,247,.6);font-weight:600}.project-card p{margin:0 0 20px;color:#b3e5fc;line-height:1.5;font-size:.95em;text-shadow:0 0 8px rgba(179,229,252,.3)}.project-link{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#00fff71a,#00fff70d);border:2px solid rgba(0,255,247,.4);border-radius:10px;color:#00fff7;text-decoration:none;font-weight:600;font-size:.9em;transition:all .3s ease;text-shadow:0 0 10px rgba(0,255,247,.5);box-shadow:0 0 10px #00fff733}.project-link:hover{background:linear-gradient(135deg,#00fff733,#00fff71a);border-color:#00fff7b3;box-shadow:0 0 20px #00fff766;transform:translateY(-1px);text-shadow:0 0 15px rgba(0,255,247,.8)}.link-arrow{transition:transform .3s ease;font-weight:700}.project-link:hover .link-arrow{transform:translate(3px)}@keyframes pulse{0%,to{text-shadow:0 0 15px rgba(0,255,247,.6)}50%{text-shadow:0 0 35px rgba(0,255,247,.9),0 0 50px rgba(0,255,247,.5)}}@media(max-width:768px){.projects-container{margin:15px;padding:20px;max-width:calc(100% - 30px)}.project-card{padding:20px}.project-icon{font-size:2.5em;margin-bottom:12px}.project-card h2{font-size:1.3em}.projects-grid{gap:15px}}@media(max-width:480px){.projects-container{margin:10px;padding:18px}.projects-container h1{font-size:1.7em}.project-card{padding:18px}.project-icon{font-size:2.2em}.project-card h2{font-size:1.2em}.project-link{padding:8px 15px;font-size:.85em}}