@layer base{html{scroll-behavior:smooth}body{@apply text-slate-400 font-sans antialiased selection:bg-phosphor-green selection:text-black;background:transparent}}.terminal-bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.terminal-bg-layer canvas{display:block;width:100%;height:100%;object-fit:cover}.grid-pattern{background-size:40px 40px;background-image:linear-gradient(to right,rgba(34,197,94,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(34,197,94,.03) 1px,transparent 1px)}.glass-panel{background:#0a0a0ad9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08)}.terminal-glow{box-shadow:0 0 40px #000,0 0 20px #22c55e0d}.news-item:hover{background:#22c55e08}.scanline{width:100%;height:2px;background:linear-gradient(to right,transparent,rgba(34,197,94,.1),transparent);position:absolute;top:0;left:0;pointer-events:none}.terminal-scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;border-radius:inherit}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.terminal-text-glow{text-shadow:0 0 20px rgba(34,197,94,.35),0 0 40px rgba(34,197,94,.15)}.terminal-typing-wrapper{white-space:nowrap;width:0;animation:typing var(--typing-duration, 2.5s) steps(var(--typing-ch, 35)) forwards;vertical-align:baseline;padding-bottom:.15em}.terminal-typing-line2{animation-delay:.9s}.hero-title-lines{line-height:1.5}.hero-title-lines .hero-line1{font-size:1.875rem}@media (min-width: 640px){.hero-title-lines .hero-line1{font-size:2.75rem}}@media (min-width: 768px){.hero-title-lines .hero-line1{font-size:4.5rem}}@media (min-width: 1024px){.hero-title-lines .hero-line1{font-size:5rem}}.hero-title-lines .hero-line2{margin-top:.35em;padding-bottom:.2em;display:inline-block}.hero-iphone-img{display:block;width:auto;max-width:min(320px,90vw);height:auto;max-height:min(680px,85vh);object-fit:contain}@media (min-width: 1024px){.hero-iphone-img{max-width:340px}}@keyframes typing{to{width:calc(var(--typing-ch, 35) * 1ch)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.animate-blink{animation:blink 1s step-end infinite}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes line-in{0%{border-left-width:0}to{border-left-width:3px}}@keyframes border-glow{0%,to{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 0 1px #22c55e26}}.animate-on-scroll{opacity:0;transform:translateY(14px);transition:opacity .5s ease-out,transform .5s ease-out}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.animate-on-scroll.delay-1{transition-delay:.05s}.animate-on-scroll.delay-2{transition-delay:.1s}.animate-on-scroll.delay-3{transition-delay:.15s}.animate-on-scroll.delay-4{transition-delay:.2s}.animate-on-scroll.delay-5{transition-delay:.25s}.animate-on-scroll.delay-6{transition-delay:.3s}.animate-on-scroll.delay-7{transition-delay:.35s}.animate-on-scroll.delay-8{transition-delay:.4s}.animate-on-scroll.delay-9{transition-delay:.45s}.animate-on-scroll.delay-10{transition-delay:.5s}.animate-fade-in-up{animation:fade-in-up .5s ease-out forwards}.animate-fade-in{animation:fade-in .4s ease-out forwards}.glass-panel{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.glass-panel:hover{transform:translateY(-2px)}.glass-panel:focus-within{animation:border-glow 2s ease-in-out infinite}@media (min-width: 768px){.dashboard-preview{display:flex;flex-direction:row;gap:1.5rem;align-items:flex-start}.dashboard-main-panel{position:relative!important;width:50%!important;flex:1}.dashboard-feed-panel{position:relative!important;width:50%!important;flex:1;transform:none!important;margin-top:0!important}}@media (max-width: 767px){.dashboard-preview{height:auto!important;min-height:500px}.dashboard-main-panel{position:relative!important;width:100%!important;height:auto!important;margin-bottom:1rem}.dashboard-feed-panel{position:relative!important;width:100%!important;height:auto!important;max-height:400px;transform:none!important}}