*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;color:#2a2a2a;line-height:1.7;font-weight:300;letter-spacing:-.01em}.App{text-align:left}:root.light{--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-tertiary: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #888888;--border-color: #dddddd;--border-light: #eeeeee;--accent-color: #1a1a1a;--hover-bg: #f5f5f5;--navbar-bg: rgba(250, 250, 250, .9)}:root.dark{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #333333;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #888888;--border-color: #404040;--border-light: #333333;--accent-color: #4a4a4a;--hover-bg: #2a2a2a;--navbar-bg: rgba(26, 26, 26, .9)}:root{--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-tertiary: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #888888;--border-color: #dddddd;--border-light: #eeeeee;--accent-color: #1a1a1a;--hover-bg: #f5f5f5;--navbar-bg: rgba(250, 250, 250, .9)}.section-title{font-size:2rem;font-weight:300;text-align:left;margin-bottom:4rem;color:var(--text-primary);letter-spacing:-.3px}.hero-title{font-size:3rem;font-weight:300;margin-bottom:2rem;line-height:1.3;letter-spacing:-.5px}.highlight{color:var(--text-secondary);font-weight:400}.hero-subtitle{font-size:1.1rem;margin-bottom:2rem;color:var(--text-secondary);font-weight:300;letter-spacing:.3px}.hero-description{font-size:1rem;margin-bottom:3rem;color:var(--text-muted);max-width:500px;line-height:1.8;font-weight:300}.blog-post-title{font-size:2.5rem;font-weight:300;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.3;letter-spacing:-.3px}.blog-post-content h2{font-size:1.8rem;font-weight:300;color:var(--text-primary);margin:2.5rem 0 1.5rem;letter-spacing:-.2px}.blog-post-content h3{font-size:1.4rem;font-weight:300;color:var(--text-primary);margin:2rem 0 1rem;letter-spacing:-.1px}.blog-post-content h4{font-size:1.2rem;font-weight:300;color:var(--text-primary);margin:1.5rem 0 .75rem;letter-spacing:-.1px}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content ul,.blog-post-content ol{margin:1.5rem 0;padding-left:2rem}.blog-post-content li{margin-bottom:.5rem}.blog-post-content strong{font-weight:400;color:var(--text-primary)}.blog-post-content a{color:var(--text-primary);text-decoration:underline;transition:opacity .3s ease}.blog-post-content a:hover{opacity:.7}.blog-post-content blockquote{border-left:4px solid var(--border-color);padding-left:1.5rem;margin:1.5rem 0;color:var(--text-secondary);font-style:italic}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:100px 0;background-color:var(--bg-primary);position:relative}.section:nth-child(2n){background-color:var(--bg-secondary)}.section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent)}.hero{min-height:100vh;display:flex;align-items:center;background:var(--bg-primary);color:var(--text-primary);text-align:left;padding:0 40px}.hero-content{max-width:800px;margin:0 auto;padding:0 20px}.hero-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1000px;margin:0 auto}.blog-post-container{min-height:100vh;background-color:var(--bg-primary);padding-top:100px}.blog-post{max-width:800px;margin:0 auto;padding:2rem 0}.blog-post-header{margin-bottom:3rem;text-align:left}.blog-post-footer{border-top:1px solid var(--border-light);padding-top:2rem;margin-top:3rem}.projects-grid,.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.submissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-start}.technologies{display:flex;flex-wrap:wrap;gap:.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.problem-tags{display:flex;flex-wrap:wrap;gap:.5rem}.cf-sections{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:3rem}.contests-list{display:flex;flex-direction:column;gap:1.5rem}.btn{padding:12px 24px;border:1px solid var(--border-color);border-radius:0;font-size:.9rem;font-weight:300;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;letter-spacing:.3px;text-transform:lowercase}.btn-primary{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.btn-primary:hover{background-color:var(--text-secondary);border-color:var(--text-secondary)}.btn-secondary{background-color:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.submit-btn{background-color:var(--text-primary);color:var(--bg-primary);padding:.8rem 2rem;border:1px solid var(--text-primary);border-radius:0;font-size:.9rem;font-weight:300;cursor:pointer;transition:all .3s ease;width:100%;letter-spacing:.3px;text-transform:lowercase}.submit-btn:hover:not(:disabled){background-color:var(--text-secondary);border-color:var(--text-secondary)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.project-card{background:transparent;padding:0;border-radius:0;box-shadow:none;transition:none;border-bottom:1px solid var(--border-light);padding-bottom:2rem}.project-card:hover{transform:none;box-shadow:none}.blog-card{background:transparent;padding:0;border-radius:0;box-shadow:none;transition:none;border-bottom:1px solid var(--border-light);padding-bottom:2rem}.blog-card:hover{transform:none;box-shadow:none}.submission-card{background:transparent;padding:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--border-light);padding-bottom:2rem;transition:none}.submission-card:hover{transform:none;box-shadow:none}.contest-card{background:transparent;padding:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--border-light);padding-bottom:1.5rem}.experience-item{background:transparent;padding:0;border-radius:0;box-shadow:none;margin-bottom:3rem;border-left:1px solid var(--border-color);padding-left:2rem}.skill-tag{background-color:transparent;color:var(--text-secondary);padding:.4rem .8rem;border:1px solid var(--border-color);font-size:.85rem;font-weight:300;letter-spacing:.2px}.tech-tag,.tag{background-color:transparent;color:var(--text-muted);padding:.2rem .6rem;border:1px solid var(--border-color);font-size:.75rem;font-weight:300;letter-spacing:.2px}.problem-rating{font-weight:400;font-size:.9rem;padding:.2rem .6rem;border:1px solid currentColor;border-radius:0}.verdict{font-weight:400;font-size:.9rem;padding:.3rem .8rem;border:1px solid currentColor;border-radius:0;text-transform:uppercase;letter-spacing:.5px}.contact-form{background:transparent;padding:0;border-radius:0;box-shadow:none}.form-group{margin-bottom:2rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:300;color:var(--text-primary);font-size:.9rem;letter-spacing:.2px}.form-group input,.form-group textarea{width:100%;padding:.8rem 0;border:none;border-bottom:1px solid var(--border-color);border-radius:0;font-size:1rem;transition:border-color .3s ease;background:transparent;font-weight:300;color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-bottom-color:var(--text-primary)}.success-message{background-color:transparent;color:var(--text-secondary);padding:1rem 0;border-radius:0;margin-top:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.error-message{background-color:transparent;color:#e74c3c;padding:1rem 0;border-radius:0;margin-top:1rem;text-align:left;border-bottom:1px solid #e74c3c}.navbar{position:fixed;top:0;width:100%;background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;height:80px}.nav-logo span{font-size:1.2rem;font-weight:400;color:var(--text-primary);letter-spacing:.5px}.nav-menu{display:flex;gap:3rem}.nav-link{background:none;border:none;font-size:.9rem;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-weight:300;letter-spacing:.3px}.nav-link:hover{color:var(--text-primary)}.nav-controls{display:flex;align-items:center;gap:1rem}.nav-toggle{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background-color:var(--text-primary);margin:3px 0;transition:.3s}.theme-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:10%;transition:background-color .3s ease}.theme-toggle:hover{background-color:var(--hover-bg)}.toggle-slider{position:relative;width:50px;height:24px;background-color:var(--border-color);border-radius:12px;transition:background-color .3s ease;border:1px solid var(--border-color)}.toggle-slider.active{background-color:var(--text-primary)}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:var(--bg-secondary);border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-slider.active:before{transform:translate(26px)}.toggle-icon{font-size:1.1rem;color:var(--text-secondary);transition:color .3s ease}.toggle-icon.sun{color:#f39c12}.toggle-icon.moon{color:#3498db}.about-content{max-width:800px;margin:0 auto;text-align:left}.about-text p{font-size:1rem;margin-bottom:2rem;color:var(--text-secondary);line-height:1.8;font-weight:300}.about-actions{margin:2rem 0}.skills{margin-top:3rem}.skills h3{font-size:1.2rem;margin-bottom:1.5rem;color:var(--text-primary);font-weight:300;letter-spacing:.3px}.experience-timeline{max-width:800px;margin:0 auto}.experience-header{margin-bottom:1.5rem}.experience-title{font-size:1.3rem;font-weight:300;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.2px}.experience-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.company{font-weight:300;color:var(--text-secondary)}.period{color:var(--text-muted);font-weight:300}.experience-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7;font-weight:300}.project-title{font-size:1.3rem;font-weight:300;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.2px}.project-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7;font-weight:300}.project-links{display:flex;gap:1rem}.project-link{color:var(--text-secondary);text-decoration:none;font-weight:300;padding:.4rem .8rem;border:1px solid var(--border-color);transition:all .3s ease;font-size:.85rem;letter-spacing:.2px}.project-link:hover{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.blog-title{font-size:1.3rem;font-weight:300;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.2px}.blog-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:var(--text-muted);font-weight:300}.blog-excerpt{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7;font-weight:300}.blog-link{color:var(--text-secondary);text-decoration:none;font-weight:300;padding:.4rem .8rem;border:1px solid var(--border-color);transition:all .3s ease;font-size:.85rem;letter-spacing:.2px;display:inline-block}.blog-link:hover{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.blog-post-meta{display:flex;gap:1rem;font-size:.9rem;color:var(--text-muted);font-weight:300;margin-bottom:1.5rem}.blog-post-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;margin-bottom:2rem}.blog-post-content{color:var(--text-secondary);line-height:1.8;font-weight:300;margin-bottom:3rem}.blog-post-not-found{text-align:center;padding:4rem 0}.blog-post-not-found h1{font-size:2rem;font-weight:300;color:var(--text-primary);margin-bottom:1rem}.blog-post-not-found p{color:var(--text-secondary);margin-bottom:2rem}.blog-post-content .tldr-box,.blog-post-content .warning-box,.blog-post-content .next-steps-box{padding:1.5rem;margin:2rem 0;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-tertiary)}.blog-post-content .tldr-box h3,.blog-post-content .warning-box h3,.blog-post-content .next-steps-box h3{margin-top:0;margin-bottom:1rem;font-size:1.2rem;font-weight:400;color:var(--text-primary)}.blog-post-content .warning-box{border-left:4px solid #ff9800;background-color:var(--bg-secondary)}.blog-post-content .deployment-tabs{margin:2rem 0}.blog-post-content .deployment-tabs h3{margin-bottom:1.5rem}.blog-post-content .tab-content{margin-bottom:2rem;padding:1.5rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-tertiary)}.blog-post-content .tab-content h4{margin-top:0;margin-bottom:1rem;font-size:1.3rem;font-weight:400;color:var(--text-primary)}.blog-post-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog-post-content table th,.blog-post-content table td{padding:.75rem;border:1px solid var(--border-color);text-align:left}.blog-post-content table th{background-color:var(--bg-tertiary);font-weight:400;color:var(--text-primary)}.blog-post-content pre{background-color:var(--bg-tertiary);padding:1rem;border-radius:4px;overflow-x:auto;margin:1.5rem 0}.blog-post-content code{font-family:Courier New,monospace;font-size:.9em}.blog-post-content pre code{display:block;padding:0}.blog-post-content details{margin:1.5rem 0;padding:1rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-tertiary)}.blog-post-content summary{cursor:pointer;font-weight:400;color:var(--text-primary);margin-bottom:.5rem}.blog-post-content details[open] summary{margin-bottom:1rem}.contact-info h3{font-size:1.3rem;margin-bottom:1.5rem;color:var(--text-primary);font-weight:300;letter-spacing:-.2px}.contact-info p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.7;font-weight:300}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;flex-direction:column;gap:.25rem}.contact-item strong{color:var(--text-primary);font-weight:300}.contact-item a{color:var(--text-secondary);text-decoration:none;font-weight:300}.contact-item a:hover{color:var(--text-primary)}.cf-content{max-width:1200px;margin:0 auto}.cf-description{font-size:1rem;margin-bottom:3rem;color:var(--text-secondary);line-height:1.8;font-weight:300;text-align:left}.submissions-section h3,.contests-section h3{font-size:1.3rem;font-weight:300;color:var(--text-primary);margin-bottom:2rem;letter-spacing:-.2px}.submission-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.problem-info{flex:1}.problem-name{font-size:1.2rem;font-weight:300;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.2px;line-height:1.4}.problem-link{color:var(--text-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.problem-link:hover{border-bottom-color:var(--text-primary)}.problem-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.contest-id{color:var(--text-muted);font-size:.85rem;font-weight:300}.submission-details{margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.detail-label{color:var(--text-muted);font-weight:300}.detail-value{color:var(--text-secondary);font-weight:300}.cf-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-light)}.cf-note{color:var(--text-secondary);font-weight:300;font-size:.9rem}.cf-link{color:var(--text-primary);text-decoration:none;font-weight:400;border-bottom:1px solid var(--border-color);transition:all .3s ease}.cf-link:hover{border-bottom-color:var(--text-primary)}.rating-graph{margin-bottom:2rem}.rating-graph h3{font-size:1.1rem;font-weight:300;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.1px}.graph-container{position:relative;height:140px;margin:1rem 0;background:transparent}.custom-tooltip{background:var(--text-primary);border-radius:2px;padding:.5rem;box-shadow:0 2px 8px #0000001a}.tooltip-label{color:var(--bg-primary);font-size:.8rem;font-weight:300;margin:0 0 .25rem}.tooltip-rating{color:var(--bg-primary);font-size:.8rem;font-weight:400;margin:0}.contest-header{margin-bottom:1rem}.contest-name{font-size:1.1rem;font-weight:300;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.1px}.contest-link{color:var(--text-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.contest-link:hover{border-bottom-color:var(--text-primary)}.contest-meta{display:flex;gap:1rem;font-size:.85rem;color:var(--text-muted);font-weight:300}.rating-change{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:300}.old-rating{color:var(--text-muted)}.arrow{color:var(--text-secondary)}.new-rating{font-weight:400}.rating-delta{color:var(--text-secondary);font-size:.8rem}@media(max-width:768px){.nav-menu{position:fixed;left:-100%;top:80px;flex-direction:column;background-color:var(--bg-primary);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:2rem 0}.nav-menu.active{left:0}.nav-toggle{display:flex}.nav-controls{gap:.5rem}.theme-toggle{padding:.3rem}.toggle-slider{width:40px;height:20px}.toggle-slider:before{width:14px;height:14px}.toggle-slider.active:before{transform:translate(20px)}.toggle-icon{font-size:.9rem}.nav-container,.hero{padding:0 20px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-description{font-size:.9rem}.section-title{font-size:1.8rem}.contact-content{grid-template-columns:1fr;gap:2rem}.projects-grid,.blog-grid,.submissions-grid{grid-template-columns:1fr}.cf-sections{grid-template-columns:1fr;gap:2rem}.hero-buttons{flex-direction:column;align-items:flex-start}.btn{width:200px}.container{padding:0 20px}.blog-post-title{font-size:2rem}.blog-post-content h2{font-size:1.5rem}.blog-post-content h3{font-size:1.2rem}}@media(max-width:480px){.hero-title{font-size:2rem}.container,.nav-container,.hero{padding:0 15px}.experience-item,.project-card,.blog-card,.submission-card,.contest-card{padding-bottom:1.5rem}.blog-post-title{font-size:1.8rem}.blog-post-content h2{font-size:1.3rem}.blog-post-content h3{font-size:1.1rem}.nav-controls{gap:.3rem}.theme-toggle{padding:.2rem}.toggle-slider{width:35px;height:18px}.toggle-slider:before{width:12px;height:12px;top:1px;left:1px}.toggle-slider.active:before{transform:translate(17px)}.toggle-icon{font-size:.8rem}}.code-block-wrapper{margin:1.5rem 0;border-radius:.5rem;overflow:hidden;border:1px solid var(--border-color);background:var(--code-bg)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--code-header-bg);border-bottom:1px solid var(--border-color)}.code-block-info{display:flex;align-items:center;gap:.75rem}.code-block-filename{font-size:.875rem;font-family:monospace;color:var(--text-primary)}.code-block-language{font-size:.75rem;text-transform:uppercase;font-weight:600;color:var(--text-secondary)}.code-block-copy-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;color:var(--text-secondary);background:transparent;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s}.code-block-copy-btn:hover{color:var(--text-primary);background:var(--hover-bg)}.code-block-content{overflow-x:auto}.code-block-content pre{padding:1rem;margin:0;font-size:.875rem}.code-block-content code{font-family:Courier New,monospace;color:var(--text-primary)}.code-block-table{width:100%;border-collapse:collapse}.line-number{padding-right:1rem;text-align:right;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;width:1%}.line-content{color:var(--text-primary)}.metrics-table-container{margin:1.5rem 0}.metrics-table-header{margin-bottom:1rem}.metrics-table-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.metrics-table-description{font-size:.875rem;color:var(--text-secondary)}.metrics-table-wrapper{overflow-x:auto;border-radius:.5rem;border:1px solid var(--border-color)}.metrics-table{width:100%;border-collapse:collapse;background:var(--card-bg)}.metrics-table thead{background:var(--code-header-bg);border-bottom:1px solid var(--border-color)}.metrics-table-th{padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.metrics-table-th.left{text-align:left}.metrics-table-th.center{text-align:center}.metrics-table-th.right{text-align:right}.metrics-table-th.highlighted{background:var(--accent-bg)}.metrics-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.metrics-table tbody tr:hover{background:var(--hover-bg)}.metrics-table-td{padding:.75rem 1rem;color:var(--text-primary)}.metrics-table-td.left{text-align:left}.metrics-table-td.center{text-align:center}.metrics-table-td.right{text-align:right}.metrics-table-td.highlighted{background:var(--accent-bg);font-weight:600}.metrics-cell-content{display:flex;align-items:center;gap:.25rem}.trend-icon{flex-shrink:0}.trend-up{color:var(--success-color)}.trend-down{color:var(--error-color)}.trend-stable{color:var(--text-tertiary)}.metrics-table-compact .metrics-table{font-size:.875rem}.metrics-table-striped tbody tr:nth-child(2n){background:var(--stripe-bg)}