@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Fira+Code:wght@400;500&display=swap";:root{--bg-dark: #0a192f;--bg-card: rgba(17, 34, 64, .7);--text-main: #e6f1ff;--text-muted: #8892b0;--accent: #64ffda;--accent-glow: rgba(100, 255, 218, .2);--font-main: "Inter", sans-serif;--font-mono: "Fira Code", monospace;--transition: all .3s cubic-bezier(.645, .045, .355, 1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background-color:#495670;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}body{background-color:var(--bg-dark);background-image:radial-gradient(at 10% 10%,rgba(100,255,218,.08) 0px,transparent 50%),radial-gradient(at 90% 10%,rgba(20,40,80,.5) 0px,transparent 50%),radial-gradient(at 50% 90%,rgba(10,25,47,1) 0px,transparent 50%);background-attachment:fixed;color:var(--text-muted);font-family:var(--font-main);line-height:1.6;font-size:16px;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:var(--transition)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{max-width:1100px;margin:0 auto;padding:0 24px;animation:fadeInUp 1s ease-out forwards}.navbar{position:fixed;top:0;width:100%;padding:15px 40px;display:flex;justify-content:space-between;align-items:center;background:#0a192fb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);z-index:1000}.navbar-brand{display:flex;align-items:center;gap:12px}.top-left-icon{transition:var(--transition)}.top-left-icon:hover{transform:translateY(-2px);box-shadow:0 5px 15px #64ffda4d}.logo{color:var(--accent);font-family:var(--font-mono);font-weight:700;font-size:1.2rem;letter-spacing:-1px}.logo span{color:var(--text-main)}.nav-links{display:flex;align-items:center;gap:40px}.nav-links>a{font-family:var(--font-mono);font-size:.8rem;color:var(--text-main)}.nav-links>a:hover{color:var(--accent);transform:translateY(-2px)}.nav-number{color:var(--accent);margin-right:5px}.custom-lang-dropdown{position:relative}.lang-dropdown-btn{background-color:#000;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:8px 12px;font-family:var(--font-mono);font-size:.85rem;display:flex;align-items:center;gap:10px;cursor:pointer;transition:var(--transition)}.lang-dropdown-btn:hover{border-color:var(--text-muted)}.lang-dropdown-menu{position:absolute;top:110%;right:0;background-color:#000;border:1px solid rgba(255,255,255,.1);border-radius:6px;display:flex;flex-direction:column;min-width:140px;overflow:hidden;box-shadow:0 10px 30px -15px #000000e6;z-index:100;animation:fadeInDown .2s ease-out forwards}.lang-option{background:transparent;border:none;color:var(--text-main);padding:10px 15px;text-align:left;font-family:var(--font-mono);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background-color .2s}.lang-option:hover{background-color:#ffffff0d}.lang-option.active{background-color:#64ffda1a}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.bottom-left-fixed{position:fixed;bottom:40px;left:40px;z-index:1000;display:flex;flex-direction:column;align-items:center}.bottom-left-fixed:after{content:"";display:block;width:1px;height:90px;background-color:var(--text-muted);margin-top:20px}.bottom-left-fixed a{display:flex;justify-content:center;align-items:center;width:45px;height:45px;background:var(--bg-card);border:1px solid rgba(100,255,218,.2);border-radius:50%;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-left-fixed a:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 20px -10px var(--accent-glow)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:0}.hero-intro{color:var(--accent);font-family:var(--font-mono);margin-bottom:20px;font-size:1rem;letter-spacing:1px}.hero-name{color:var(--text-main);font-size:clamp(40px,8vw,80px);font-weight:800;letter-spacing:-2px;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero-subtitle{color:var(--text-muted);font-size:clamp(30px,6vw,60px);font-weight:700;line-height:1.1;margin-bottom:20px;opacity:.8}.hero-desc{max-width:540px;margin-bottom:50px;font-size:1.1rem}.cta-button{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:18px 28px;border-radius:4px;font-family:var(--font-mono);font-size:.9rem;cursor:pointer;box-shadow:0 0 0 0 transparent;transition:var(--transition)}.cta-button:hover{background:var(--accent-glow);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-3px)}.section{padding:100px 0}.section-title{display:flex;align-items:center;font-size:1.8rem;color:var(--text-main);margin-bottom:40px;font-weight:700}.section-title:after{content:"";display:block;width:200px;height:1px;background:#233554;margin-left:20px;opacity:.5}.work-card,.job-card,.timeline-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:2rem;transition:var(--transition);position:relative;overflow:hidden}.work-card:hover,.job-card:hover{transform:translateY(-7px);border-color:var(--accent);box-shadow:0 10px 30px -10px #00000080;background:#172a45e6}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.work-top{display:flex;justify-content:space-between;margin-bottom:25px}.folder-icon{color:var(--accent);font-size:40px}.work-title{font-size:1.4rem;margin-bottom:10px;font-weight:700}.title-link{color:var(--text-main);text-decoration:none;transition:var(--transition)}.title-link:hover{color:var(--accent)}.work-tech-list{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap}.tech-span{font-family:var(--font-mono);font-size:.75rem;opacity:.7}.jobs-container{max-width:800px}.job-card{margin-bottom:20px}.job-role{font-size:1.3rem;color:var(--text-main)}.company-name{color:var(--accent)}.job-date{font-family:var(--font-mono);font-size:.8rem;display:block;margin:5px 0 15px}.skills-wrapper,.interests-grid{display:flex;flex-wrap:wrap;gap:12px}.skill-item,.interest-pill{background:#64ffda0d;border:1px solid rgba(100,255,218,.2);color:var(--text-main);padding:8px 16px;border-radius:4px;font-family:var(--font-mono);font-size:.85rem;transition:var(--transition)}.skill-item:hover,.interest-pill:hover{background:#64ffda26;transform:translate(3px);border-color:var(--accent)}.footer{width:100%;background-color:#020c1b;padding:60px 0 20px;margin-top:100px;border-top:1px solid rgba(255,255,255,.05);font-family:var(--font-mono);font-size:.9rem}.footer-content{max-width:1100px;margin:0 auto 50px;padding:0 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.social-links-footer{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:20px}.social-link{display:inline-flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.95rem;transition:var(--transition);margin:0;padding:0}.social-link:hover{color:var(--accent);transform:translate(5px)}.footer-col h4{color:var(--text-main);font-size:1rem;margin-bottom:20px;font-family:var(--font-main);font-weight:700}.brand-col .footer-motto{color:var(--text-muted);line-height:1.6;max-width:300px}.links-col,.social-col{display:flex;flex-direction:column;gap:12px}.footer-col a{color:var(--text-muted);transition:var(--transition);display:inline-block;width:fit-content}.footer-col a:hover{color:var(--accent);transform:translate(5px)}.social-link .arrow{margin-left:5px;font-size:.8em}.email-link{margin-top:0!important;color:var(--text-muted)}.email-link:hover{color:var(--accent)}.footer-bottom{max-width:1100px;margin:0 auto;padding:20px 24px 0;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;color:#5d6885;font-size:.8rem}.built-with span{color:var(--accent);font-weight:700}.full-screen-message{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-dark);color:var(--accent);font-family:var(--font-mono);letter-spacing:2px}.full-screen-message h2{font-size:3rem;color:#ff6b6b;margin-bottom:10px}@media(max-width:768px){.navbar{padding:20px}.nav-links>a{display:none}.custom-lang-dropdown{margin-left:0}.hero-name{font-size:50px}.section{padding:60px 0}.bottom-left-fixed{bottom:20px;left:20px}.bottom-left-fixed:after{display:none}.bottom-left-fixed a{width:40px;height:40px}.footer-content{grid-template-columns:1fr;text-align:center;gap:30px}.footer-col a{width:100%}.brand-col .footer-motto{margin:0 auto}.footer-bottom{flex-direction:column;gap:5px;text-align:center}.social-links-footer{align-items:center}.footer-col .logo{justify-content:center}}:root{--bg-color: #111111;--text-main: #ffffff;--text-muted: #888888;--accent: #d4d4d4;--border-color: #333333}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:color .3s}a:hover{color:var(--text-main)}ul{list-style:none}
