@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap);:root{--primary-color:#33e8ff;--dark-bg:#0d1924;--text-color:#fff;--secondary-color:#f0f0f0;--accent-color:#ff8a4c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0d1924;background-color:var(--dark-bg);color:#fff;color:var(--text-color);font-family:Roboto Mono,monospace;line-height:1.6;overflow-x:hidden}.app{min-height:100vh;position:relative}.background{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.geometry-container{height:100%;perspective:1000px;position:absolute;width:100%}@media (max-width:768px){.app{padding:0 20px}}@media (max-width:1024px){body{font-size:.95rem}.app{padding:0 1.5rem}}@media (max-width:768px){body{font-size:.9rem}.app{padding:0 1rem}}@media (max-width:480px){body{font-size:.85rem}.app{padding:0 .5rem}}.geometry-container:before{animation:rotate 20s linear infinite;background:linear-gradient(135deg,#ff8a4c1a,#ff8a4c4d);content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotateX(45deg) rotateY(30deg);transform-style:preserve-3d;width:300px}.geometry-container:after{animation:pulse 5s ease-in-out infinite;background:radial-gradient(circle,#33e8ff66 0,#33e8ff1a 70%);border-radius:50%;box-shadow:0 0 40px #33e8ff99;content:"";height:200px;left:60%;position:absolute;top:45%;width:200px}.geometry-container .cube{animation:rotate3d 15s linear infinite;left:40%;top:40%;transform:rotateX(45deg) rotateY(45deg);transform-style:preserve-3d}.cube-face,.geometry-container .cube{height:150px;position:absolute;width:150px}.cube-face{background:#ffffff0d;border:1px solid #ffffff1a}@keyframes rotate{0%{transform:translate(-50%,-50%) rotateX(45deg) rotateY(0deg)}to{transform:translate(-50%,-50%) rotateX(45deg) rotateY(1turn)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes rotate3d{0%{transform:rotateX(45deg) rotateY(45deg) rotate(0deg)}to{transform:rotateX(45deg) rotateY(45deg) rotate(1turn)}}.navigation ul{display:flex;gap:20px;list-style:none}.navigation li a{color:var(--text-color);font-size:16px;text-decoration:none;transition:color .3s ease}.nav-number,.navigation li a:hover{color:var(--primary-color)}.nav-number{font-weight:500;margin-right:5px}@media (max-width:768px){.navigation ul{flex-direction:column;gap:10px}}.header{align-items:center;display:flex;justify-content:space-between;left:0;padding:30px 50px;position:fixed;top:0;width:100%;z-index:100}.logo a{color:var(--text-color);font-size:28px;font-weight:700;text-decoration:none}.logo .highlight{color:var(--primary-color)}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column;padding:20px}.logo{margin-bottom:15px}}.hero{align-items:center;display:flex;height:100vh;justify-content:center;padding-top:60px;text-align:center}.hero-content{max-width:90%;position:relative}.hero-title{color:#fff;font-size:9vw;font-weight:700;letter-spacing:2px;margin-bottom:20px}.hero-subtitle{color:var(--secondary-color);font-size:1.5rem;margin-bottom:40px}.scroll-indicator{animation:bounce 2s infinite;bottom:-100px;left:50%;position:absolute;transform:translateX(-50%)}.scroll-circle{border:2px solid var(--primary-color);border-radius:50%;height:40px;position:relative;width:40px}.scroll-arrow{border-bottom:2px solid var(--primary-color);border-right:2px solid var(--primary-color);height:12px;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%);transform:rotate(45deg);width:12px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@media (max-width:768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1rem}}.experience-section{align-items:center;display:flex;min-height:100vh;padding:80px 50px;position:relative}.experience-content{display:flex;gap:50px;margin:0 auto;max-width:1400px;width:100%}.experience-illustration{align-items:center;display:flex;flex:1 1;justify-content:center}.laptop-container{animation:laptopTilt 5s ease-in-out infinite alternate;position:relative;transform:perspective(1000px) rotateY(15deg) rotateX(10deg);transform-style:preserve-3d}@keyframes laptopTilt{0%{transform:perspective(1000px) rotateY(15deg) rotateX(10deg)}to{transform:perspective(1000px) rotateY(-15deg) rotateX(10deg)}}.laptop{animation:laptopBounce 3s ease-in-out infinite alternate;height:230px;position:relative;transform-style:preserve-3d;width:350px}@keyframes laptopBounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.laptop-screen{animation:screenGlow 4s ease-in-out infinite alternate;animation:typingEffect 4s steps(40) infinite;background:#1a1d2e;border:2px solid #33e8ff;border-radius:10px;box-shadow:0 0 15px #33e8ff80;height:220px;height:150px;overflow:hidden;padding:15px;position:relative;transform:rotateX(80deg);transform:rotateX(0deg) rotateY(0deg);transform-origin:bottom;width:350px;width:120px}@keyframes typingEffect{0%{content:""}to{content:"Experience: Building interactive and responsive web designs."}}@keyframes screenGlow{0%{box-shadow:0 0 15px #33e8ff80}to{box-shadow:0 0 25px #33e8ffcc}}.code-lines{height:100%;overflow:hidden;position:relative;width:100%}.code-lines:before{animation:scrollCode 10s linear infinite;background:linear-gradient(90deg,#0000,#0000 5%,#ffffff1a 0,#ffffff1a 95%,#0000 0),linear-gradient(#0000,#0000 50%,#ff8a4c4d 0,#ff8a4c4d 51%,#0000 0);background-size:100% 30px,100% 6px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes scrollCode{0%{background-position:0 0}to{background-position:0 300px}}.laptop-keyboard{background:#111;border-radius:0 0 6px 6px;bottom:-15px;box-shadow:0 0 10px #00000080;height:15px;left:-15px;position:absolute;transform:translateZ(-2px);width:380px}.coffee-cup{background:#33e8ff;border-radius:5px 5px 25px 25px;bottom:20px;box-shadow:0 0 15px #33e8ffb3;height:70px;left:-80px;position:absolute;transform:rotate(-10deg);width:50px}.cup-glow{background:#fff6;border-radius:50%;height:10px;left:5px;position:absolute;right:5px;top:5px}.experience-list{display:flex;flex:1 1;flex-direction:column;gap:30px}.experience-card{background:#0d192480;border:1px solid #33e8ff33;border-radius:15px;box-shadow:0 5px 15px #0003;padding:20px;transition:all .3s ease}.experience-card:hover{border-color:#33e8ff80;box-shadow:0 10px 20px #0000004d;transform:translateY(-5px)}.experience-period{color:#33e8ff;font-size:.9rem;margin-bottom:10px;text-align:right}.experience-details{align-items:center;display:flex;gap:15px}.experience-icon{align-items:center;background:#0d1924cc;border:1px solid #33e8ff4d;border-radius:10px;display:flex;height:50px;justify-content:center;width:50px}.user-icon{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2333e8ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>');background-size:contain;height:30px;width:30px}.experience-info{flex:1 1}.experience-title{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:5px}.experience-organization{color:#ffffffb3;font-size:.9rem}@media (max-width:992px){.experience-content{flex-direction:column}.experience-illustration{margin-bottom:40px}}@media (max-width:768px){.experience-section{padding:60px 20px}.laptop,.laptop-screen{height:180px;width:280px}.laptop-keyboard{width:310px}}.code-snippet-section{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:80px 50px}.terminal-header{margin-bottom:20px}.code-terminal{align-items:center;background-color:#14161b;border-radius:8px;box-shadow:0 0 30px #2d2c2c4d;color:#e0e0e0;font-family:Fira Code,Courier New,monospace;font-family:Arial,sans-serif;font-size:16px;max-width:700px;opacity:.8;overflow:hidden;padding:20px;position:relative;transform:translateY(50px);width:100%}.code-terminal:before{background:#535f8e;border-radius:8px 8px 0 0;height:30px;width:100%}.code-terminal:after{color:#3b3838;content:"•••";font-size:30px;left:15px;letter-spacing:-1px;position:absolute;top:7px}.code-line{align-items:flex-start;display:flex;font-size:14px;line-height:1.5;margin-bottom:8px;position:relative}.line-number{color:#4d5566;margin-right:20px;min-width:24px;text-align:right;-webkit-user-select:none;user-select:none}.line-content{flex:1 1;position:relative}.cursor{animation:blink 1s step-end infinite;background-color:#33e8ff;display:inline-block;height:16px;vertical-align:middle;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.comment{color:#676e95}.indent-comment{color:#676e95;padding-left:20px}.function{color:#c792ea}.highlight{color:#33e8ff}.highlight-orange{color:#ff8a4c}.blank{height:20px}.code-terminal:before{background:repeating-linear-gradient(0deg,#ad4b4b08,#ffffff08 1px,#0000 0,#0000 2px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:768px){.code-snippet-section{padding:60px 20px}.code-terminal{padding:40px 15px 15px}.line-number{margin-right:10px;min-width:20px}}.contact-section{background-color:#12151a;color:#fff;font-family:JetBrains Mono,Fira Code,Courier New,monospace;overflow:hidden;padding:70px 50px;position:relative;text-align:center}.contact-section:before{background-image:linear-gradient(#1e1e1e0d 1px,#0000 0),linear-gradient(90deg,#1e1e1e0d 1px,#0000 0);background-size:20px 20px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.contact-section>*{position:relative;z-index:2}.terminal-header{align-items:center;background-color:#302f2f;border-bottom:1px solid #333;border-radius:8px 8px 0 0;box-shadow:0 1px 3px #0000004d;display:flex;justify-content:space-between;margin:0 auto;max-width:700px;padding:10px 15px;width:80%}.terminal-buttons{display:flex;gap:8px}.terminal-buttons span{border-radius:50%;box-shadow:inset 0 0 3px #0000004d;display:inline-block;height:14px;transition:all .2s ease;width:14px}.message-bot{animation:fadeIn .5s ease-in-out;background-color:#1e1b1b;border:1px solid #333;border-radius:10px;bottom:20px;box-shadow:0 4px 10px #0000004d;color:#0f9;font-family:JetBrains Mono,Courier New,monospace;font-size:14px;padding:15px 20px;position:fixed;right:0;text-align:left;z-index:1001}.message-bot:before{color:#f90;content:"Bot:";font-weight:700;margin-right:5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.terminal-buttons span:hover{filter:brightness(1.2);transform:scale(1.1)}.terminal-buttons .red{background-color:#ff5f56}.terminal-buttons .yellow{background-color:#ffbd2e}.terminal-buttons .green{background-color:#27c93f}.terminal-title{color:#bbb;font-size:14px;letter-spacing:1px}.contact-terminal{animation:terminalGlow 3s infinite alternate;background-color:#1e1b1b;border:1px solid #333;border-radius:0 0 10px 10px;border-top:none;box-shadow:0 5px 15px #0006;font-size:15px;margin:0 auto 30px;max-width:700px;padding:25px;text-align:left;width:80%}@keyframes terminalGlow{0%{box-shadow:0 5px 15px #0006}to{box-shadow:0 5px 20px #28c89633}}.terminal-output p{color:#0f9;margin:8px 0;padding-left:20px;position:relative;text-shadow:0 0 5px #00ff994d}.terminal-output p:before{color:#0c7;content:">";left:0;position:absolute}.success-message{background-color:#00ff991a;border-left:3px solid #0f9;border-radius:5px;color:#0f9;font-weight:700;margin:15px 0;padding:10px}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form label{align-items:center;color:#0c7;display:flex;font-weight:700;gap:8px;text-align:left}.contact-form label:before{color:#f90;content:"~$";font-weight:400}.contact-form input,.contact-form textarea{background-color:#262626;border:1px solid #333;border-radius:5px;box-shadow:inset 0 1px 3px #0003;color:#fff;font-family:JetBrains Mono,Courier New,monospace;margin-top:5px;padding:12px;transition:all .3s ease;width:100%}.contact-form input:focus,.contact-form textarea:focus{background-color:#2a2a2a;border-color:#0f9;box-shadow:0 0 0 2px #0f93;outline:none}.contact-form button{background:linear-gradient(90deg,#f0f,#90f);border:none;border-radius:5px;box-shadow:0 4px 6px #90f3;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;margin-top:10px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.contact-form button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%}.contact-form button:hover{background:linear-gradient(90deg,#c0c,#60c);box-shadow:0 6px 12px #9900ff4d;transform:translateY(-2px)}.contact-form button:hover:before{left:100%}.contact-form button:active{box-shadow:0 2px 4px #90f3;transform:translateY(1px)}.contact-info{align-items:center;background-color:#1a1a1a;border-radius:5px;border-top:2px solid #333;bottom:0;box-shadow:0 2px 10px #0000004d;display:flex;justify-content:space-between;left:0;margin:0 auto;max-width:100%;padding:15px 30px;position:fixed;text-align:center;width:100%;z-index:1000}.contact-info a{font-weight:700;margin:0 15px}.contact-info a:hover{color:#0c7}.contact-info .logo{color:#f90;font-size:20px;font-weight:700}.details{display:flex;gap:20px;text-align:center}.contact-info:before{background-color:#1a1a1a;color:#666;content:" ";font-size:12px;left:20px;padding:0 10px;position:absolute;top:-10px}.contact-info a{color:#0f9;display:inline-block;position:relative;text-decoration:none;transition:all .3s ease}.contact-info a:after{background-color:#0f9;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:all .3s ease;width:0}.contact-info a:hover{color:#0f9;text-shadow:0 0 8px #00ff9980}.contact-info a:hover:after{width:100%}@media (max-width:768px){.contact-section{padding:50px 20px}.contact-terminal,.terminal-header{width:90%}.contact-form{gap:10px}.contact-form button{font-size:14px;padding:10px 15px}.contact-info{flex-direction:column;gap:10px;padding:10px 20px}.contact-info .logo{font-size:18px}.details{flex-direction:column;gap:10px}}@media (max-width:480px){.contact-section{padding:30px 10px}.contact-terminal,.terminal-header{width:100%}.contact-form input,.contact-form textarea{font-size:14px;padding:10px}.contact-form button{font-size:12px;padding:8px 10px}.contact-info{padding:8px 15px}.contact-info .logo{font-size:16px}}.about-container{background-color:#111c23;color:#fff;display:flex;flex-direction:column;padding:1.5rem;width:100%}.about-content{flex:1 1;padding:2rem 0}.about-title{color:#10b981;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}.about-text{font-size:1.125rem;line-height:1.7}.name-highlight{font-weight:600}.education-section{margin-top:1.5rem}.education-title{font-size:1.275rem}.education-list{list-style-type:disc;margin-top:.5rem;padding-left:1.5rem}.education-item{margin-bottom:.25rem}.projects-section{background-color:#1a2b34;border-radius:8px;margin-top:2rem;padding:1.5rem}.projects-title{color:#10b981;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.projects-list{gap:1.5rem;list-style:none}.project-item,.projects-list{display:flex;flex-direction:column}.project-item{gap:.5rem;padding-left:1.5rem;position:relative}.project-item:before{content:"✅";left:0;position:absolute;top:0}.project-title{color:#fff;font-size:1.375rem;font-weight:600}.project-description{color:#d1d5db;font-size:1.125rem}.resume-section{margin-top:2rem;text-align:center}.resume-title{color:#10b981;font-size:1.375rem;font-weight:700;margin-bottom:1rem}.resume-download-link{text-decoration:none}.resume-download-button{background-color:#10b981;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s ease-in-out,transform .2s ease-in-out}.resume-download-button:hover{background-color:#0e9e6e;transform:scale(1.05)}.resume-download-button:active{transform:scale(.95)}.image-section{display:flex;flex-direction:column;position:relative}.image-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:1rem}.profile-image{filter:grayscale(100%);height:70rem;overflow:hidden;position:relative;transition:filter .3s ease-in-out;width:40rem}.profile-image:hover{filter:grayscale(0)}.profile-image img{height:100%;object-fit:cover;width:100%}.sidebar{align-items:center;background-color:#165f55;border-radius:0 5px 10px 0;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0;width:4rem}.sidebar-text{color:#fff;font-size:2.125rem;font-weight:600;letter-spacing:.15em;transform:rotate(90deg);white-space:nowrap}@media (min-width:768px){.about-container{flex-direction:row}.image-section{width:33.333333%}}@media (max-width:1024px){.profile-image{height:auto;width:100%}.sidebar-text{font-size:1.75rem}}@media (max-width:768px){.about-container{flex-direction:column;padding:1rem}.image-section{margin-bottom:1rem;width:100%}.profile-image{height:auto;width:100%}.sidebar{border-radius:0 0 10px 10px;bottom:0;height:3rem;left:0;right:0;top:auto;width:100%}.sidebar-text{font-size:1.25rem;letter-spacing:.05em;transform:rotate(0deg)}}@media (max-width:480px){.about-title{font-size:1.5rem}.about-text,.education-title,.project-title,.projects-title,.resume-title{font-size:1rem}.resume-download-button{font-size:.9rem;padding:.5rem 1rem}}#projects{align-items:center;background-color:#141427;display:flex;flex-direction:column;font-family:Courier New,monospace;min-height:100vh;padding:50px 20px;position:relative}.sticky-card{cursor:pointer;margin-bottom:20px;max-width:800px;perspective:1000px;position:relative;transition:all .4s ease;width:80%}.sticky-card:before{background:linear-gradient(135deg,#974c48,#ff5f56 20%,#db8c41 0,#ff9f43 40%,#27c93f 0,#3ca34c 60%,#4089d2 0,#1e90ff 80%,#b373e3 0,#ae47ff);border-radius:10px 10px 0 0;box-shadow:0 4px 6px #0003,inset 0 1px 2px #ffffff1a;content:"";font-size:1.125rem;font-weight:700;height:30px;left:0;margin-top:1rem;position:absolute;right:0;text-align:center;top:0;z-index:10}.project-title{background-color:#0d1130cc;border-left:3px solid #0f9;color:#0f9;font-size:1.2rem;left:50%;padding:10px 15px;position:absolute;position:relative;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;z-index:5}.project-title:before{color:#ff69b4;content:"const project = {";left:0;opacity:.7;position:absolute;top:-25px;transition:opacity .3s ease}.box-border{background-color:#0d1130;border:1px solid #6767eb33;border-radius:0 0 10px 10px;color:#bbb;max-height:0;opacity:0;overflow:hidden;padding:20px;position:relative;transform:rotateX(-10deg) scale(.9);transition:all .4s ease}.sticky-card:hover .project-title{background-color:#1a1443;color:#fff}.sticky-card:hover .project-title:before{opacity:1}.sticky-card:hover .box-border{border-color:#6767eb80;box-shadow:0 10px 30px #6767eb4d;max-height:500px;opacity:1;transform:rotateX(0) scale(1)}.project-description{color:#27c93f;line-height:1.6;margin-bottom:15px}.project-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.tool-tag{background-color:#00ff991a;border-radius:4px;color:#0f9;font-size:.8rem;padding:4px 8px;transition:all .2s ease}.tool-tag:hover{background-color:#0f93;transform:translateY(-2px)}.project-links{display:flex;gap:15px}.project-link{align-items:center;color:#0f9;display:flex;gap:5px;text-decoration:none;transition:all .2s ease}.project-link:hover{color:#c11e70;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sticky-card{animation:fadeInUp .6s ease forwards;opacity:0}.sticky-card:first-child{animation-delay:.1s}.sticky-card:nth-child(2){animation-delay:.3s}.sticky-card:nth-child(3){animation-delay:.5s}.sticky-card:nth-child(4){animation-delay:.7s}@media (max-width:768px){.sticky-card{width:95%}.project-title{font-size:6rem}}#projects:after{color:#0d1130;content:"• • •";font-size:16px;left:15px;position:absolute;top:10px;z-index:11}@media (max-width:1024px){#projects{padding:40px 15px}.sticky-card{width:90%}.project-title{font-size:1rem;padding:8px 12px}.box-border{padding:15px}.tool-tag{font-size:.75rem;padding:3px 6px}.project-link{font-size:.9rem}}@media (max-width:768px){#projects{padding:30px 10px}.sticky-card{width:95%}.project-title{font-size:.9rem;padding:6px 10px}.box-border{padding:10px}.tool-tag{font-size:.7rem;padding:2px 5px}.project-link{font-size:.8rem}}@media (max-width:480px){#projects{padding:20px 5px}.sticky-card{width:100%}.project-title{font-size:.8rem;padding:5px 8px}.box-border{padding:8px}.tool-tag{font-size:.65rem;padding:2px 4px}.project-link{font-size:.75rem}}
/*# sourceMappingURL=main.e9799df0.css.map*/