body{font-family:'Arial',sans-serif;margin:0;background:#000}.container{display:flex;width:100%;min-height:100vh}.left-panel{width:55%;background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:flex-start;position:relative;box-sizing:border-box}.left-panel::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgb(0 255 136 / .1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgb(255 107 107 / .1) 0%,transparent 50%);pointer-events:none;z-index:1}.left-panel>*{position:relative;z-index:2}.right-panel{width:45%;background:linear-gradient(135deg,#adff2f 0%,#32cd32 100%);display:flex;align-items:center;justify-content:center;position:sticky;top:0;height:100vh;box-sizing:border-box}.right-panel::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgb(0 0 0 / .1) 10px,rgb(0 0 0 / .1) 20px);animation:movePattern 20s linear infinite}@keyframes movePattern{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.right-panel img{max-width:80%;height:auto;border-radius:15px;box-shadow:0 20px 40px rgb(0 0 0 / .3);position:relative;z-index:3;filter:brightness(1.1) contrast(1.1)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.logo{font-size:28px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all 0.3s ease}.logo:hover{color:#0f8;text-shadow:0 0 20px rgb(0 255 136 / .5)}nav{display:flex;gap:40px;align-items:center}nav a{color:#ccc;text-decoration:none;font-weight:600;letter-spacing:1.5px;font-size:14px;position:relative;padding:10px 20px;border-radius:25px;transition:all 0.4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .1);white-space:nowrap}nav a::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#00ff88,#ff6b6b,#4ecdc4);border-radius:25px;opacity:0;transition:opacity 0.4s ease;z-index:-1}nav a::after{content:'';position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#1a1a1a;border-radius:23px;opacity:0;transition:opacity 0.4s ease;z-index:-1}nav a:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 25px rgb(0 255 136 / .3),0 0 50px rgb(0 255 136 / .1)}nav a:hover::before{opacity:1}nav a:hover::after{opacity:1}nav a.active{color:#0f8}.content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;margin-top:20px}h1{font-size:72px;margin:0;font-weight:900;background:linear-gradient(45deg,#fff,#00ff88,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;animation:textGlow 3s ease-in-out infinite;text-shadow:0 0 30px rgb(255 255 255 / .1);white-space:nowrap}@keyframes textGlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.animated-text-container{font-size:42px;background:linear-gradient(135deg,#adff2f,#32cd32);color:#000;padding:10px 20px;display:inline-block;margin-top:20px;font-weight:700;border-radius:8px;box-shadow:0 0 20px rgb(173 255 47 / .3),inset 0 0 20px rgb(255 255 255 / .1);position:relative;overflow:hidden}.animated-text-container::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);animation:shine 2s infinite}@keyframes shine{0%{left:-100%}100%{left:100%}}.cursor{animation:blink 0.7s infinite;color:red;font-weight:700}@keyframes blink{50%{opacity:0}}.btn-download{color:#fff;text-decoration:none;border:2px solid #0f8;padding:15px 25px;margin-top:40px;display:inline-block;width:200px;text-align:center;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(45deg,transparent,rgb(0 255 136 / .1));transition:all 0.3s ease;position:relative;overflow:hidden}.btn-download::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(0 255 136 / .2),transparent);transition:left 0.5s ease}.btn-download:hover::before{left:100%}.btn-download:hover{background:rgb(0 255 136 / .1);box-shadow:0 0 20px rgb(0 255 136 / .3),inset 0 0 20px rgb(0 255 136 / .1);transform:translateY(-2px);color:#0f8}.page-content{margin-top:50px;padding-bottom:50px}.page-content h2{font-size:32px;color:#0f8;border-bottom:2px solid #0f8;padding-bottom:10px;margin-bottom:30px;letter-spacing:1.5px}.item{margin-bottom:35px;border-left:3px solid #32cd32;padding-left:20px;transition:all 0.3s ease}.item:hover{background-color:rgb(4 31 13 / .2);border-left-color:#0f8}.item h3,.skill-category h3{font-size:22px;margin:0 0 5px 0;color:#fff;white-space:nowrap}.item-meta{font-size:14px;color:#ccc;margin-bottom:15px;font-style:italic}.item ul{list-style-type:none;padding-left:0;margin:0}.item li{font-size:16px;color:#ccc;line-height:1.6;margin-bottom:10px;padding-left:20px;position:relative}.item li::before{content:'»';position:absolute;left:0;color:#0f8;font-weight:700}.skills-container{display:flex;flex-wrap:wrap;gap:30px}.skill-category{flex:1;min-width:250px}.skill-category ul{list-style:none;padding:0}.skill-category li{background-color:rgb(255 255 255 / .05);padding:10px;border-radius:5px;margin-bottom:8px;color:#ccc;border-left:2px solid #0f8}.contact-list{list-style:none;padding:0}.contact-item{margin-bottom:20px;font-size:18px}.contact-item strong{color:#0f8;margin-right:10px;display:inline-block;width:100px}.contact-item a{color:#fff;text-decoration:none;border-bottom:1px dashed #444;transition:all 0.3s ease}.contact-item a:hover{color:#0f8;border-bottom-color:#0f8}@media (max-width:1024px){.container{flex-direction:column}.left-panel,.right-panel{width:100%}.left-panel{min-height:60vh}.right-panel{height:40vh;min-height:300px;position:relative}header{flex-direction:column;gap:20px}nav{gap:15px;flex-wrap:wrap;justify-content:center}nav a{padding:8px 15px;font-size:12px}h1{font-size:48px}.animated-text-container{font-size:24px}.logo{font-size:20px}}.terminal{width:90%;height:90%;background-color:#1a1a1a;border:1px solid #444;border-radius:8px;box-shadow:0 10px 30px rgb(0 0 0 / .4);display:flex;flex-direction:column;overflow:hidden;font-family:'Courier New',Courier,monospace}.terminal-header{background:#333;padding:8px;display:flex;align-items:center;gap:6px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27c93f}.terminal-body{padding:15px;flex-grow:1;overflow-y:auto;color:#0f8;font-size:14px}#terminal-output .prompt{color:#87d7ff}#terminal-output .output{color:#fff}#terminal-output .cursor{display:inline-block;background-color:#0f8;width:8px;height:1.2em;vertical-align:middle;animation:blink 1s step-end infinite}#terminal-output .terminal-error{color:#ff5f56}#terminal-output .terminal-success{color:#27c93f}#terminal-output .terminal-path{color:#87d7ff}#terminal-output .ascii-art{color:#adff2f}@media (max-width:480px){#terminal-output{font-size:8px}#terminal-output .ascii-art{font-size:6px;text-align:center}}@keyframes blink{from,to{background-color:#fff0}50%{background-color:#0f8}}.bio-container{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:60px;background:rgb(40 40 40 / .3);padding:25px;border-left:4px solid #0f8;border-radius:8px}.profile-picture{width:110px;height:110px;border-radius:50%;object-fit:cover;border:3px solid #333;flex-shrink:0;margin-bottom:10px}.bio-text h3{margin:0 0 10px 0;font-size:24px;color:#fff}.bio-text{flex:1;min-width:0;width:100%}.bio-text p{margin:0;color:#ccc;line-height:1.6}