@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--black:#0a0a0a;--white:#f7f5f0;--blue:#0046ff;--grey:#666;--light:#eceae4;--rule:#d4d0c8}body{background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}.container{max-width:1120px;margin:0 auto;padding:0 40px}header{border-bottom:3px solid var(--black);padding:40px 0 0}.header-grid{grid-template-columns:1fr 1fr;align-items:end;padding-bottom:24px;display:grid}.logo{letter-spacing:.15em;text-transform:uppercase;font-size:13px;font-weight:900}.logo a{color:inherit;text-decoration:none}nav{text-align:right;justify-content:flex-end;gap:32px;display:flex}nav a{letter-spacing:.08em;text-transform:uppercase;color:var(--black);font-size:13px;font-weight:700;text-decoration:none}nav a:hover{color:var(--blue)}.hero{border-bottom:1px solid var(--rule);padding:80px 0 60px}.hero-grid{grid-template-columns:7fr 5fr;align-items:end;gap:80px;display:grid}.hero h1{letter-spacing:-.02em;font-size:48px;font-weight:900;line-height:1.08}.hero h1 span{color:var(--blue)}.hero-aside{color:var(--grey);border-left:3px solid var(--black);padding-left:24px;font-size:15px;line-height:1.7}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--grey);margin-bottom:40px;font-size:11px;font-weight:900}.projects{border-bottom:1px solid var(--rule);padding:60px 0}.project-card{border-top:2px solid var(--black);grid-template-columns:1fr 1fr;gap:0;display:grid}.project-info{padding:40px 40px 40px 0}.project-demo{border-left:1px solid var(--rule);flex-direction:column;justify-content:center;padding:40px 0 40px 40px;display:flex}.project-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--white);background:var(--blue);margin-bottom:16px;padding:3px 8px;font-size:10px;font-weight:900;display:inline-block}.project-tag.coming{background:var(--grey)}.project-info h2{letter-spacing:-.01em;margin-bottom:8px;font-size:28px;font-weight:900}.project-info .desc{color:var(--grey);margin-bottom:20px;font-size:15px;line-height:1.7}.feature-list{margin-bottom:24px;font-size:14px;list-style:none}.feature-list li{border-bottom:1px solid var(--light);align-items:center;gap:8px;padding:6px 0;display:flex}.feature-list li:before{content:"";background:var(--blue);flex-shrink:0;width:6px;height:6px;display:inline-block}.btn{letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--black);color:var(--black);cursor:pointer;background:0 0;padding:10px 24px;font-size:12px;font-weight:900;text-decoration:none;transition:all .15s;display:inline-block}.btn:hover{background:var(--black);color:var(--white)}.btn.primary{background:var(--blue);border-color:var(--blue);color:var(--white)}.btn.primary:hover{background:#0039d4;border-color:#0039d4}.btn+.btn{margin-left:12px}.code-block{background:var(--black);color:#a1a1aa;border-radius:8px;padding:20px 24px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.code-block .comment{color:#52525b}.code-block .keyword{color:#818cf8}.code-block .string{color:#86efac}.code-block .fn{color:#67e8f9}.code-block .tag{color:#fbbf24}.widget-demo{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:340px;overflow:hidden;box-shadow:0 4px 20px #00000014}.widget-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.widget-header-title{color:#1e293b;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.widget-header-title svg{color:var(--blue)}.widget-body{padding:16px}.widget-msg{border-radius:12px;max-width:85%;margin-bottom:8px;padding:8px 12px;font-size:13px;line-height:1.5}.widget-msg.user{background:var(--blue);color:#fff;border-bottom-right-radius:4px;margin-left:auto}.widget-msg.bot{color:#1e293b;background:#f8fafc;border-bottom-left-radius:4px}.widget-input{border-top:1px solid #e2e8f0;gap:6px;padding:8px;display:flex}.widget-input input{color:#94a3b8;border:1px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13px}.widget-input button{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.skills{border-bottom:1px solid var(--rule);padding:60px 0}.skills-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.skill{border-top:2px solid var(--black);color:inherit;padding:24px 24px 24px 0;text-decoration:none;transition:background .15s;display:block}.skill:not(:nth-child(4n+1)){border-left:1px solid var(--rule);padding-left:24px}.skill:hover{background:var(--light)}.skill:hover h3{color:var(--blue)}.skill-cat{letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin-bottom:8px;font-size:10px;font-weight:900}.skill h3{margin-bottom:6px;font-size:16px;font-weight:900}.skill p{color:var(--grey);font-size:13px;line-height:1.5}.about{border-bottom:1px solid var(--rule);padding:60px 0}.about-grid{grid-template-columns:7fr 5fr;gap:80px;display:grid}.about-text{color:var(--grey);font-size:15px;line-height:1.8}.about-text p+p{margin-top:16px}.about-links{border-left:3px solid var(--black);padding-left:24px}.about-links h3{margin-bottom:16px;font-size:16px;font-weight:900}.about-links a{color:var(--black);border-bottom:1px solid var(--light);padding:8px 0;font-size:14px;font-weight:700;text-decoration:none;display:block}.about-links a:hover{color:var(--blue)}.about-links a span{color:var(--grey);margin-left:8px;font-size:13px;font-weight:400}footer{border-top:3px solid var(--black);padding:40px 0}.footer-grid{grid-template-columns:1fr 1fr;align-items:center;display:grid}.footer-left{color:var(--grey);font-size:13px}.footer-right{text-align:right;justify-content:flex-end;gap:24px;display:flex}.footer-right a{color:var(--black);letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:700;text-decoration:none}.footer-right a:hover{color:var(--blue)}@media (max-width:768px){.container{padding:0 24px}.hero h1{font-size:36px}.hero-grid,.about-grid{grid-template-columns:1fr;gap:32px}.project-card{grid-template-columns:1fr}.project-demo{border-left:none;padding:0 0 40px}.skills-grid{grid-template-columns:1fr 1fr}.skill:not(:nth-child(4n+1)){border-left:none;padding-left:0}.skill:nth-child(2n){border-left:1px solid var(--rule);padding-left:24px}.hero-aside,.about-links{border-left:none;border-top:1px solid var(--rule);padding-top:24px;padding-left:0}}