@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";.tech-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%);pointer-events:none;z-index:1}:root{--code-preview-left: 15rem;--code-preview-top: 0rem;--code-preview-width: 740px;--code-preview-height: 85vh;--code-preview-extra-width: 3rem}.code-preview-wrapper{width:100%;max-width:var(--code-preview-width)}@media (min-width: 1024px){.code-preview-wrapper{margin-left:var(--code-preview-left);margin-top:var(--code-preview-top);width:calc(100% + var(--code-preview-extra-width))}}.code-preview{background:linear-gradient(135deg,#050a12f2,#0d111cf2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(59,130,246,.2);border-radius:1rem;overflow:hidden;box-shadow:0 20px 60px #050a12b3,0 0 0 1px #3b82f61a inset;max-height:var(--code-preview-height)}.code-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#0000004d;border-bottom:1px solid rgba(59,130,246,.1)}.code-dots{display:flex;gap:.5rem}.code-dot{width:.75rem;height:.75rem;border-radius:50%;opacity:.6}.code-dot-red{background:#ef4444}.code-dot-yellow{background:#eab308}.code-dot-green{background:#22c55e}.code-title{font-family:JetBrains Mono,monospace;font-size:.875rem;color:#ffffff80;letter-spacing:.02em}.code-content{padding:1.5rem 1.5rem 1rem 0;font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.6;display:flex;flex-direction:column;gap:.1rem;overflow-y:auto;overflow-x:hidden;max-height:calc(var(--code-preview-height) - 4rem)}.code-content::-webkit-scrollbar{width:1px}.code-content::-webkit-scrollbar-track{background:transparent}.code-content::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:2px;transition:background .3s ease}.code-content::-webkit-scrollbar-thumb:hover{background:#3b82f680}.code-content{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.code-line{display:block;white-space:pre}.code-line span:not(.line-number){display:inline}.line-number{display:inline-block;width:3rem;text-align:right;padding-right:1.5rem;color:#ffffff4d;-webkit-user-select:none;user-select:none;flex-shrink:0}.code-keyword{color:#c792ea}.code-function{color:#82aaff}.code-string{color:#c3e88d}.code-punctuation{color:#fff9}.code-comment{color:#546e7a;font-style:italic}.code-variable{color:#f07178}.code-property{color:#ffcb6b}.floating-element{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;pointer-events:none;z-index:0}.floating-element-1{width:400px;height:400px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:10%;right:10%;animation:float 20s ease-in-out infinite}.floating-element-2{width:300px;height:300px;background:radial-gradient(circle,#E1A01F 0%,transparent 70%);bottom:20%;left:10%;animation:float 15s ease-in-out infinite reverse}.floating-element-3{width:250px;height:250px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:50%;left:50%;animation:float 18s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.typewriter-text{color:#ffffffb3}.typewriter-line{display:block;opacity:0;border-right:2px solid rgba(225,160,31,.8);padding-right:4px;white-space:nowrap;overflow:hidden;width:fit-content;margin:0 auto}.typewriter-line:nth-child(1){animation:typewriter 1.5s steps(40) forwards,blink .75s step-end infinite;animation-delay:0s,0s}.typewriter-line:nth-child(2){animation:typewriter 1.5s steps(40) forwards,blink .75s step-end infinite;animation-delay:2s,2s}.typewriter-line:nth-child(3){animation:typewriter 1.5s steps(40) forwards,blink .75s step-end infinite;animation-delay:4s,4s}@keyframes typewriter{0%{max-width:0;opacity:1}99%{border-right:2px solid rgba(225,160,31,.8)}to{max-width:100%;opacity:1;border-right:none}}@keyframes blink{50%{border-color:transparent}}.nav-link-mobile{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:1rem;letter-spacing:.05em;color:#fffc;transition:all .3s cubic-bezier(.4,0,.2,1);padding:.75rem 1rem;border-radius:.5rem;text-decoration:none;display:block;border:1px solid transparent}.nav-link-mobile:hover{color:#e1a01f;background:#f1ae1f1a;border-color:#f1ae1f33;text-decoration:none}@media (max-width: 768px){.tech-grid{background-size:30px 30px}.tech-main-text{font-size:1.125rem}.feature-card{padding:1.5rem}.code-content{font-size:.75rem;padding:1rem 1rem 1rem 0}.line-number{width:2.5rem;padding-right:1rem}.floating-element-1,.floating-element-2,.floating-element-3{opacity:.08}}@media (max-width: 640px){.tech-badge-content{padding:.5rem 1.25rem;gap:.5rem}.tech-badge-icon{width:1rem;height:1rem}.tech-badge-text{font-size:.75rem}.tech-main-text{font-size:1rem;padding:0 .5rem}.feature-icon-wrapper{width:3rem;height:3rem}.feature-icon{width:1.5rem;height:1.5rem}.feature-title{font-size:1.125rem}.feature-description{font-size:.875rem}.line-number{width:2rem;padding-right:.75rem;font-size:.7rem}}