:root{--Mantis: #79b473;--cambridge-blue: #70a37f;--lapis-lazuli: #41658a;--daft-blue: #414073;--english-violet: #4c3957;font-family:JetBrains Mono,monospace;line-height:1.5;font-weight:400;background-color:#0a0b0d;margin:0;width:100%;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{margin:0}button:active,button:focus{outline:0!important;outline-style:none!important;-moz-outline-style:none!important}.main-body{margin:0;display:flex;flex-direction:column;background-color:transparent}.navbar{display:flex;width:100%;height:5rem;justify-content:center;flex-direction:row;background:#0a0b0ed9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,147,209,.25);box-shadow:0 10px 30px #00000059;position:sticky;top:0;z-index:999}.navbar button{height:100%;font-size:1.1rem;font-weight:600;color:#eceff4bf;background-color:transparent;border:none;font-family:inherit;padding:0 1.8rem;cursor:pointer;position:relative;transition:color .3s ease;letter-spacing:1px}.navbar button:after{content:"";position:absolute;bottom:1.2rem;left:50%;width:0;height:2px;background:linear-gradient(90deg,#1793d1,#81a1c1);transition:all .3s ease;transform:translate(-50%);border-radius:2px}.navbar button:hover{color:#1793d1;background-color:transparent}.navbar button:hover:after{width:60%}.introduction{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;margin:0;background-color:#0a0b0d;color:#fff;min-height:100vh;position:relative;overflow:hidden;box-shadow:inset 0 -100px 150px #000000b3;scroll-margin-top:5rem;padding:2rem}.intro-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:92%;max-width:1350px;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;box-shadow:none;z-index:1;gap:0;transition:none}.intro-card:hover{transform:none;box-shadow:none}.profile-image-wrapper{position:relative;display:inline-block;border-radius:50%;padding:6px;background:linear-gradient(135deg,#219ebc,#8ecae6,#023047);background-size:200% 200%;animation:rotate-gradient 6s linear infinite;box-shadow:0 10px 30px #219ebc59;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);flex-shrink:0}.profile-image-wrapper:hover{transform:scale(1.06) rotate(3deg);box-shadow:0 15px 35px #219ebc8c}@keyframes rotate-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.profile-image-wrapper .profile-image{border-radius:50%;display:block;width:250px;height:250px;object-fit:cover;border:4px solid #023047}.introduction .in-left{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex-grow:1}.introduction .in-right{display:flex;flex-direction:column;align-items:center;justify-content:center}.in-left-top{font-weight:500;font-size:2.2rem;color:#8ecae6;letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem}.in-left-middle{margin:0}.in-left-middle>.iam{font-weight:800;font-size:3.2rem;letter-spacing:-1px}.in-left-middle>.user-name{font-size:3.5rem;background:linear-gradient(135deg,#8ecae6,#219ebc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;text-decoration:none;position:relative;display:inline-block;transition:filter .3s ease}.in-left-middle>.user-name:hover{filter:drop-shadow(0 0 8px rgba(142,202,230,.4))}.in-left-bottom{font-size:1.8rem;color:#ffffffd9;font-weight:300;margin-top:.5rem}.about-me{background-color:#0a0b0d;color:#fff;padding:5rem 2rem;min-height:85vh;scroll-margin-top:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.about-me-title,.skill-title,.contact-me-title{font-size:3rem;font-weight:800;color:#8ecae6;position:relative;display:inline-block;margin-bottom:3.5rem;letter-spacing:-.5px;width:92%;max-width:1350px;padding-left:0}.about-me-title:after,.skill-title:after,.contact-me-title:after{content:"";position:absolute;bottom:-10px;left:0;width:70px;height:4px;background:linear-gradient(90deg,#219ebc,#8ecae6);border-radius:2px}.about-me-desc{display:grid;grid-template-columns:1.2fr .8fr;font-size:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 20px 40px #00000040;max-width:1350px;width:92%;overflow:hidden;align-items:center;margin-top:0}.about-me-desc-left{text-align:justify;padding:3.5rem;line-height:1.8}.about-me-desc-left p{margin-bottom:1.5rem}.about-me-desc-left p:last-child{margin-bottom:0}.about-me-desc-right{display:flex;justify-content:center;align-items:center;padding:3.5rem}.image-js{width:210px;height:auto;border-radius:24px;filter:drop-shadow(0 15px 30px rgba(33,158,188,.25));animation:float-logo 5s ease-in-out infinite alternate;display:block}@keyframes float-logo{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-12px) rotate(3deg)}}.skills{background-color:#0a0b0d;padding:5rem 2rem;min-height:85vh;scroll-margin-top:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:1350px;width:92%;margin:0 auto;padding:2rem 0}[class^=logo-]{color:#fff;font-size:1.1rem;font-weight:500;text-align:center;padding:2rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;box-shadow:0 4px 15px #0000001a;transition:all .4s cubic-bezier(.165,.84,.44,1)}[class^=logo-]:hover{transform:translateY(-8px);background:#ffffff0f;border-color:#8ecae6;box-shadow:0 15px 30px #219ebc40}.skill-icon{width:55px;height:55px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}[class^=logo-]:hover .skill-icon{transform:scale(1.15) rotate(5deg)}.contact-me{background-color:#0a0b0d;color:#fff;padding:5rem 2rem 6rem;min-height:45vh;scroll-margin-top:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;max-width:1350px;width:92%}.contact-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.2rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#fff;text-decoration:none;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 4px 15px #00000026;gap:.8rem}.contact-card:hover{transform:translateY(-6px);background:#ffffff0f;border-color:#8ecae6;box-shadow:0 15px 30px #219ebc4d}.contact-label{font-size:.9rem;color:#8ecae6;text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.contact-value{font-size:1.15rem;font-weight:500;word-break:break-all;opacity:.95}button:hover{border-color:#1b202e;background-color:#141829;transition:background-color .5s,border-color .5s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media screen and (max-height:1367px)and (min-height:400px){.profile-image-wrapper .profile-image{width:250px;height:250px}}@media screen and (max-width:1080px)and (min-width:200px){.introduction{min-height:100vh;padding:6rem 1rem 2rem;box-shadow:1px 3px 5px #023047;scroll-margin-top:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.intro-card{flex-direction:column-reverse;width:90%;padding:2.5rem 1.5rem;gap:2.5rem;text-align:center}.profile-image-wrapper .profile-image{width:180px;height:180px}.introduction .in-left{align-items:center;text-align:center;padding-left:0}.in-left-top{font-size:1.6rem}.in-left-middle>.iam{font-size:2.2rem}.in-left-middle>.user-name{font-size:2.4rem}.in-left-bottom{font-size:1.3rem}.intro-buttons{justify-content:center}.introduction .in-right{display:flex;padding-top:0}.navbar button{padding:0 .8rem;font-size:.95rem}.about-me{padding:3rem 1rem;min-height:auto}.about-me-title,.skill-title,.contact-me-title{font-size:2.2rem;margin-bottom:2rem;text-align:center;width:90%}.about-me-title:after,.skill-title:after,.contact-me-title:after{left:50%;transform:translate(-50%)}.about-me-desc{display:flex;flex-direction:column;font-size:1.1rem;width:90%;margin:0 auto;gap:1.5rem}.about-me-desc-left{padding:2rem 1.5rem}.about-me-desc-right{padding:2rem 1.5rem 0}.image-js{width:140px}.skills{padding:3rem 1rem;min-height:auto}.skills-list{width:90%}.contact-me{padding:3rem 1rem;min-height:auto}.contact-grid{width:90%}}.terminal-window{width:100%;max-width:1350px;background-color:#0d0f14;border:1px solid rgba(23,147,209,.3);border-radius:12px;box-shadow:0 20px 50px #000000a6,0 0 25px #1793d114;overflow:hidden;display:flex;flex-direction:column;z-index:1;transition:border-color .3s ease,box-shadow .3s ease}.terminal-window:hover{border-color:#1793d18c;box-shadow:0 25px 55px #000000bf,0 0 30px #1793d126}.terminal-header{display:flex;align-items:center;justify-content:space-between;background-color:#12141c;padding:.7rem 1.2rem;border-bottom:1px solid rgba(23,147,209,.15);-webkit-user-select:none;user-select:none}.terminal-buttons{display:flex;align-items:center}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}.dot-close{background-color:#ff5f56}.dot-minimize{background-color:#ffbd2e}.dot-maximize{background-color:#27c93f}.terminal-title{color:#8fa1b3;font-size:.85rem;font-family:JetBrains Mono,monospace;letter-spacing:.5px}.terminal-placeholder{width:52px}.terminal-content{padding:3rem;font-family:JetBrains Mono,monospace;text-align:left}.terminal-prompt{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;font-size:1.15rem;line-height:1.5}.prompt-host{color:#8fbcbb;font-weight:600}.prompt-dir{color:#1793d1;font-weight:600}.prompt-branch{color:#b48ead;font-weight:600}.prompt-arrow{color:#1793d1;font-weight:700}.prompt-cmd{color:#a3be8c}.prompt-suggestion{color:#d8dee959}.terminal-cursor{display:inline-block;width:8px;height:16px;background-color:#eceff4;animation:blink-cursor 1s step-end infinite;margin-left:2px;vertical-align:middle}@keyframes blink-cursor{50%{background-color:transparent}}.ascii-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}@media screen and (max-width:1080px){.terminal-window{width:100%}.terminal-content{padding:1.5rem}.terminal-prompt{font-size:.95rem}.ascii-content{align-items:center;text-align:center}}html,body{width:100%;height:100%;padding:0;margin:0;background-color:#023047}header,header *{padding:0;margin:0}.profile-image{max-width:100%;height:auto}.intro-icon{width:64px;height:auto}.skill-icon{max-width:60%;height:auto}[class^=logo-]{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}[class^=logo-]:hover{transform:translateY(-8px);box-shadow:0 8px 25px #219ebc66;border-color:#8ecae6}.image-js{max-width:100%;height:auto}