@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;500;700&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-light:#02285e;--bg-dark:#051831;--text-main:#f4f4f9;--text-muted:#9ba1a6;--accent:#a9b4c2;--accent-hover:#c4d0df;--accent-2:#6686b3;--accent-2-hover:#5d7aa1}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top center,#02285e 0,#051831 100%);background:radial-gradient(circle at top center,var(--bg-light) 0,var(--bg-dark) 100%);background-attachment:fixed;color:#f4f4f9;color:var(--text-main);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden;position:relative}.app-container{display:flex;flex-direction:column;margin:0 auto;max-width:900px;min-height:100vh;padding:2rem}.navbar{align-items:center;display:flex;justify-content:space-between;padding:1rem 0 3rem}.nav-logo{color:#a9b4c2;color:var(--accent);font-size:1.2rem;font-weight:700;letter-spacing:-.5px}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:#9ba1a6;color:var(--text-muted);font-weight:500;text-decoration:none;transition:color .2s ease}.nav-links a.active,.nav-links a:hover{color:#f4f4f9;color:var(--text-main)}.bg-lines-container{height:100vh;left:0;-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 25%,#000 75%,#0000);mask-image:linear-gradient(180deg,#0000 0,#000 25%,#000 75%,#0000);overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.bg-line-left,.bg-line-right{fill:none;stroke:#a9b4c2;stroke:var(--accent);stroke-width:2px;filter:drop-shadow(0 0 5px rgba(169,180,194,.4));height:100vh;max-width:180px;opacity:.3;position:fixed;top:0;width:12vw}.bg-line-left{left:2vw}.bg-line-right{right:2vw;transform:scaleX(-1)}@media (max-width:1250px){.bg-lines-container{display:none}}.home-container{align-items:flex-start;animation:fadeIn .8s ease-in-out;display:flex;flex-direction:column;justify-content:center}.intro-badge{background-color:#a9b4c21a;border-radius:20px;color:var(--accent);font-size:.85rem;font-weight:500;margin-bottom:2rem;padding:.5rem 1rem}.intro-badge-link{align-items:center;display:inline-flex;text-decoration:none;transition:transform .2s ease,background-color .2s ease}.intro-badge-link:hover{background-color:#a9b4c229;transform:translateY(-1px)}.intro-badge-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hero-title{font-size:clamp(2rem,3.5vw,3.5rem);font-weight:700;letter-spacing:-1px;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:2.5rem;max-width:600px}.tech-stack{margin-bottom:1rem}.tech-stack p{color:var(--text-main);font-weight:500;margin-bottom:.5rem}.skill-list{grid-gap:.5rem;color:var(--text-muted);display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);list-style:none}.skill-list li:before{color:var(--accent);content:"▹";margin-right:.5rem}.action-links{align-items:center;display:flex;gap:1.5rem}.primary-btn{background-color:var(--accent-2);border:none;border-radius:6px;color:var(--bg-dark);cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;text-decoration:none;transition:all .2s ease}.primary-btn:hover{background-color:var(--accent-2-hover);transform:translateY(-2px)}.secondary-link{color:var(--accent);font-weight:500;text-decoration:none;transition:color .2s ease}.secondary-link:hover{color:var(--accent-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.writeups-container{animation:fadeIn .8s ease-in-out;padding:4rem 0}.section-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.section-subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:3rem}.writeups-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.writeup-card{background-color:#ffffff05;border:1px solid #a9b4c21a;border-radius:8px;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease}.writeup-card:hover{background-color:#ffffff0a;border-color:var(--accent);box-shadow:0 4px 20px #0003;transform:translateY(-5px)}.writeup-type{color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.writeup-title{color:var(--text-main);font-size:1.25rem;margin-bottom:1rem}.writeup-desc{color:var(--text-muted);flex-grow:1;font-size:.95rem;margin-bottom:1.5rem}.writeup-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:#a9b4c21a;border-radius:4px;color:var(--text-muted);font-family:monospace;font-size:.8rem;padding:.3rem .6rem}.back-to-top{bottom:2.5rem;position:fixed;right:2.5rem;z-index:50}.top-btn{align-items:center;animation:fadeInOut .3s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#02285e99;border:1px solid #a9b4c233;border-radius:6px;color:var(--accent);cursor:pointer;display:flex;height:45px;justify-content:center;transition:all .3s ease;width:45px}.top-btn:hover{background-color:#a9b4c21a;border-color:var(--accent);box-shadow:0 4px 12px #a9b4c226;color:var(--text-main);transform:translateY(-3px)}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.back-to-top{bottom:1.5rem;right:1.5rem}}.contact-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:600px;padding:8rem 0 2rem;text-align:center}.contact-title{color:var(--text-main);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.contact-text{color:var(--text-muted);font-size:1.1rem;margin-bottom:2.5rem}.email-button{background-color:initial;border:1px solid var(--accent);border-radius:4px;color:var(--accent);display:inline-block;font-size:1rem;font-weight:500;margin-bottom:4rem;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.email-button:hover{background-color:#a9b4c21a;box-shadow:0 0 15px #a9b4c233;transform:translateY(-2px)}.social-links{align-items:center;display:flex;font-family:monospace;font-size:.95rem;gap:1rem;margin-bottom:4rem}.social-links a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.social-links a:hover{color:var(--accent)}.separator{color:#a9b4c24d}.footer-bottom{border-top:1px solid #a9b4c21a;color:var(--text-muted);font-family:monospace;font-size:.85rem;padding-top:2rem;width:100%}
/*# sourceMappingURL=main.bbb326c1.css.map*/