﻿*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:#0d0d1a;color:#e8e8f0;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.7;min-height:100vh;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;background-image:radial-gradient(1px 1px at 10% 15%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(1px 1px at 30% 5%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(1px 1px at 55% 25%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(1px 1px at 75% 10%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(1px 1px at 90% 35%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(1px 1px at 20% 45%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(1px 1px at 40% 60%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(1px 1px at 65% 50%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(1px 1px at 85% 65%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(1px 1px at 5% 75%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(1px 1px at 50% 80%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(1px 1px at 70% 85%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(1px 1px at 95% 90%, rgba(255, 255, 255, 0.6), transparent),radial-gradient(1.5px 1.5px at 15% 90%, rgba(255, 255, 255, 0.8), transparent),radial-gradient(1.5px 1.5px at 45% 3%, rgba(255, 255, 255, 0.8), transparent),radial-gradient(1.5px 1.5px at 80% 50%, rgba(255, 255, 255, 0.8), transparent);pointer-events:none;z-index:0}h1,h2,h3,h4,h5,h6{color:#e8e8f0;line-height:1.25;margin-bottom:1rem;font-weight:700}h1{font-size:2.75rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.125rem}p{margin-bottom:1rem;color:#9898b8}a{color:#4ecdc4;text-decoration:none;transition:color 150ms ease}a:hover{color:#b57bee}strong{color:#e8e8f0}em{color:#ffd166;font-style:italic}code{font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:.88em;background:#1a1a35;color:#4ecdc4;padding:.1em .4em;border-radius:4px;border:1px solid #2a2a4a}pre{background:#1a1a35;border:1px solid #2a2a4a;border-radius:8px;padding:1.5rem;overflow-x:auto;margin-bottom:1.5rem;box-shadow:0 4px 24px rgba(0,0,0,.4)}pre code{background:none;border:none;padding:0;font-size:.875rem;color:#e8e8f0}ul,ol{padding-left:1.5rem;margin-bottom:1rem;color:#9898b8}ul li,ol li{margin-bottom:.25rem}hr{border:none;border-top:1px solid #2a2a4a;margin:3rem 0}blockquote{border-left:3px solid #b57bee;padding-left:1.5rem;margin:1.5rem 0;color:#9898b8;font-style:italic}img{max-width:100%;height:auto;border-radius:8px}table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}table th,table td{padding:.5rem 1rem;border:1px solid #2a2a4a;text-align:left}table th{background:#1a1a35;color:#b57bee;font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}table tr:nth-child(even) td{background:hsla(0,0%,100%,.02)}::selection{background:rgba(181,123,238,.3);color:#e8e8f0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#12122b}::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#b57bee}.site-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.site-nav{position:sticky;top:0;z-index:100;height:64px;background:rgba(13,13,26,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #2a2a4a;display:flex;align-items:center}.site-nav .nav-inner{width:100%;max-width:860px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.site-nav .nav-brand{font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:1.125rem;font-weight:700;color:#e8e8f0;text-decoration:none;letter-spacing:-0.02em}.site-nav .nav-brand .brand-prompt{color:#4ecdc4}.site-nav .nav-brand .brand-cursor{color:#b57bee;animation:blink 1.2s step-end infinite}.site-nav .nav-brand:hover{color:#e8e8f0}.site-nav .nav-links{display:flex;gap:2rem;list-style:none;padding:0;margin:0}.site-nav .nav-links a{font-size:.875rem;font-family:"JetBrains Mono","Fira Code","Courier New",monospace;color:#9898b8;text-transform:uppercase;letter-spacing:.08em;padding-bottom:2px;border-bottom:2px solid rgba(0,0,0,0);transition:color 150ms ease,border-color 150ms ease}.site-nav .nav-links a:hover,.site-nav .nav-links a.active{color:#4ecdc4;border-bottom-color:#4ecdc4}@keyframes blink{50%{opacity:0}}.site-main{flex:1;width:100%;max-width:860px;margin:0 auto;padding:5rem 2rem}.site-footer{border-top:1px solid #2a2a4a;padding:2rem;text-align:center;font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:.875rem;color:#5a5a7a}.site-footer .footer-inner{max-width:860px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.site-footer a{color:#5a5a7a}.site-footer a:hover{color:#4ecdc4}.site-footer .footer-links{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0}.hero{padding:5rem 0 3rem;text-align:center}.hero .hero-eyebrow{font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:.875rem;color:#4ecdc4;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem}.hero .hero-title{font-size:clamp(2.2rem,6vw,3.5rem);font-weight:800;letter-spacing:-0.03em;margin-bottom:1.5rem;background:linear-gradient(135deg, #e8e8f0 0%, #b57bee 60%, #4ecdc4 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero .hero-sub{font-size:1.125rem;color:#9898b8;max-width:560px;margin:0 auto 3rem;line-height:1.6}.hero .hero-cta{display:inline-flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;border-radius:8px;font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:.875rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all 250ms ease;border:1px solid rgba(0,0,0,0);text-decoration:none}.btn.btn-primary{background:#b57bee;color:#0d0d1a;border-color:#b57bee}.btn.btn-primary:hover{background:rgb(201.2630872483,159.144966443,242.655033557);color:#0d0d1a;box-shadow:0 0 20px rgba(181,123,238,.25);transform:translateY(-2px)}.btn.btn-outline{background:rgba(0,0,0,0);color:#4ecdc4;border-color:#4ecdc4}.btn.btn-outline:hover{background:rgba(78,205,196,.1);color:#4ecdc4;box-shadow:0 0 20px rgba(78,205,196,.25);transform:translateY(-2px)}.card{background:#1a1a35;border:1px solid #2a2a4a;border-radius:16px;padding:2rem;box-shadow:0 4px 24px rgba(0,0,0,.4);transition:border-color 250ms ease,box-shadow 250ms ease,transform 250ms ease}.card:hover{border-color:rgba(181,123,238,.4);box-shadow:0 0 20px rgba(181,123,238,.25),0 4px 24px rgba(0,0,0,.4);transform:translateY(-3px)}.card .card-title{font-size:1.125rem;font-weight:700;color:#e8e8f0;margin-bottom:.5rem}.card .card-meta{font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:.875rem;color:#5a5a7a;margin-bottom:1rem}.card .card-desc{font-size:1rem;color:#9898b8;margin-bottom:1rem}.card .card-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:1rem}.tag{font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:.72rem;padding:2px .5rem;border-radius:999px;border:1px solid;font-weight:500;letter-spacing:.04em;text-transform:lowercase}.tag.tag-purple{color:#b57bee;border-color:rgba(181,123,238,.4);background:rgba(181,123,238,.08)}.tag.tag-teal{color:#4ecdc4;border-color:rgba(78,205,196,.4);background:rgba(78,205,196,.08)}.tag.tag-pink{color:#ff6b9d;border-color:rgba(255,107,157,.4);background:rgba(255,107,157,.08)}.tag.tag-yellow{color:#ffd166;border-color:rgba(255,209,102,.4);background:rgba(255,209,102,.08)}.tag.tag-default{color:#5a5a7a;border-color:#2a2a4a;background:rgba(0,0,0,0)}.section-label{font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:.875rem;color:#4ecdc4;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem}.section-title{font-size:2rem;font-weight:700;margin-bottom:3rem;color:#e8e8f0}.section-title::after{content:"";display:block;width:48px;height:3px;background:linear-gradient(90deg, #b57bee, #4ecdc4);border-radius:999px;margin-top:.5rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:2rem}.post-list{list-style:none;padding:0}.post-list .post-item{border-bottom:1px solid #2a2a4a;padding:2rem 0;display:flex;gap:2rem;align-items:flex-start}.post-list .post-item:first-child{border-top:1px solid #2a2a4a}.post-list .post-item .post-date{font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:.875rem;color:#5a5a7a;white-space:nowrap;min-width:110px;padding-top:4px}.post-list .post-item .post-title{font-size:1.125rem;font-weight:600;color:#e8e8f0;text-decoration:none;display:block;margin-bottom:.25rem;transition:color 150ms ease}.post-list .post-item .post-title:hover{color:#b57bee}.post-list .post-item .post-excerpt{font-size:1rem;color:#9898b8}.post-header,.page-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #2a2a4a}.post-header .post-title,.post-header .page-title,.page-header .post-title,.page-header .page-title{font-size:2.75rem;margin-bottom:1rem}.post-header .post-meta,.page-header .post-meta{font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:.875rem;color:#5a5a7a}.post-header .post-meta span+span::before,.page-header .post-meta span+span::before{content:" · ";margin:0 .25rem}.page-header{display:flex;justify-content:space-between}.page-header .header-text-wrapper{flex:1;min-width:280px}.page-header .header-image-wrapper{width:50%;height:300px;border-radius:16px;overflow:hidden;border:1px solid #2a2a4a}.page-header .header-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.post-content h2,.page-content h2{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #2a2a4a}.post-content h3,.page-content h3{margin-top:2rem}.post-content a,.page-content a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(78,205,196,.4)}.post-content a:hover,.page-content a:hover{text-decoration-color:#4ecdc4}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:1rem;margin-bottom:3rem}.skill-item{background:#1a1a35;border:1px solid #2a2a4a;border-radius:8px;padding:1rem 1.5rem;font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:.875rem;color:#9898b8;transition:border-color 150ms ease,color 150ms ease;display:flex;align-items:center;gap:.75rem}.skill-item:hover{border-color:rgba(78,205,196,.5);color:#4ecdc4}.skill-item .skill-icon{line-height:0;margin-right:.5rem}.terminal{background:#0a0a14;border:1px solid #2a2a4a;border-radius:16px;padding:2rem;font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:.875rem;margin-bottom:3rem;box-shadow:0 4px 24px rgba(0,0,0,.4)}.terminal .terminal-bar{display:flex;gap:.5rem;margin-bottom:1.5rem}.terminal .terminal-bar span{width:12px;height:12px;border-radius:50%}.terminal .terminal-bar span:nth-child(1){background:#ff5f57}.terminal .terminal-bar span:nth-child(2){background:#febc2e}.terminal .terminal-bar span:nth-child(3){background:#28c840}.terminal .terminal-line{line-height:1.8}.terminal .terminal-line .prompt{color:#4ecdc4}.terminal .terminal-line .cmd{color:#e8e8f0}.terminal .terminal-line .out{color:#9898b8}.terminal .terminal-line .acc{color:#b57bee}.ornament{text-align:center;color:#5a5a7a;font-size:1.25rem;margin:3rem 0;letter-spacing:.5em;user-select:none}@media(max-width: 640px){.site-nav .nav-links{gap:1.5rem}.site-main{padding:3rem 1.5rem}.hero .hero-title{font-size:2rem}.post-list .post-item{flex-direction:column;gap:.25rem}.footer-inner{flex-direction:column;text-align:center}}.panel{background:#1a1a35;border:1px solid #2a2a4a;border-radius:16px;padding:2rem;box-shadow:0 4px 24px rgba(0,0,0,.4);transition:border-color 250ms ease,box-shadow 250ms ease,transform 250ms ease;margin-bottom:3rem}.panel h3{margin-top:.5rem}.panel-images{display:flex;gap:1.5rem;margin-top:1.5rem;width:100%;overflow-x:scroll}.panel-images img{border-radius:8px;border:1px solid #2a2a4a;box-shadow:0 4px 24px rgba(0,0,0,.4);transition:transform 250ms ease,box-shadow 250ms ease;height:400px}.highlight{background:#1a1a35 !important;border-radius:8px}.highlight .c,.highlight .c1,.highlight .cm{color:#5a5a7a;font-style:italic}.highlight .k,.highlight .kd,.highlight .kn{color:#b57bee}.highlight .s,.highlight .s1,.highlight .s2{color:#ffd166}.highlight .mi,.highlight .mf{color:#ff6b9d}.highlight .nf,.highlight .nc{color:#4ecdc4}.highlight .nb{color:rgb(137.6497797357,221.8502202643,215.8832599119)}.highlight .o,.highlight .p{color:#9898b8}/*# sourceMappingURL=main.css.map */