.floating-code[data-v-5d416825]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.floating-code[data-v-5d416825],.floating-code .code-snippet[data-v-5d416825]{animation:none!important;transition:none!important}.code-snippet[data-v-5d416825]{position:absolute;font-size:.875rem;color:#00ff0040;font-weight:500;font-family:Courier New,Monaco,Menlo,monospace;padding:.25rem .5rem;background:#0000001a;border-radius:.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;z-index:1;animation:none!important;text-shadow:0 0 8px rgba(0,255,0,.3),0 0 12px rgba(0,255,136,.2)}.global-coffee-code-bg[data-v-cf4a8023]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden}.global-coffee-code-bg .coffee-bean[data-v-cf4a8023],.global-coffee-code-bg .steam[data-v-cf4a8023],.global-coffee-code-bg .coffee-ring[data-v-cf4a8023],.global-coffee-code-bg .cup-icon[data-v-cf4a8023]{animation:none!important}@media (prefers-reduced-motion: reduce){.global-coffee-code-bg .coffee-bean[data-v-cf4a8023],.global-coffee-code-bg .steam[data-v-cf4a8023],.global-coffee-code-bg .coffee-ring[data-v-cf4a8023],.global-coffee-code-bg .cup-icon[data-v-cf4a8023]{animation:none!important}}.coffee-beans[data-v-cf4a8023]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.coffee-bean[data-v-cf4a8023]{position:absolute;opacity:.2;display:flex;align-items:center;justify-content:center}.bean-logo[data-v-cf4a8023]{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 5px rgba(0,255,0,.3))}@media (max-width: 768px){.coffee-bean[data-v-cf4a8023]{opacity:.35}.bean-logo[data-v-cf4a8023]{width:36px;height:36px}}.coffee-bean.bean-1[data-v-cf4a8023]{top:10%;left:5%;animation-delay:0s}.coffee-bean.bean-2[data-v-cf4a8023]{top:20%;right:8%;animation-delay:2s}.coffee-bean.bean-3[data-v-cf4a8023]{top:30%;left:15%;animation-delay:4s}.coffee-bean.bean-4[data-v-cf4a8023]{top:40%;right:12%;animation-delay:1s}.coffee-bean.bean-5[data-v-cf4a8023]{top:50%;left:8%;animation-delay:3s}.coffee-bean.bean-6[data-v-cf4a8023]{top:60%;right:18%;animation-delay:5s}.coffee-bean.bean-7[data-v-cf4a8023]{top:70%;left:12%;animation-delay:2.5s}.coffee-bean.bean-8[data-v-cf4a8023]{top:80%;right:6%;animation-delay:4.5s}.coffee-bean.bean-9[data-v-cf4a8023]{top:15%;left:25%;animation-delay:1.5s}.coffee-bean.bean-10[data-v-cf4a8023]{top:25%;right:25%;animation-delay:3.5s}.coffee-bean.bean-11[data-v-cf4a8023]{top:55%;left:20%;animation-delay:.5s}.coffee-bean.bean-12[data-v-cf4a8023]{top:65%;right:15%;animation-delay:2.2s}@keyframes beanFloat-cf4a8023{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-30px) translate(20px) rotate(15deg)}50%{transform:translateY(-15px) translate(-15px) rotate(-15deg)}75%{transform:translateY(-45px) translate(25px) rotate(10deg)}}.coffee-steam[data-v-cf4a8023]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.steam[data-v-cf4a8023]{position:absolute;width:.25rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));opacity:.1}.steam-1[data-v-cf4a8023]{left:20%;bottom:30%;animation-delay:0s}.steam-2[data-v-cf4a8023]{left:35%;bottom:25%;animation-delay:1s}.steam-3[data-v-cf4a8023]{left:50%;bottom:35%;animation-delay:2s}.steam-4[data-v-cf4a8023]{left:65%;bottom:28%;animation-delay:1.5s}.steam-5[data-v-cf4a8023]{left:80%;bottom:32%;animation-delay:.5s}.steam-6[data-v-cf4a8023]{left:25%;bottom:40%;animation-delay:2.5s}.steam-7[data-v-cf4a8023]{left:60%;bottom:38%;animation-delay:3s}.steam-8[data-v-cf4a8023]{left:75%;bottom:42%;animation-delay:1.2s}@keyframes steamRise-cf4a8023{0%{transform:translateY(0) scaleY(1);opacity:.1}50%{transform:translateY(-100px) scaleY(1.5);opacity:.2}to{transform:translateY(-200px) scaleY(.5);opacity:0}}.coffee-rings[data-v-cf4a8023]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.coffee-ring[data-v-cf4a8023]{position:absolute;border-radius:9999px;border-width:2px;border-color:#ffffff1a}.ring-1[data-v-cf4a8023]{width:100px;height:100px;top:20%;left:15%;animation-delay:0s}.ring-2[data-v-cf4a8023]{width:150px;height:150px;top:50%;right:20%;animation-delay:3s}.ring-3[data-v-cf4a8023]{width:80px;height:80px;bottom:30%;left:25%;animation-delay:6s}.ring-4[data-v-cf4a8023]{width:120px;height:120px;top:70%;right:15%;animation-delay:9s}.ring-5[data-v-cf4a8023]{width:200px;height:200px;top:40%;left:50%;animation-delay:12s}@keyframes ringExpand-cf4a8023{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.5);opacity:.2}}.coffee-cups[data-v-cf4a8023]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.cup-icon[data-v-cf4a8023]{position:absolute;opacity:.15;display:flex;align-items:center;justify-content:center}.cup-logo-img[data-v-cf4a8023]{width:60px;height:60px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 10px rgba(139,92,246,.4))}.cup-1[data-v-cf4a8023]{top:20%;left:25%;animation-delay:0s}.cup-2[data-v-cf4a8023]{top:60%;right:30%;animation-delay:3s}.cup-2 .cup-logo-img[data-v-cf4a8023]{width:50px;height:50px}.cup-3[data-v-cf4a8023]{bottom:20%;left:60%;animation-delay:6s}.cup-3 .cup-logo-img[data-v-cf4a8023]{width:40px;height:40px}.cup-4[data-v-cf4a8023]{top:45%;left:15%;animation-delay:4s}.cup-4 .cup-logo-img[data-v-cf4a8023]{width:44px;height:44px}.cup-5[data-v-cf4a8023]{bottom:35%;right:15%;animation-delay:7s}.cup-5 .cup-logo-img[data-v-cf4a8023]{width:36px;height:36px}@keyframes cupFloat-cf4a8023{0%,to{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:.15}25%{transform:translateY(-50px) translate(40px) rotate(15deg) scale(1.1);opacity:.2}50%{transform:translateY(-30px) translate(-30px) rotate(-15deg) scale(.9);opacity:.18}75%{transform:translateY(-70px) translate(50px) rotate(10deg) scale(1.05);opacity:.2}}.mac-status-bar[data-v-3fc074b1]{position:fixed;top:0;left:0;right:0;z-index:9999;height:1.75rem;border-radius:0;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: #0a0a0a var(--tw-gradient-from-position);--tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #1a1a1a var(--tw-gradient-to-position);display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;border-color:#ffffff1a;padding-left:1rem;padding-right:1rem;font-size:11px;color:#fffc}.status-left[data-v-3fc074b1]{display:flex;align-items:center;gap:1.25rem}.status-right[data-v-3fc074b1]{display:flex;align-items:center;gap:.75rem}.mac-traffic-lights[data-v-3fc074b1]{display:flex;gap:.5rem}.traffic-light[data-v-3fc074b1]{height:.75rem;width:.75rem;border-radius:9999px}.traffic-light-close[data-v-3fc074b1]{--tw-bg-opacity: 1;background-color:rgb(255 95 87 / var(--tw-bg-opacity, 1))}.traffic-light-minimize[data-v-3fc074b1]{--tw-bg-opacity: 1;background-color:rgb(255 189 46 / var(--tw-bg-opacity, 1))}.traffic-light-maximize[data-v-3fc074b1]{--tw-bg-opacity: 1;background-color:rgb(40 202 66 / var(--tw-bg-opacity, 1))}.navbar-in-status[data-v-3fc074b1]{display:flex;align-items:center}.nav-menu-in-status[data-v-3fc074b1]{margin:0;display:flex;list-style-type:none;align-items:center;gap:1.25rem;padding:0}.nav-link-in-status[data-v-3fc074b1]{border-radius:.25rem;padding:.25rem .5rem;font-size:11px;font-weight:500;color:#ffffffb3;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nav-link-in-status[data-v-3fc074b1]:hover{background-color:#ffffff1a;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.status-time[data-v-3fc074b1]{font-weight:500;letter-spacing:.025em}.status-wifi[data-v-3fc074b1]{font-size:.75rem;line-height:1rem}.status-battery[data-v-3fc074b1]{display:flex;align-items:center;gap:.25rem}.battery-percent[data-v-3fc074b1]{font-size:11px}@media (max-width: 768px){.mac-status-bar[data-v-3fc074b1]{display:none}}.splash-screen[data-v-3005efc9]{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a1ad9,#2a2a2ad9);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:10001!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .8s ease,visibility .8s ease;opacity:1;visibility:visible;pointer-events:all;overflow:hidden}.splash-screen .floating-code[data-v-3005efc9]{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.splash-screen.hidden[data-v-3005efc9]{pointer-events:none;visibility:hidden;opacity:0;z-index:-1}.splash-content[data-v-3005efc9]{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;animation:splashFadeIn-3005efc9 1s ease}.splash-logo[data-v-3005efc9]{margin-bottom:2rem;animation:logoBounce-3005efc9 1s ease infinite}.splash-logo-img[data-v-3005efc9]{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 30px rgba(99,102,241,.5))}.splash-title[data-v-3005efc9]{font-size:3rem;font-weight:800;color:#fff;margin-bottom:10px;background:linear-gradient(135deg,#6366f1,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Inter,sans-serif}.splash-subtitle[data-v-3005efc9]{font-size:1.2rem;color:#ffffffb3;margin-bottom:40px;animation:pulse-3005efc9 2s ease-in-out infinite}.splash-loader[data-v-3005efc9]{display:flex;justify-content:center;gap:.5rem}.loader-dot[data-v-3005efc9]{width:10px;height:10px;border-radius:50%;background:#6366f1;animation:loaderBounce-3005efc9 1.4s ease-in-out infinite}.loader-dot[data-v-3005efc9]:nth-child(2){animation-delay:.2s}.loader-dot[data-v-3005efc9]:nth-child(3){animation-delay:.4s}@keyframes splashFadeIn-3005efc9{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes logoBounce-3005efc9{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes loaderBounce-3005efc9{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes pulse-3005efc9{0%,to{opacity:.7}50%{opacity:1}}.terminal-boot-screen[data-v-191e1085]{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#0a0e27d9;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:10000;display:none;align-items:center;justify-content:center;font-family:Courier New,Monaco,Menlo,monospace;opacity:0;visibility:hidden;transition:opacity .8s ease-out,visibility .8s ease,transform .8s cubic-bezier(.4,0,.2,1);overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 100%)}.terminal-boot-screen .floating-code[data-v-191e1085]{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.terminal-boot-screen.show[data-v-191e1085]{visibility:visible;display:flex;opacity:1;transform:translateY(0) scale(1)}.terminal-boot-screen.fade-out[data-v-191e1085]{pointer-events:none}.terminal-container[data-v-191e1085]{width:90%;max-width:1000px;overflow:hidden;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(10 14 39 / var(--tw-bg-opacity, 1));--tw-shadow: 0 0 0 1px rgba(0,255,0,.2),0 20px 60px rgba(0,0,0,.8),0 0 100px rgba(0,255,0,.1);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 20px 60px var(--tw-shadow-color), 0 0 100px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@keyframes terminalGlow-191e1085{0%,to{box-shadow:0 0 0 1px #0f03,0 20px 60px #000c,0 0 100px #00ff001a}50%{box-shadow:0 0 0 1px #0f06,0 20px 60px #000c,0 0 150px #0f03}}.terminal-container[data-v-191e1085]{animation:terminalGlow-191e1085 3s ease-in-out infinite;border-width:1px;border-color:#00ff004d;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.8s;z-index:2;position:relative}.terminal-boot-screen.fade-out .terminal-container[data-v-191e1085]{max-width:1000px;border-radius:.75rem;--tw-shadow: 0 0 0 1px rgba(0,255,0,.2),0 20px 60px rgba(0,0,0,.8),0 0 100px rgba(0,255,0,.1);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 20px 60px var(--tw-shadow-color), 0 0 100px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.terminal-header[data-v-191e1085]{display:flex;align-items:center;justify-content:space-between;--tw-bg-opacity: 1;background-color:rgb(26 31 58 / var(--tw-bg-opacity, 1));padding:.75rem 1.25rem;border-bottom-width:1px;border-color:#00ff001a}.terminal-controls[data-v-191e1085]{display:flex;gap:.5rem}.terminal-dot[data-v-191e1085]{height:.75rem;width:.75rem;border-radius:9999px}.terminal-dot.red[data-v-191e1085]{--tw-bg-opacity: 1;background-color:rgb(255 95 87 / var(--tw-bg-opacity, 1))}.terminal-dot.yellow[data-v-191e1085]{--tw-bg-opacity: 1;background-color:rgb(255 189 46 / var(--tw-bg-opacity, 1))}.terminal-dot.green[data-v-191e1085]{--tw-bg-opacity: 1;background-color:rgb(40 202 66 / var(--tw-bg-opacity, 1))}.terminal-title[data-v-191e1085]{font-family:Courier New,Monaco,Menlo,monospace;font-size:13px;font-weight:500;color:#0f09}.terminal-body[data-v-191e1085]{min-height:400px;--tw-bg-opacity: 1;background-color:rgb(10 14 39 / var(--tw-bg-opacity, 1));padding:2rem;font-family:Courier New,Monaco,Menlo,monospace;font-size:15px;line-height:1.625;--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity, 1));overflow-x:hidden;overflow-y:auto;max-height:70vh;position:relative;word-wrap:break-word;overflow-wrap:break-word}.terminal-logo[data-v-191e1085]{position:absolute;top:72px;right:25px;z-index:1000;opacity:.7;animation:terminalLogoFloat-191e1085 3s ease-in-out infinite;pointer-events:none}.terminal-logo-img[data-v-191e1085]{width:70px;height:70px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,255,136,.5))}@keyframes terminalLogoFloat-191e1085{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-4px) rotate(5deg);opacity:.8}}.terminal-line[data-v-191e1085]{margin-bottom:.5rem;display:flex;align-items:flex-start;gap:.5rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;min-width:0;max-width:100%}.terminal-line .prompt[data-v-191e1085],.terminal-line .output[data-v-191e1085]{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;flex-shrink:1;min-width:0}.terminal-cursor[data-v-191e1085]{margin-left:.25rem;display:inline-block}.terminal-cursor[data-v-191e1085]{animation:cursorBlink-191e1085 1s infinite;font-weight:700;--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity, 1))}.terminal-cursor.blink[data-v-191e1085]{animation:cursorBlink-191e1085 1s infinite}@keyframes cursorBlink-191e1085{0%,50%{opacity:1}51%,to{opacity:0}}.prompt[data-v-191e1085]{font-weight:700;--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity, 1))}.output[data-v-191e1085]{margin-left:0;--tw-text-opacity: 1;color:rgb(136 204 255 / var(--tw-text-opacity, 1))}.output.success[data-v-191e1085]{font-weight:500;--tw-text-opacity: 1;color:rgb(0 255 136 / var(--tw-text-opacity, 1))}@media (max-width: 768px){.terminal-container[data-v-191e1085]{width:95%;max-width:none}.terminal-body[data-v-191e1085]{padding:1rem;font-size:13px;max-height:60vh;-webkit-overflow-scrolling:touch}.terminal-header[data-v-191e1085]{padding:.5rem 1rem}.terminal-logo[data-v-191e1085]{top:52px;right:12px}.terminal-logo-img[data-v-191e1085]{width:45px;height:45px}}.mobile-status-bar[data-v-432a9e4c]{display:none}@media (min-width: 768px){.mobile-status-bar[data-v-432a9e4c]{display:none}}@media (max-width: 768px){.mobile-status-bar[data-v-432a9e4c]{position:fixed;top:0;left:0;right:0;display:flex;height:2.75rem;align-items:center;justify-content:flex-end;pointer-events:none;z-index:10001;font-size:.875rem;line-height:1.25rem;font-weight:600;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: #000 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #1a1a1a var(--tw-gradient-to-position);padding-left:1.25rem;padding-right:1.25rem}.mobile-status-right[data-v-432a9e4c]{display:flex;align-items:center;gap:.625rem;font-size:.75rem;line-height:1rem}.mobile-status-time[data-v-432a9e4c]{margin-right:.25rem;font-weight:600}.mobile-status-right i[data-v-432a9e4c],.mobile-status-right .iconify[data-v-432a9e4c]{opacity:.9}.mobile-battery-percent[data-v-432a9e4c]{font-size:.75rem;line-height:1rem}}.mobile-bottom-nav[data-v-fac4c32c]{display:none}@media (max-width: 768px){.mobile-bottom-nav[data-v-fac4c32c]{position:fixed;bottom:0;left:0;right:0;width:100vw;height:70px;background:#0a0e27f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,255,0,.2);box-shadow:0 -2px 20px #00000080;z-index:1000;display:flex;justify-content:space-around;align-items:center;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));margin:0}.mobile-nav-item[data-v-fac4c32c]{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;text-decoration-line:none;position:relative;min-width:0px;color:#00ff0080;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.mobile-nav-item i[data-v-fac4c32c]{margin-bottom:.25rem;font-size:1.25rem;line-height:1.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.mobile-nav-item span[data-v-fac4c32c]{white-space:nowrap;font-family:Courier New,Monaco,Menlo,monospace;font-size:11px;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.mobile-nav-item.active[data-v-fac4c32c]{--tw-text-opacity: 1;color:rgb(0 255 136 / var(--tw-text-opacity, 1))}.mobile-nav-item.active i[data-v-fac4c32c]{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));filter:drop-shadow(0 0 8px rgba(0,255,136,.6))}.mobile-nav-item[data-v-fac4c32c]:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.mobile-nav-item.active[data-v-fac4c32c]:before{content:"";position:absolute;top:0;left:50%;height:.25rem;width:.25rem;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(0 255 136 / var(--tw-bg-opacity, 1));--tw-shadow: 0 0 8px rgba(0,255,136,.8);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}.hero-terminal[data-v-6f4c844c]{display:flex;min-height:90vh;align-items:center;justify-content:center;background-color:transparent;padding:5rem 1.25rem;position:relative;overflow:visible}.hero-swipe-container[data-v-6f4c844c]{position:relative;width:100%;max-width:1000px;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-slides[data-v-6f4c844c]{position:relative;width:100%;min-height:500px;pointer-events:none}.hero-slide[data-v-6f4c844c]{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility .5s;pointer-events:none}.hero-slide.active[data-v-6f4c844c]{opacity:1;visibility:visible;position:relative;pointer-events:none}.hero-slide[data-v-6f4c844c]>*{pointer-events:auto}.hero-code-header[data-v-6f4c844c]{pointer-events:auto!important;z-index:100;position:relative;background:inherit}.code-tabs[data-v-6f4c844c]{pointer-events:auto!important;z-index:101;position:relative;display:flex;background:inherit}.hero-swipe-container button[data-v-6f4c844c],.hero-swipe-container .nav-dot[data-v-6f4c844c],.hero-swipe-container .nav-arrow[data-v-6f4c844c],.hero-swipe-container .code-tab[data-v-6f4c844c],.hero-swipe-container .code-tabs[data-v-6f4c844c],.hero-swipe-container .terminal-line-hero.cursor-pointer[data-v-6f4c844c]{pointer-events:auto!important;z-index:1000;position:relative}.hero-navigation[data-v-6f4c844c],.hero-navigation .nav-dot[data-v-6f4c844c],.nav-arrow[data-v-6f4c844c]{pointer-events:auto!important;z-index:1000}.hero-code-container[data-v-6f4c844c]{position:relative;z-index:10;width:100%;max-width:1000px}.hero-code-window[data-v-6f4c844c]{overflow:hidden;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(10 14 39 / var(--tw-bg-opacity, 1));--tw-shadow: 0 0 0 1px rgba(0,255,0,.2),0 20px 60px rgba(0,0,0,.8),0 0 100px rgba(0,255,0,.1);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 20px 60px var(--tw-shadow-color), 0 0 100px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-width:1px;border-color:#00ff004d}.hero-code-header[data-v-6f4c844c]{display:flex;align-items:center;--tw-bg-opacity: 1;background-color:rgb(26 31 58 / var(--tw-bg-opacity, 1));padding:.75rem 1.25rem;border-bottom-width:1px;border-color:#0f03}.code-tabs[data-v-6f4c844c]{display:flex;gap:.5rem}.code-tab[data-v-6f4c844c]{padding:.375rem 1rem;font-family:Courier New,Monaco,Menlo,monospace;font-size:.75rem;line-height:1rem;color:#00ff0080;border-top-left-radius:.375rem;border-top-right-radius:.375rem;border-width:1px;border-color:#0f03;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.code-tab[data-v-6f4c844c]:hover{background-color:#00ff000d;--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity, 1))}.code-tab[data-v-6f4c844c]{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto!important;position:relative;z-index:102;display:inline-flex;align-items:center;gap:6px;touch-action:manipulation;cursor:pointer;background:inherit}.code-tab i[data-v-6f4c844c]{font-size:10px}.code-tab.active[data-v-6f4c844c]{border-color:#0f06;background-color:#00ff001a;--tw-text-opacity: 1;color:rgb(0 255 136 / var(--tw-text-opacity, 1));--tw-shadow: 0 0 10px rgba(0,255,136,.3);--tw-shadow-colored: 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hero-code-body[data-v-6f4c844c]{min-height:500px;--tw-bg-opacity: 1;background-color:rgb(10 14 39 / var(--tw-bg-opacity, 1));padding:2rem;font-family:Courier New,Monaco,Menlo,monospace;--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity, 1))}.code-content[data-v-6f4c844c]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.code-content[data-v-6f4c844c]{overflow-x:hidden;word-wrap:break-word;word-break:break-word}.code-line[data-v-6f4c844c]{display:flex;align-items:flex-start;gap:1rem;animation:typeIn-6f4c844c .3s ease forwards;opacity:0}@keyframes typeIn-6f4c844c{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.typing-indicator[data-v-6f4c844c]{display:flex;align-items:center;padding:.25rem .5rem;color:#0f8;font-family:monospace;font-size:14px}.line-number[data-v-6f4c844c]{width:2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:right;font-size:.875rem;line-height:1.25rem;color:#00ff004d;font-variant-numeric:tabular-nums}.code-text[data-v-6f4c844c]{--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity, 1));white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.code-keyword[data-v-6f4c844c]{--tw-text-opacity: 1;color:rgb(0 255 136 / var(--tw-text-opacity, 1))}.code-string[data-v-6f4c844c]{--tw-text-opacity: 1;color:rgb(136 204 255 / var(--tw-text-opacity, 1))}.code-array[data-v-6f4c844c]{--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity, 1))}.code-number[data-v-6f4c844c]{--tw-text-opacity: 1;color:rgb(0 255 136 / var(--tw-text-opacity, 1))}.code-function[data-v-6f4c844c]{--tw-text-opacity: 1;color:rgb(136 204 255 / var(--tw-text-opacity, 1))}.code-component[data-v-6f4c844c]{--tw-text-opacity: 1;color:rgb(0 255 136 / var(--tw-text-opacity, 1))}.code-import[data-v-6f4c844c]{--tw-text-opacity: 1;color:rgb(136 204 255 / var(--tw-text-opacity, 1))}.code-selector[data-v-6f4c844c]{--tw-text-opacity: 1;color:rgb(0 255 136 / var(--tw-text-opacity, 1))}.code-property[data-v-6f4c844c]{--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity, 1))}.code-comment[data-v-6f4c844c]{font-style:italic;color:#00ff0080}.code-info[data-v-6f4c844c]{font-weight:700;--tw-text-opacity: 1;color:rgb(0 255 136 / var(--tw-text-opacity, 1));font-size:16px}.code-text[data-v-6f4c844c]{--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity, 1));line-height:1.8}.hero-stats-container[data-v-6f4c844c]{position:relative;z-index:10;width:100%;max-width:1000px}.hero-stats-window[data-v-6f4c844c]{overflow:hidden;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(10 14 39 / var(--tw-bg-opacity, 1));padding:3rem;--tw-shadow: 0 0 0 1px rgba(0,255,0,.2),0 20px 60px rgba(0,0,0,.8),0 0 100px rgba(0,255,0,.1);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 20px 60px var(--tw-shadow-color), 0 0 100px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-width:1px;border-color:#00ff004d;text-align:center}.hero-stats-title[data-v-6f4c844c]{margin-bottom:1rem;font-family:Courier New,Monaco,Menlo,monospace;font-size:3rem;line-height:1;font-weight:700;--tw-text-opacity: 1;color:rgb(0 255 136 / var(--tw-text-opacity, 1));text-shadow:0 0 20px rgba(0,255,136,.5)}.hero-stats-subtitle[data-v-6f4c844c]{margin-bottom:3rem;font-family:Courier New,Monaco,Menlo,monospace;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(136 204 255 / var(--tw-text-opacity, 1))}.hero-stats-grid[data-v-6f4c844c]{margin-bottom:3rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}@media (min-width: 768px){.hero-stats-grid[data-v-6f4c844c]{grid-template-columns:repeat(4,minmax(0,1fr))}}.hero-stat-card[data-v-6f4c844c]{border-radius:.5rem;border-width:1px;border-color:#0f03;background-color:#00ff000d;padding:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.hero-stat-card[data-v-6f4c844c]:hover{border-color:#0f06;background-color:#00ff001a;--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 0 25px rgba(0,255,0,.3);--tw-shadow-colored: 0 0 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hero-stat-card[data-v-6f4c844c]{animation:fadeInUp-6f4c844c .6s ease forwards;opacity:0}@keyframes fadeInUp-6f4c844c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-icon[data-v-6f4c844c]{margin-bottom:.75rem;font-size:2.25rem;line-height:2.5rem}.stat-value[data-v-6f4c844c]{margin-bottom:.5rem;font-family:Courier New,Monaco,Menlo,monospace;font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(0 255 136 / var(--tw-text-opacity, 1))}.stat-label[data-v-6f4c844c]{font-family:Courier New,Monaco,Menlo,monospace;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(136 204 255 / var(--tw-text-opacity, 1))}.hero-stats-cta[data-v-6f4c844c]{margin-top:2rem}.cta-button[data-v-6f4c844c]{border-width:2px;border-color:#0f06;background-color:#00ff001a;padding:1rem 2rem;border-radius:.5rem;font-family:Courier New,Monaco,Menlo,monospace;font-weight:700;--tw-text-opacity: 1;color:rgb(0 255 136 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.cta-button[data-v-6f4c844c]:hover{background-color:#0f03;border-color:#0f09;--tw-shadow: 0 0 30px rgba(0,255,0,.4);--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hero-navigation[data-v-6f4c844c]{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;z-index:1000;pointer-events:auto!important;margin-top:20px}.nav-dot[data-v-6f4c844c]{height:.75rem;width:.75rem;border-radius:9999px;border-width:1px;border-color:#00ff0080;background-color:#00ff004d;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.nav-dot[data-v-6f4c844c]:hover{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:#00ff0080}.nav-dot[data-v-6f4c844c]{cursor:pointer;pointer-events:auto!important;position:relative;z-index:1001}.nav-dot.active[data-v-6f4c844c]{--tw-border-opacity: 1;border-color:rgb(0 255 136 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(0 255 136 / var(--tw-bg-opacity, 1));--tw-shadow: 0 0 10px rgba(0,255,136,.6);--tw-shadow-colored: 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:scale(1.3)}.nav-arrow[data-v-6f4c844c]{height:3rem;width:3rem;border-radius:9999px;border-width:1px;border-color:#00ff004d;background-color:#00ff001a;display:flex;align-items:center;justify-content:center;--tw-text-opacity: 1;color:rgb(0 255 136 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.nav-arrow[data-v-6f4c844c]:hover{background-color:#0f03;border-color:#00ff0080;--tw-shadow: 0 0 20px rgba(0,255,0,.4);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.nav-arrow[data-v-6f4c844c]{cursor:pointer;z-index:1000;pointer-events:auto!important}.nav-arrow-desktop[data-v-6f4c844c]{position:absolute;top:50%;transform:translateY(-50%);z-index:1001}.nav-arrow-desktop.nav-arrow-left[data-v-6f4c844c]{left:20px}.nav-arrow-desktop.nav-arrow-right[data-v-6f4c844c]{right:20px}@media (min-width: 1400px){.nav-arrow-desktop.nav-arrow-left[data-v-6f4c844c]{left:calc((100vw - 1000px)/2 - 80px)}.nav-arrow-desktop.nav-arrow-right[data-v-6f4c844c]{right:calc((100vw - 1000px)/2 - 80px)}}.nav-arrow-desktop[data-v-6f4c844c]:hover{transform:translateY(-50%) scale(1.1)}@media (max-width: 1024px){.nav-arrow-desktop[data-v-6f4c844c]{display:none}.nav-arrow-mobile[data-v-6f4c844c]{display:flex;height:2.5rem;width:2.5rem}}.nav-arrow-mobile[data-v-6f4c844c]{display:none}.nav-arrow[data-v-6f4c844c]:not(.nav-arrow-desktop):hover{transform:scale(1.1)}.hero-terminal-container[data-v-6f4c844c]{position:relative;z-index:10;width:100%;max-width:1000px}.hero-terminal-window[data-v-6f4c844c]{overflow:hidden;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(10 14 39 / var(--tw-bg-opacity, 1));--tw-shadow: 0 0 0 1px rgba(0,255,0,.2),0 20px 60px rgba(0,0,0,.8),0 0 100px rgba(0,255,0,.1);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 20px 60px var(--tw-shadow-color), 0 0 100px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@keyframes terminalGlow-6f4c844c{0%,to{box-shadow:0 0 0 1px #0f03,0 20px 60px #000c,0 0 100px #00ff001a}50%{box-shadow:0 0 0 1px #0f06,0 20px 60px #000c,0 0 150px #0f03}}.hero-terminal-window[data-v-6f4c844c]{animation:terminalGlow-6f4c844c 3s ease-in-out infinite;border-width:1px;border-color:#00ff004d}.hero-terminal-header[data-v-6f4c844c]{display:flex;align-items:center;justify-content:space-between;--tw-bg-opacity: 1;background-color:rgb(26 31 58 / var(--tw-bg-opacity, 1));padding:1rem 1.25rem;border-bottom-width:1px;border-color:#0f03}.hero-terminal-controls[data-v-6f4c844c]{display:flex;gap:.5rem}.hero-terminal-dot[data-v-6f4c844c]{height:.75rem;width:.75rem;border-radius:9999px;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.hero-terminal-dot.red[data-v-6f4c844c]{--tw-bg-opacity: 1;background-color:rgb(255 95 87 / var(--tw-bg-opacity, 1))}.hero-terminal-dot.yellow[data-v-6f4c844c]{--tw-bg-opacity: 1;background-color:rgb(255 189 46 / var(--tw-bg-opacity, 1))}.hero-terminal-dot.green[data-v-6f4c844c]{--tw-bg-opacity: 1;background-color:rgb(40 202 66 / var(--tw-bg-opacity, 1))}.hero-terminal-dot[data-v-6f4c844c]:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hero-terminal-title[data-v-6f4c844c]{font-family:Courier New,Monaco,Menlo,monospace;font-size:13px;font-weight:500;color:#0f09}.hero-terminal-body[data-v-6f4c844c]{min-height:500px;--tw-bg-opacity: 1;background-color:rgb(10 14 39 / var(--tw-bg-opacity, 1));padding:2rem;font-family:Courier New,Monaco,Menlo,monospace;font-size:15px;line-height:1.625;--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity, 1))}.hero-terminal-content[data-v-6f4c844c]{animation:terminalFadeIn-6f4c844c 1s ease}@keyframes terminalFadeIn-6f4c844c{0%{opacity:0}to{opacity:1}}.terminal-line-hero[data-v-6f4c844c]{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.terminal-prompt[data-v-6f4c844c]{font-weight:700;--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity, 1))}.terminal-command[data-v-6f4c844c]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.terminal-cursor-blink[data-v-6f4c844c]{margin-left:.25rem;display:inline-block}@keyframes cursorBlink-6f4c844c{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-cursor-blink[data-v-6f4c844c]{animation:cursorBlink-6f4c844c 1s infinite;font-weight:700;--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity, 1))}.terminal-output[data-v-6f4c844c]{margin-bottom:1.5rem}.terminal-info[data-v-6f4c844c]{--tw-text-opacity: 1;color:rgb(136 204 255 / var(--tw-text-opacity, 1))}.terminal-success[data-v-6f4c844c]{font-weight:500;--tw-text-opacity: 1;color:rgb(0 255 136 / var(--tw-text-opacity, 1))}.hero-terminal-stats[data-v-6f4c844c]{margin-top:2rem;margin-bottom:2rem;border-radius:.375rem;border-width:1px;border-color:#0f03;background-color:#00ff000d;padding:1.25rem}.terminal-stat-line[data-v-6f4c844c]{margin-bottom:.75rem;display:flex;align-items:center;gap:.625rem}.hero-terminal-actions[data-v-6f4c844c]{margin-top:2rem;border-top-width:1px;border-color:#0f03;padding-top:1.25rem}.hero-terminal-actions .terminal-line-hero[data-v-6f4c844c]{margin-bottom:.625rem;border-radius:.25rem;padding:.5rem .75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;cursor:pointer}.hero-terminal-actions .terminal-line-hero[data-v-6f4c844c]:hover{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:#00ff001a}.hero-terminal-actions .terminal-command[data-v-6f4c844c]{--tw-text-opacity: 1;color:rgb(0 255 136 / var(--tw-text-opacity, 1))}@media (max-width: 768px){.hero-terminal-body[data-v-6f4c844c]{min-height:400px;padding:1rem;font-size:13px}.hero-terminal-window[data-v-6f4c844c]{border-radius:.5rem}.hero-code-body[data-v-6f4c844c]{min-height:400px;padding:1rem;font-size:12px}.hero-code-header[data-v-6f4c844c]{padding:.5rem .75rem}.code-tabs[data-v-6f4c844c]{gap:.25rem}.code-tab[data-v-6f4c844c]{padding:.25rem .5rem;font-size:10px;flex-shrink:0}.code-content[data-v-6f4c844c]{overflow-x:hidden;word-wrap:break-word;word-break:break-word}.code-line[data-v-6f4c844c]{gap:.5rem;flex-wrap:wrap}.line-number[data-v-6f4c844c]{width:1.5rem;font-size:10px;flex-shrink:0}.code-text[data-v-6f4c844c]{font-size:12px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;flex:1;min-width:0}.hero-stats-window[data-v-6f4c844c]{padding:1.5rem}.hero-stats-title[data-v-6f4c844c]{font-size:1.875rem;line-height:2.25rem}.hero-stats-grid[data-v-6f4c844c]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hero-navigation[data-v-6f4c844c]{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;width:100%}}.coffee-cup-wrapper[data-v-96e3c34b]{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;margin:0;background:#1a1a1a;border-radius:0;overflow:hidden;box-shadow:0 0 0 8px #2a2a2a,0 0 0 12px #1a1a1a,0 20px 60px #00000080,inset 0 0 0 1px #ffffff1a;z-index:1;position:relative}.coffee-cup-wrapper[data-v-96e3c34b]:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:200px;height:8px;background:linear-gradient(to bottom,#2a2a2a,#1a1a1a);border-radius:0 0 8px 8px;z-index:-1;box-shadow:0 5px 15px #0000004d}.coffee-cup-wrapper[data-v-96e3c34b]:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:60%;height:4px;background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent);border-radius:2px;z-index:999}.cup-content-area[data-v-96e3c34b]{position:absolute;top:28px;left:0;right:0;bottom:0;padding:0 20px 40px;background:transparent;overflow-x:hidden;overflow-y:auto!important;width:100%;height:calc(100vh - 28px);border-radius:0;opacity:0;transition:opacity .8s ease;pointer-events:none;z-index:100;-webkit-overflow-scrolling:touch;font-family:Courier New,Monaco,Menlo,monospace;color:#0f0}.cup-content-area.visible[data-v-96e3c34b]{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.cup-content-area[data-v-96e3c34b]::-webkit-scrollbar{width:8px}.cup-content-area[data-v-96e3c34b]::-webkit-scrollbar-track{background:#00ff000d}.cup-content-area[data-v-96e3c34b]::-webkit-scrollbar-thumb{background:#00ff004d;border-radius:4px;border:1px solid rgba(0,255,0,.2)}.cup-content-area[data-v-96e3c34b]::-webkit-scrollbar-thumb:hover{background:#00ff0080;box-shadow:0 0 10px #00ff004d}@media (max-width: 768px){.coffee-cup-wrapper[data-v-96e3c34b]{border-radius:0;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.cup-content-area[data-v-96e3c34b]{margin-top:2.75rem;padding-left:1rem;padding-right:1rem;padding-top:1.25rem;padding-bottom:0;margin-top:44px;min-height:-webkit-fill-available;height:auto;height:-webkit-fill-available}}@supports (-webkit-touch-callout: none){.cup-content-area[data-v-96e3c34b]{min-height:-webkit-fill-available;height:-webkit-fill-available}}.floating-logo-container{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:10000;pointer-events:none;opacity:.7;transition:opacity .3s ease}.floating-logo-container:hover{opacity:1}.floating-logo{width:60px;height:60px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 15px rgba(0,255,136,.6));animation:floatingLogoFloat 3s ease-in-out infinite;pointer-events:none;display:block}@keyframes floatingLogoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}@media (max-width: 768px){.floating-logo-container{right:10px;top:auto;bottom:80px;transform:none}.floating-logo{width:45px;height:45px}}@media (max-width: 480px){.floating-logo-container{bottom:70px;right:8px}.floating-logo{width:40px;height:40px}}.floating-code,.floating-code .code-snippet{animation:none!important;transition:none!important}.scroll-animate{opacity:0;transition:opacity .8s ease}.scroll-animate.animate{opacity:1}.scroll-animate.animate-out{opacity:0}.scroll-zoom-in{opacity:0;transform:scale(.92);transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.2,.64,1)}.scroll-zoom-in.animate{opacity:1;transform:scale(1)}.scroll-zoom-in.animate-out{opacity:0;transform:scale(.92)}.scroll-fade-in{opacity:0;transform:translateY(28px);transition:opacity .45s ease,transform .45s cubic-bezier(.25,.46,.45,.94)}.scroll-fade-in.animate{opacity:1;transform:translateY(0)}.scroll-fade-in.animate-out{opacity:0;transform:translateY(-28px)}.scroll-slide-up{opacity:0;transform:translateY(40px);transition:opacity .45s ease,transform .45s cubic-bezier(.25,.46,.45,.94)}.scroll-slide-up.animate{opacity:1;transform:translateY(0)}.scroll-slide-up.animate-out{opacity:0;transform:translateY(-40px)}.scroll-slide-left{opacity:0;transform:translate(-40px);transition:opacity .45s ease,transform .45s cubic-bezier(.25,.46,.45,.94)}.scroll-slide-left.animate{opacity:1;transform:translate(0)}.scroll-slide-left.animate-out{opacity:0;transform:translate(40px)}.scroll-slide-right{opacity:0;transform:translate(40px);transition:opacity .45s ease,transform .45s cubic-bezier(.25,.46,.45,.94)}.scroll-slide-right.animate{opacity:1;transform:translate(0)}.scroll-slide-right.animate-out{opacity:0;transform:translate(-40px)}.scroll-rotate-in{opacity:0;transform:scale(.92);transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.2,.64,1)}.scroll-rotate-in.animate{opacity:1;transform:scale(1)}.scroll-rotate-in.animate-out{opacity:0;transform:scale(.92)}.scroll-zoom-in-delay{opacity:0;transform:scale(.9);transition:opacity .4s ease .15s,transform .4s cubic-bezier(.34,1.2,.64,1) .15s}.scroll-zoom-in-delay.animate{opacity:1;transform:scale(1)}.scroll-zoom-in-delay.animate-out{opacity:0;transform:scale(.9)}.scroll-text-reveal{opacity:0;transform:translateY(24px);transition:opacity .45s ease .2s,transform .45s cubic-bezier(.25,.46,.45,.94) .2s}.scroll-text-reveal.animate{opacity:1;transform:translateY(0)}.scroll-text-reveal.animate-out{opacity:0;transform:translateY(-24px)}.tech-icon-bag-item{opacity:0;transform:scale(.85) translateY(20px);transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.2,.64,1)}.tech-icon-bag-item.animate{opacity:1!important;transform:scale(1) translateY(0)!important}.tech-icon-bag-item.animate-out{opacity:0;transform:scale(.85) translateY(-20px)}@keyframes iconEntrance{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.service-card{opacity:0;transform:translateY(32px);transition:opacity .45s ease,transform .45s cubic-bezier(.25,.46,.45,.94)}.service-card.animate{opacity:1;transform:translateY(0)}.service-card.animate-out{opacity:0;transform:translateY(-32px)}.skill-item{opacity:0;transform:translateY(24px);transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.2,.64,1)}.skill-item.animate{opacity:1;transform:translateY(0)}.skill-item.animate-out{opacity:0;transform:translateY(-24px)}.terminal-line{animation:terminalType .1s ease forwards}.title-line-1{animation:typeTitle1 1.5s ease forwards;opacity:0}.title-line-2{animation:typeTitle2 1.5s ease .8s forwards;opacity:0}.terminal{animation:terminalWindowEnter .5s ease,terminalGlow 3s ease-in-out infinite}@media (max-width: 768px){.tech-icon-bag-item.animate{animation:none}.tech-icons-bag-wide .tech-icon-bag-item.animate{animation:iconEntrance .25s cubic-bezier(.34,1.2,.64,1) forwards}.scroll-fade-in,.scroll-slide-up,.scroll-zoom-in,.scroll-slide-left,.scroll-slide-right,.scroll-rotate-in,.scroll-zoom-in-delay,.scroll-text-reveal,.service-card,.skill-item,.tech-icon-bag-item{transition-duration:.2s}}html.reduce-motion-device .scroll-animate,html.reduce-motion-device .scroll-fade-in,html.reduce-motion-device .scroll-slide-up,html.reduce-motion-device .scroll-zoom-in,html.reduce-motion-device .scroll-slide-left,html.reduce-motion-device .scroll-slide-right,html.reduce-motion-device .scroll-rotate-in,html.reduce-motion-device .scroll-zoom-in-delay,html.reduce-motion-device .scroll-text-reveal,html.reduce-motion-device .tech-icon-bag-item,html.reduce-motion-device .service-card,html.reduce-motion-device .skill-item,html.reduce-motion-device .services-grid,html.reduce-motion-device .skills-grid,html.reduce-motion-device .tech-icons-bag,html.reduce-motion-device .tech-icons-bag-wide,html.reduce-motion-device .tech-category-container,html.reduce-motion-device .section-header,html.reduce-motion-device .section-title,html.reduce-motion-device .premium-tech-beans-header,html.reduce-motion-device .bag-label-large,html.reduce-motion-device .bag-subtitle-large{transition:none!important;animation:none!important}html.reduce-motion-device .scroll-animate.animate,html.reduce-motion-device .scroll-fade-in.animate,html.reduce-motion-device .scroll-slide-up.animate,html.reduce-motion-device .scroll-zoom-in.animate,html.reduce-motion-device .scroll-slide-left.animate,html.reduce-motion-device .scroll-slide-right.animate,html.reduce-motion-device .scroll-rotate-in.animate,html.reduce-motion-device .scroll-zoom-in-delay.animate,html.reduce-motion-device .scroll-text-reveal.animate,html.reduce-motion-device .services-grid.animate,html.reduce-motion-device .skills-grid.animate,html.reduce-motion-device .tech-icons-bag.animate,html.reduce-motion-device .tech-icons-bag-wide.animate,html.reduce-motion-device .tech-category-container.animate,html.reduce-motion-device .section-header.animate,html.reduce-motion-device .section-title.animate,html.reduce-motion-device .premium-tech-beans-header.animate{opacity:1!important;transform:none!important}html.reduce-motion-device .services-grid.animate .service-card,html.reduce-motion-device .skills-grid.animate .skill-item,html.reduce-motion-device .tech-icons-bag.animate .tech-icon-bag-item,html.reduce-motion-device .tech-icons-bag-wide.animate .tech-icon-bag-item,html.reduce-motion-device .tech-category-container.animate .tech-icon-bag-item{opacity:1!important;transform:none!important;animation:none!important}@media (prefers-reduced-motion: reduce){.scroll-animate,.scroll-fade-in,.scroll-slide-up,.scroll-zoom-in,.scroll-slide-left,.scroll-slide-right,.scroll-rotate-in,.scroll-zoom-in-delay,.scroll-text-reveal,.tech-icon-bag-item,.service-card,.skill-item{animation:none!important;transition:none!important}.scroll-animate.animate,.scroll-fade-in.animate,.scroll-slide-up.animate,.scroll-zoom-in.animate,.scroll-slide-left.animate,.scroll-slide-right.animate,.scroll-rotate-in.animate,.scroll-zoom-in-delay.animate,.scroll-text-reveal.animate,.tech-icon-bag-item.animate,.service-card.animate,.skill-item.animate{opacity:1;transform:none}.tech-icons-bag-wide .tech-icon-bag-item.animate{animation:none!important}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Courier New,Monaco,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{box-sizing:border-box}body{margin:0;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));padding:0;font-family:Courier New,Monaco,Menlo,monospace;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));font-family:Inter,sans-serif}#app{min-height:100vh}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.top-0{top:0}.isolate{isolation:isolate}.z-\[10001\]{z-index:10001}.z-\[9999\]{z-index:9999}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-11{margin-top:2.75rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-12{height:3rem}.h-16{height:4rem}.h-3{height:.75rem}.h-7{height:1.75rem}.min-h-\[400px\]{min-height:400px}.min-h-\[500px\]{min-height:500px}.min-h-\[90vh\]{min-height:90vh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-3{width:.75rem}.w-8{width:2rem}.w-\[90\%\]{width:90%}.w-full{width:100%}.max-w-\[1000px\]{max-width:1000px}.max-w-\[1400px\]{max-width:1400px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-20{--tw-translate-y: 5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-cursor-blink{animation:cursorBlink 1s infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(100px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(120px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-terminal-green\/20{border-color:#0f03}.border-terminal-green\/30{border-color:#00ff004d}.border-white\/10{border-color:#ffffff1a}.bg-\[\#28ca42\]{--tw-bg-opacity: 1;background-color:rgb(40 202 66 / var(--tw-bg-opacity, 1))}.bg-\[\#ff5f57\]{--tw-bg-opacity: 1;background-color:rgb(255 95 87 / var(--tw-bg-opacity, 1))}.bg-\[\#ffbd2e\]{--tw-bg-opacity: 1;background-color:rgb(255 189 46 / var(--tw-bg-opacity, 1))}.bg-terminal-dark{--tw-bg-opacity: 1;background-color:rgb(10 14 39 / var(--tw-bg-opacity, 1))}.bg-terminal-darker{--tw-bg-opacity: 1;background-color:rgb(26 31 58 / var(--tw-bg-opacity, 1))}.bg-terminal-green\/10{background-color:#00ff001a}.bg-terminal-green\/30{background-color:#00ff004d}.bg-terminal-green\/5{background-color:#00ff000d}.bg-terminal-light-green{--tw-bg-opacity: 1;background-color:rgb(0 255 136 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-\[\#0a0a0a\]{--tw-gradient-from: #0a0a0a var(--tw-gradient-from-position);--tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black{--tw-gradient-from: #000 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#1a1a1a\]{--tw-gradient-to: #1a1a1a var(--tw-gradient-to-position)}.p-0{padding:0}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-4{padding-bottom:1rem}.pl-6{padding-left:1.5rem}.pt-5{padding-top:1.25rem}.text-center{text-align:center}.font-mono{font-family:Courier New,Monaco,Menlo,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-\[5px\]{letter-spacing:5px}.tracking-wide{letter-spacing:.025em}.text-terminal-cyan{--tw-text-opacity: 1;color:rgb(136 204 255 / var(--tw-text-opacity, 1))}.text-terminal-green{--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity, 1))}.text-terminal-green\/30{color:#00ff004d}.text-terminal-green\/50{color:#00ff0080}.text-terminal-green\/60{color:#0f09}.text-terminal-light-green{--tw-text-opacity: 1;color:rgb(0 255 136 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.shadow-\[0_0_0_1px_rgba\(0\,255\,0\,0\.2\)\,0_20px_60px_rgba\(0\,0\,0\,0\.8\)\,0_0_100px_rgba\(0\,255\,0\,0\.1\)\]{--tw-shadow: 0 0 0 1px rgba(0,255,0,.2),0 20px 60px rgba(0,0,0,.8),0 0 100px rgba(0,255,0,.1);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 20px 60px var(--tw-shadow-color), 0 0 100px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(0\,255\,136\,0\.3\)\]{--tw-shadow: 0 0 10px rgba(0,255,136,.3);--tw-shadow-colored: 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(0\,255\,136\,0\.6\)\]{--tw-shadow: 0 0 10px rgba(0,255,136,.6);--tw-shadow-colored: 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(0\,255\,136\,0\.8\)\]{--tw-shadow: 0 0 8px rgba(0,255,136,.8);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-300{transition-duration:.3s}.duration-\[800ms\]{transition-duration:.8s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}body{font-family:Inter,sans-serif;line-height:1.6;overflow:hidden;min-height:100vh;min-height:-webkit-fill-available;padding:0;margin:0;position:relative;-webkit-overflow-scrolling:touch}@supports (-webkit-touch-callout: none){html,body{min-height:-webkit-fill-available}}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-terminal-green\/50:hover{border-color:#00ff0080}.hover\:border-terminal-green\/60:hover{border-color:#0f09}.hover\:bg-terminal-green\/10:hover{background-color:#00ff001a}.hover\:bg-terminal-green\/50:hover{background-color:#00ff0080}.hover\:text-terminal-green:hover{--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity, 1))}.hover\:shadow-\[0_0_20px_rgba\(0\,255\,0\,0\.4\)\]:hover{--tw-shadow: 0 0 20px rgba(0,255,0,.4);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_25px_rgba\(0\,255\,0\,0\.3\)\]:hover{--tw-shadow: 0 0 25px rgba(0,255,0,.3);--tw-shadow-colored: 0 0 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_30px_rgba\(0\,255\,0\,0\.3\)\]:hover{--tw-shadow: 0 0 30px rgba(0,255,0,.3);--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_30px_rgba\(0\,255\,0\,0\.4\)\]:hover{--tw-shadow: 0 0 30px rgba(0,255,0,.4);--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 768px){.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #6366f1;--secondary-color: #8b5cf6;--accent-color: #f59e0b;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-dark: #111827;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--secondary-color));--gradient-accent: linear-gradient(135deg, var(--accent-color), #f97316)}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--text-primary);background:#f8f9fa;overflow:hidden;min-height:100vh;padding:0;margin:0;position:relative}.coffee-cup-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;margin:0;background:#1a1a1a;border-radius:0;overflow:hidden;box-shadow:0 0 0 8px #2a2a2a,0 0 0 12px #1a1a1a,0 20px 60px #00000080,inset 0 0 0 1px #ffffff1a;z-index:1}.mac-traffic-lights{display:flex;gap:8px;margin-right:20px}.traffic-light{width:12px;height:12px;border-radius:50%;border:.5px solid rgba(0,0,0,.2);cursor:pointer;transition:all .2s ease}.traffic-light-close{background:#ff5f57}.traffic-light-close:hover{background:#ff3b30;transform:scale(1.1)}.traffic-light-minimize{background:#ffbd2e}.traffic-light-minimize:hover{background:#ff9500;transform:scale(1.1)}.traffic-light-maximize{background:#28ca42}.traffic-light-maximize:hover{background:#28cd41;transform:scale(1.1)}.mac-status-bar{position:fixed;top:0;left:0;right:0;height:28px;background:linear-gradient(to bottom,#0a0a0a,#1a1a1a);border-radius:0;z-index:9999;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:11px;color:#fffc}.status-left{display:flex;align-items:center;gap:20px}.status-right{display:flex;align-items:center;gap:12px}.navbar-in-status{display:flex;align-items:center}.nav-menu-in-status{display:flex;list-style:none;gap:20px;margin:0;padding:0;align-items:center}.nav-link-in-status{text-decoration:none;color:#ffffffb3;font-size:11px;font-weight:500;transition:color .3s ease;padding:4px 8px;border-radius:4px}.nav-link-in-status:hover{color:#fff;background:#ffffff1a}.status-time{font-weight:500;letter-spacing:.3px}.status-wifi{font-size:12px;opacity:.9}.status-battery{display:flex;align-items:center;gap:4px;font-size:11px}.battery-percent{font-weight:500}.splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a1ad9,#2a2a2ad9);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:10001!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .8s ease,visibility .8s ease;opacity:1;visibility:visible;pointer-events:all;overflow:hidden}.splash-screen .floating-code{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.splash-screen .splash-content{position:relative;z-index:2}.splash-screen.show{opacity:1;visibility:visible;pointer-events:all}.splash-screen.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:-1!important}.splash-content{text-align:center;animation:splashFadeIn 1s ease}.splash-logo{margin-bottom:30px;animation:logoBounce 1s ease infinite}.splash-logo-img{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 30px rgba(99,102,241,.5))}.splash-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-subtitle{font-size:1.2rem;color:#ffffffb3;margin-bottom:40px;animation:pulse 2s ease-in-out infinite}.splash-loader{display:flex;gap:8px;justify-content:center;margin-top:30px}.loader-dot{width:10px;height:10px;border-radius:50%;background:#6366f1;animation:loaderBounce 1.4s ease-in-out infinite}.loader-dot:nth-child(2){animation-delay:.2s}.loader-dot:nth-child(3){animation-delay:.4s}@keyframes splashFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes logoBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes loaderBounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.terminal-boot-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#0a0e27d9;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:10000;display:none;align-items:center;justify-content:center;font-family:Courier New,Monaco,Menlo,monospace;opacity:0;visibility:hidden;transition:opacity 2s ease-out,visibility 2s ease,transform 2s cubic-bezier(.4,0,.2,1);overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 100%)}.terminal-boot-screen .floating-code{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.terminal-boot-screen .terminal-container{position:relative;z-index:2;width:90%;max-width:1000px}.terminal-boot-screen.show{display:flex;opacity:1;visibility:visible;transform:translateY(0) scale(1)}.terminal-boot-screen.fade-out{pointer-events:none}.terminal-container{width:90%;max-width:1000px;background:#0a0e27;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #0f03,0 20px 60px #000c,0 0 100px #00ff001a;border:1px solid rgba(0,255,0,.3);animation:terminalGlow 3s ease-in-out infinite;transition:all 1.5s cubic-bezier(.4,0,.2,1);position:relative}.terminal-boot-screen.fade-out .terminal-container{transition:all 2s cubic-bezier(.4,0,.2,1);max-width:1000px;border-radius:12px;box-shadow:0 0 0 1px #0f03,0 20px 60px #000c,0 0 100px #00ff001a}.terminal-controls{display:flex;gap:8px}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#28ca42}.terminal-title{color:#0f09;font-size:12px;font-weight:500}.terminal-body{padding:20px;min-height:400px;max-height:70vh;overflow-y:auto;background:#0a0e27;color:#0f0;font-size:14px;line-height:1.6}.terminal-line{margin-bottom:8px;opacity:0;animation:terminalType .1s ease forwards;word-wrap:break-word}.terminal-line.visible{opacity:1}.terminal-line .prompt{color:#0f0;font-weight:700}.terminal-line .command{color:#fff}.terminal-line .output{color:#0f8}.terminal-line .error{color:#f44}.terminal-line .success{color:#0f0}.terminal-line .info{color:#8cf}.terminal-cursor{display:inline-block;color:#0f0;animation:cursorBlink 1s infinite;margin-left:2px}@keyframes terminalType{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#0a0e27}.terminal-body::-webkit-scrollbar-thumb{background:#00ff004d;border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#00ff0080}.cup-rim-top{position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);z-index:100}.cup-content-area{position:absolute;top:28px;left:0;right:0;bottom:0;padding:0 20px 40px;background:transparent;overflow-x:hidden;overflow-y:auto!important;width:100%;height:calc(100vh - 28px);border-radius:0;opacity:0;transition:opacity .8s ease;pointer-events:none;z-index:100;-webkit-overflow-scrolling:touch;font-family:Courier New,Monaco,Menlo,monospace;color:#0f0}.cup-content-area>section,.cup-content-area>footer{position:relative;z-index:10;background:transparent;color:#0f0}.cup-content-area.visible{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.cup-content-area::-webkit-scrollbar{width:8px}.cup-content-area::-webkit-scrollbar-track{background:#00ff000d}.cup-content-area::-webkit-scrollbar-thumb{background:#00ff004d;border-radius:4px;border:1px solid rgba(0,255,0,.2)}.cup-content-area::-webkit-scrollbar-thumb:hover{background:#00ff0080;box-shadow:0 0 10px #00ff004d}.cup-saucer-bottom{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#6366f1,#8b5cf6);z-index:1}.container{max-width:1200px;margin:0 auto;padding:0 20px;color:#0f0;font-family:Courier New,Monaco,Menlo,monospace}.cup-content-area p,.cup-content-area h1,.cup-content-area h2,.cup-content-area h3,.cup-content-area h4,.cup-content-area h5,.cup-content-area h6,.cup-content-area li,.cup-content-area span:not(.terminal-prompt):not(.terminal-command):not(.terminal-success):not(.terminal-info):not(.terminal-error){color:#8cf;font-family:Courier New,Monaco,Menlo,monospace}.cup-content-area h1,.cup-content-area h2,.cup-content-area h3{color:#0f8}.navbar{display:none}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.logo-img{width:40px;height:40px;margin-right:8px;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.nav-logo:hover .logo-img{transform:scale(1.1)}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{text-decoration:none;color:var(--text-primary);font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover{color:var(--primary-color)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.nav-link:hover:after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:8px;z-index:10001;position:relative}.bar{width:25px;height:3px;background-color:#ffffffe6;margin:3px 0;transition:.3s;border-radius:2px}.hamburger.active .bar:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hero-terminal{min-height:90vh;display:flex;align-items:center;justify-content:center;position:relative;background:transparent;overflow:hidden;padding:80px 20px}.hero-terminal-container{width:100%;max-width:1000px;position:relative;z-index:10}.hero-terminal-window{background:#0a0e27;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #0f03,0 20px 60px #000c,0 0 100px #00ff001a;border:1px solid rgba(0,255,0,.3);animation:terminalGlow 3s ease-in-out infinite}@keyframes terminalGlow{0%,to{box-shadow:0 0 0 1px #0f03,0 20px 60px #000c,0 0 100px #00ff001a}50%{box-shadow:0 0 0 1px #0f06,0 20px 60px #000c,0 0 150px #0f03}}.hero-terminal-header{background:#1a1f3a;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,255,0,.2)}.hero-terminal-controls{display:flex;gap:8px}.hero-terminal-dot{width:12px;height:12px;border-radius:50%;transition:transform .2s ease}.hero-terminal-dot.red{background:#ff5f57}.hero-terminal-dot.yellow{background:#ffbd2e}.hero-terminal-dot.green{background:#28ca42}.hero-terminal-dot:hover{transform:scale(1.1)}.hero-terminal-title{color:#0f09;font-size:13px;font-weight:500;font-family:Courier New,Monaco,Menlo,monospace}.hero-terminal-body{background:#0a0e27;padding:30px;min-height:500px;font-family:Courier New,Monaco,Menlo,monospace;color:#0f0;font-size:15px;line-height:1.8}.hero-terminal-content{animation:terminalFadeIn 1s ease}@keyframes terminalFadeIn{0%{opacity:0}to{opacity:1}}.terminal-line-hero{margin-bottom:15px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.terminal-command{color:#fff}.terminal-cursor-blink{color:#0f0;animation:cursorBlink 1s infinite;display:inline-block;width:8px}.terminal-output{margin:20px 0;padding-left:20px;border-left:2px solid rgba(0,255,0,.3)}.terminal-info{color:#8cf}.terminal-error{color:#f44}.hero-terminal-stats{margin:30px 0;padding:20px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:6px}.terminal-stat-line{margin-bottom:12px;display:flex;align-items:center;gap:10px}.hero-terminal-actions{margin-top:30px;padding-top:20px;border-top:1px solid rgba(0,255,0,.2)}.hero-terminal-actions .terminal-line-hero{cursor:pointer;padding:8px 12px;border-radius:4px;transition:all .3s ease;margin-bottom:10px}.hero-terminal-actions .terminal-line-hero:hover{background:#00ff001a;transform:translate(5px)}.hero-terminal-actions .terminal-command{color:#0f8}@media (max-width: 768px){.hero-terminal-body{padding:20px;font-size:13px;min-height:400px}.hero-terminal-window{border-radius:8px}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(251,191,36,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.1) 0%,transparent 70%);animation:backgroundPulse 8s ease-in-out infinite;z-index:1}@keyframes backgroundPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.hero:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);animation:gridMove 20s linear infinite;z-index:1}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.logo-showcase{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;z-index:1;opacity:.6}@media (max-width: 768px){.logo-showcase{width:300px;height:300px;opacity:.4}.main-logo{width:80px;height:80px}.floating-logo{width:40px;height:40px}}.logo-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.main-logo{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 30px rgba(255,255,255,.5));animation:logoPulse 3s ease-in-out infinite;position:relative;z-index:2}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:radial-gradient(circle,rgba(99,102,241,.4) 0%,rgba(139,92,246,.2) 50%,transparent 70%);border-radius:50%;animation:logoGlow 2s ease-in-out infinite alternate;z-index:1}.logo-orbiting{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.logo-orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;animation:orbit 20s linear infinite}.logo-orbit-1{animation-duration:20s}.logo-orbit-2{width:280px;height:280px;animation-duration:25s;animation-direction:reverse}.logo-orbit-3{width:360px;height:360px;animation-duration:30s}.floating-logo{position:absolute;width:60px;height:60px;-o-object-fit:contain;object-fit:contain;top:0;left:50%;transform:translate(-50%);filter:drop-shadow(0 0 15px rgba(255,255,255,.3));opacity:.7;animation:logoFloat 4s ease-in-out infinite}.logo-orbit-2 .floating-logo{animation-delay:1s;width:50px;height:50px}.logo-orbit-3 .floating-logo{animation-delay:2s;width:45px;height:45px}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes logoFloat{0%,to{transform:translate(-50%) translateY(0) scale(1);opacity:.7}50%{transform:translate(-50%) translateY(-10px) scale(1.1);opacity:1}}@keyframes logoPulse{0%,to{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 30px rgba(255,255,255,.5))}50%{transform:translate(-50%,-50%) scale(1.1);filter:drop-shadow(0 0 50px rgba(99,102,241,.8))}}@keyframes logoGlow{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.floating-code{position:absolute;width:100%;height:100%}.global-coffee-code-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden}.coffee-cup-wrapper:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:200px;height:8px;background:linear-gradient(to bottom,#2a2a2a,#1a1a1a);border-radius:0 0 8px 8px;z-index:-1;box-shadow:0 5px 15px #0000004d}.coffee-cup-wrapper{position:relative}.coffee-cup-wrapper:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:60%;height:4px;background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent);border-radius:2px;z-index:999}.coffee-beans{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.coffee-bean{position:absolute;font-size:2rem;opacity:.2;animation:beanFloat 15s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(139,92,246,.3))}.bean-1{top:10%;left:10%;animation-delay:0s}.bean-2{top:20%;right:15%;animation-delay:2s}.bean-3{top:50%;left:5%;animation-delay:4s}.bean-4{top:70%;right:10%;animation-delay:1s}.bean-5{top:30%;left:80%;animation-delay:3s}.bean-6{bottom:20%;left:20%;animation-delay:5s}.bean-7{top:60%;right:30%;animation-delay:2.5s}.bean-8{bottom:10%;right:5%;animation-delay:3.5s}.bean-9{top:15%;left:50%;animation-delay:1.5s}.bean-10{top:80%;left:70%;animation-delay:4.5s}.bean-11{top:40%;right:5%;animation-delay:2.2s}.bean-12{bottom:30%;left:40%;animation-delay:3.8s}@keyframes beanFloat{0%,to{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:.2}25%{transform:translateY(-40px) translate(30px) rotate(90deg) scale(1.2);opacity:.3}50%{transform:translateY(-20px) translate(-20px) rotate(180deg) scale(.8);opacity:.25}75%{transform:translateY(-60px) translate(40px) rotate(270deg) scale(1.1);opacity:.3}}.coffee-steam{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.steam{position:absolute;width:4px;height:60px;background:linear-gradient(to top,rgba(255,255,255,.4),transparent);border-radius:50%/60% 60% 40% 40%;animation:steamRise 4s ease-in-out infinite}.steam-1{left:20%;bottom:30%;animation-delay:0s}.steam-2{left:25%;bottom:30%;animation-delay:.5s;width:3px;height:50px}.steam-3{left:75%;bottom:40%;animation-delay:1s;width:5px;height:70px}.steam-4{left:78%;bottom:40%;animation-delay:1.5s;width:3px;height:55px}.steam-5{left:50%;bottom:25%;animation-delay:2s;width:4px;height:65px}.steam-6{left:35%;bottom:50%;animation-delay:2.5s;width:3px;height:55px}.steam-7{left:65%;bottom:60%;animation-delay:3s;width:4px;height:60px}.steam-8{left:85%;bottom:35%;animation-delay:1.8s;width:3px;height:50px}@keyframes steamRise{0%{transform:translateY(0) scaleY(1);opacity:.4}50%{transform:translateY(-30px) scaleY(1.2);opacity:.6}to{transform:translateY(-60px) scaleY(.8);opacity:0}}.coffee-rings{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.coffee-ring{position:absolute;border:3px solid rgba(139,92,246,.2);border-radius:50%;animation:ringExpand 8s ease-in-out infinite}.ring-1{width:100px;height:100px;top:30%;left:15%;animation-delay:0s}.ring-2{width:150px;height:150px;bottom:25%;right:20%;animation-delay:2s;border-color:#fbbf2433}.ring-3{width:120px;height:120px;top:60%;left:70%;animation-delay:4s;border-color:#ec489933}.ring-4{width:130px;height:130px;top:25%;left:60%;animation-delay:1s;border-color:#6366f133}.ring-5{width:110px;height:110px;bottom:15%;left:50%;animation-delay:3s;border-color:#fbbf2433}@keyframes ringExpand{0%{transform:scale(.5);opacity:.3}50%{transform:scale(1.5);opacity:.1}to{transform:scale(2);opacity:0}}.floating-code{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.floating-code .code-snippet{position:absolute;font-size:.85rem;color:#00ff0040;font-weight:400;font-family:Courier New,Monaco,Menlo,monospace;animation:codeFloat 15s ease-in-out infinite,codeGlow 5s ease-in-out infinite;text-shadow:0 0 8px rgba(0,255,0,.3);padding:4px 8px;background:#00000026;border-radius:4px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);white-space:nowrap;opacity:.2;z-index:1}.floating-code .code-snippet:nth-child(1){top:8%;left:3%;animation-delay:0s}.floating-code .code-snippet:nth-child(2){top:12%;right:5%;animation-delay:.3s}.floating-code .code-snippet:nth-child(3){top:18%;left:15%;animation-delay:.6s}.floating-code .code-snippet:nth-child(4){top:22%;right:12%;animation-delay:.9s}.floating-code .code-snippet:nth-child(5){top:28%;left:8%;animation-delay:1.2s}.floating-code .code-snippet:nth-child(6){top:32%;right:8%;animation-delay:1.5s}.floating-code .code-snippet:nth-child(7){top:38%;left:25%;animation-delay:1.8s}.floating-code .code-snippet:nth-child(8){top:42%;right:18%;animation-delay:2.1s}.floating-code .code-snippet:nth-child(9){top:48%;left:12%;animation-delay:2.4s}.floating-code .code-snippet:nth-child(10){top:52%;right:25%;animation-delay:2.7s}.floating-code .code-snippet:nth-child(11){top:58%;left:35%;animation-delay:3s}.floating-code .code-snippet:nth-child(12){top:62%;right:32%;animation-delay:3.3s}.floating-code .code-snippet:nth-child(13){top:68%;left:18%;animation-delay:3.6s}.floating-code .code-snippet:nth-child(14){top:72%;right:15%;animation-delay:3.9s}.floating-code .code-snippet:nth-child(15){top:78%;left:28%;animation-delay:4.2s}.floating-code .code-snippet:nth-child(16){top:82%;right:22%;animation-delay:4.5s}.floating-code .code-snippet:nth-child(17){top:15%;left:45%;animation-delay:4.8s}.floating-code .code-snippet:nth-child(18){top:25%;right:38%;animation-delay:5.1s}.floating-code .code-snippet:nth-child(19){top:35%;left:52%;animation-delay:5.4s}.floating-code .code-snippet:nth-child(20){top:45%;right:45%;animation-delay:5.7s}.floating-code .code-snippet:nth-child(21){top:55%;left:38%;animation-delay:6s}.floating-code .code-snippet:nth-child(22){top:65%;right:52%;animation-delay:6.3s}.floating-code .code-snippet:nth-child(23){top:75%;left:48%;animation-delay:6.6s}.floating-code .code-snippet:nth-child(24){top:85%;right:48%;animation-delay:6.9s}.floating-code .code-snippet:nth-child(25){top:10%;left:58%;animation-delay:7.2s}.floating-code .code-snippet:nth-child(26){top:20%;right:55%;animation-delay:7.5s}.floating-code .code-snippet:nth-child(27){top:30%;left:62%;animation-delay:7.8s}.floating-code .code-snippet:nth-child(28){top:40%;right:58%;animation-delay:8.1s}.floating-code .code-snippet:nth-child(29){top:50%;left:65%;animation-delay:8.4s}.floating-code .code-snippet:nth-child(30){top:60%;right:62%;animation-delay:8.7s}.floating-code .code-snippet:nth-child(31){top:70%;left:72%;animation-delay:9s}.floating-code .code-snippet:nth-child(32){top:80%;right:68%;animation-delay:9.3s}.floating-code .code-snippet:nth-child(33){top:5%;left:75%;animation-delay:9.6s}.floating-code .code-snippet:nth-child(34){top:14%;right:72%;animation-delay:9.9s}.floating-code .code-snippet:nth-child(35){top:24%;left:78%;animation-delay:10.2s}.floating-code .code-snippet:nth-child(36){top:34%;right:75%;animation-delay:10.5s}.floating-code .code-snippet:nth-child(37){top:44%;left:82%;animation-delay:10.8s}.floating-code .code-snippet:nth-child(38){top:54%;right:78%;animation-delay:11.1s}.floating-code .code-snippet:nth-child(39){top:64%;left:85%;animation-delay:11.4s}.floating-code .code-snippet:nth-child(40){top:74%;right:82%;animation-delay:11.7s}.floating-code .code-snippet:nth-child(41){top:84%;left:88%;animation-delay:12s}.floating-code .code-snippet:nth-child(42){top:6%;left:92%;animation-delay:12.3s}.floating-code .code-snippet:nth-child(43){top:16%;right:88%;animation-delay:12.6s}.floating-code .code-snippet:nth-child(44){top:26%;left:95%;animation-delay:12.9s}.floating-code .code-snippet:nth-child(45){top:36%;right:92%;animation-delay:13.2s}.floating-code .code-snippet:nth-child(46){top:46%;left:2%;animation-delay:13.5s}.floating-code .code-snippet:nth-child(47){top:56%;right:5%;animation-delay:13.8s}.floating-code .code-snippet:nth-child(48){top:66%;left:5%;animation-delay:14.1s}.floating-code .code-snippet:nth-child(49){top:76%;right:3%;animation-delay:14.4s}.floating-code .code-snippet:nth-child(50){top:86%;left:1%;animation-delay:14.7s}.floating-code .code-snippet:nth-child(51){top:9%;left:42%;animation-delay:15s}.floating-code .code-snippet:nth-child(52){top:19%;right:42%;animation-delay:15.3s}.floating-code .code-snippet:nth-child(53){top:29%;left:48%;animation-delay:15.6s}.floating-code .code-snippet:nth-child(54){top:39%;right:48%;animation-delay:15.9s}.floating-code .code-snippet:nth-child(55){top:49%;left:55%;animation-delay:16.2s}.floating-code .code-snippet:nth-child(56){top:59%;right:55%;animation-delay:16.5s}.floating-code .code-snippet:nth-child(57){top:69%;left:58%;animation-delay:16.8s}.floating-code .code-snippet:nth-child(58){top:79%;right:58%;animation-delay:17.1s}.floating-code .code-snippet:nth-child(59){top:11%;left:65%;animation-delay:17.4s}.floating-code .code-snippet:nth-child(60){top:21%;right:65%;animation-delay:17.7s}.floating-code .code-snippet:nth-child(61){top:31%;left:68%;animation-delay:18s}.floating-code .code-snippet:nth-child(62){top:41%;right:68%;animation-delay:18.3s}.floating-code .code-snippet:nth-child(63){top:51%;left:75%;animation-delay:18.6s}.floating-code .code-snippet:nth-child(64){top:61%;right:75%;animation-delay:18.9s}.floating-code .code-snippet:nth-child(65){top:71%;left:78%;animation-delay:19.2s}.floating-code .code-snippet:nth-child(66){top:81%;right:78%;animation-delay:19.5s}.floating-code .code-snippet:nth-child(67){top:13%;left:22%;animation-delay:19.8s}.floating-code .code-snippet:nth-child(68){top:23%;right:28%;animation-delay:20.1s}.floating-code .code-snippet:nth-child(69){top:33%;left:32%;animation-delay:20.4s}.floating-code .code-snippet:nth-child(70){top:43%;right:35%;animation-delay:20.7s}.floating-code .code-snippet:nth-child(71){top:53%;left:42%;animation-delay:21s}.floating-code .code-snippet:nth-child(72){top:63%;right:42%;animation-delay:21.3s}.floating-code .code-snippet:nth-child(73){top:73%;left:38%;animation-delay:21.6s}.floating-code .code-snippet:nth-child(74){top:83%;right:38%;animation-delay:21.9s}.floating-code .code-snippet:nth-child(75){top:7%;left:28%;animation-delay:22.2s}.floating-code .code-snippet:nth-child(76){top:17%;right:32%;animation-delay:22.5s}.floating-code .code-snippet:nth-child(77){top:27%;left:35%;animation-delay:22.8s}.floating-code .code-snippet:nth-child(78){top:37%;right:28%;animation-delay:23.1s}.floating-code .code-snippet:nth-child(79){top:47%;left:28%;animation-delay:23.4s}.floating-code .code-snippet:nth-child(80){top:57%;right:35%;animation-delay:23.7s}.floating-code .code-snippet:nth-child(81){top:67%;left:32%;animation-delay:24s}.floating-code .code-snippet:nth-child(82){top:77%;right:32%;animation-delay:24.3s}.floating-code .code-snippet:nth-child(83){top:87%;left:22%;animation-delay:24.6s}.floating-code .code-snippet:nth-child(84){top:4%;left:68%;animation-delay:24.9s}.floating-code .code-snippet:nth-child(85){top:14%;right:65%;animation-delay:25.2s}.floating-code .code-snippet:nth-child(86){top:24%;left:72%;animation-delay:25.5s}.floating-code .code-snippet:nth-child(87){top:34%;right:72%;animation-delay:25.8s}.floating-code .code-snippet:nth-child(88){top:44%;left:78%;animation-delay:26.1s}.floating-code .code-snippet:nth-child(89){top:54%;right:78%;animation-delay:26.4s}.floating-code .code-snippet:nth-child(90){top:64%;left:82%;animation-delay:26.7s}.floating-code .code-snippet:nth-child(91){top:74%;right:82%;animation-delay:27s}.floating-code .code-snippet:nth-child(92){top:84%;left:88%;animation-delay:27.3s}.floating-code .code-snippet:nth-child(93){top:3%;left:88%;animation-delay:27.6s}.floating-code .code-snippet:nth-child(94){top:8%;right:85%;animation-delay:27.9s}.floating-code .code-snippet:nth-child(95){top:18%;left:92%;animation-delay:28.2s}.floating-code .code-snippet:nth-child(96){top:28%;right:92%;animation-delay:28.5s}.floating-code .code-snippet:nth-child(97){top:38%;left:95%;animation-delay:28.8s}.floating-code .code-snippet:nth-child(98){top:48%;right:95%;animation-delay:29.1s}.floating-code .code-snippet:nth-child(99){top:58%;left:98%;animation-delay:29.4s}.floating-code .code-snippet:nth-child(100){top:68%;right:98%;animation-delay:29.7s}.floating-code .code-snippet:nth-child(101){top:78%;left:92%;animation-delay:30s}.floating-code .code-snippet:nth-child(102){top:88%;right:92%;animation-delay:30.3s}.floating-code .code-snippet:nth-child(103){top:2%;left:50%;animation-delay:30.6s}.floating-code .code-snippet:nth-child(104){top:12%;right:50%;animation-delay:30.9s}.floating-code .code-snippet:nth-child(105){top:22%;left:55%;animation-delay:31.2s}.floating-code .code-snippet:nth-child(106){top:32%;right:55%;animation-delay:31.5s}.floating-code .code-snippet:nth-child(107){top:42%;left:60%;animation-delay:31.8s}.floating-code .code-snippet:nth-child(108){top:52%;right:60%;animation-delay:32.1s}.floating-code .code-snippet:nth-child(109){top:62%;left:65%;animation-delay:32.4s}.floating-code .code-snippet:nth-child(110){top:72%;right:65%;animation-delay:32.7s}.floating-code .code-snippet:nth-child(111){top:82%;left:70%;animation-delay:33s}.floating-code .code-snippet:nth-child(112){top:92%;right:70%;animation-delay:33.3s}@keyframes codeFloat{0%,to{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:.15}25%{transform:translateY(-25px) translate(15px) rotate(3deg) scale(1.05);opacity:.25}50%{transform:translateY(-10px) translate(-10px) rotate(-3deg) scale(.95);opacity:.2}75%{transform:translateY(-35px) translate(20px) rotate(2deg) scale(1.02);opacity:.25}}@keyframes codeGlow{0%,to{opacity:.15;text-shadow:0 0 8px rgba(0,255,0,.3),0 0 12px rgba(0,255,136,.2)}50%{opacity:.3;text-shadow:0 0 15px rgba(0,255,0,.5),0 0 25px rgba(0,255,136,.4)}}.floating-code span:nth-child(1){top:20%;left:10%;animation-delay:0s}.floating-code span:nth-child(2){top:60%;left:80%;animation-delay:1s}.floating-code span:nth-child(3){top:40%;left:20%;animation-delay:2s}.floating-code span:nth-child(4){top:80%;left:60%;animation-delay:3s}.floating-code span:nth-child(5){top:30%;left:90%;animation-delay:4s}.floating-code span:nth-child(6){top:70%;left:15%;animation-delay:5s}.floating-code span:nth-child(7){top:10%;left:50%;animation-delay:1.5s}.floating-code span:nth-child(8){top:85%;left:75%;animation-delay:3.5s}.floating-shapes{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;pointer-events:none}.shape{position:absolute;opacity:.1;animation:shapeFloat 20s ease-in-out infinite}.shape-1{width:80px;height:80px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;top:10%;left:5%;animation-delay:0s;transform:rotate(45deg)}.shape-2{width:60px;height:60px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;top:20%;right:10%;animation-delay:2s}.shape-3{width:100px;height:100px;background:linear-gradient(135deg,#ec4899,#f472b6);clip-path:polygon(50% 0%,0% 100%,100% 100%);top:60%;left:8%;animation-delay:4s}.shape-4{width:70px;height:70px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:15px;top:40%;right:15%;animation-delay:1s;transform:rotate(30deg)}.shape-5{width:90px;height:90px;background:linear-gradient(135deg,#f59e0b,#f97316);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);bottom:20%;left:20%;animation-delay:3s}.shape-6{width:50px;height:50px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:10px;bottom:30%;right:20%;animation-delay:5s;transform:rotate(60deg)}@keyframes shapeFloat{0%,to{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:.1}25%{transform:translateY(-50px) translate(30px) rotate(90deg) scale(1.1);opacity:.15}50%{transform:translateY(-30px) translate(-20px) rotate(180deg) scale(.9);opacity:.2}75%{transform:translateY(-70px) translate(40px) rotate(270deg) scale(1.05);opacity:.12}}.typing-code{position:absolute;bottom:15%;left:50%;transform:translate(-50%);z-index:5;opacity:.3}.code-terminal{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.1);font-family:Courier New,monospace;font-size:.9rem;color:#fff9;min-width:300px}.terminal-line{display:flex;align-items:center;gap:8px}.prompt{color:#10b981;font-weight:700}.typing-text{color:#ffffffb3}.cursor{animation:blink 1s infinite;color:#fbbf24}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.coffee-cups{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.cup-icon{position:absolute;font-size:3rem;opacity:.15;animation:cupFloat 20s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(139,92,246,.4))}.cup-1{top:20%;left:25%;animation-delay:0s}.cup-2{top:60%;right:30%;animation-delay:3s;font-size:2.5rem}.cup-3{bottom:20%;left:60%;animation-delay:6s;font-size:2rem}.cup-4{top:45%;left:15%;animation-delay:4s;font-size:2.2rem}.cup-5{bottom:35%;right:15%;animation-delay:7s;font-size:1.8rem}@keyframes cupFloat{0%,to{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:.15}25%{transform:translateY(-50px) translate(40px) rotate(15deg) scale(1.1);opacity:.2}50%{transform:translateY(-30px) translate(-30px) rotate(-15deg) scale(.9);opacity:.18}75%{transform:translateY(-70px) translate(50px) rotate(10deg) scale(1.05);opacity:.2}}.hero-content{position:relative;z-index:20;text-align:center;color:#fff;max-width:800px;margin:0 auto;padding:40px;background:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;opacity:0;transform:translateY(50px) scale(.9);animation:heroContentEnter 1.2s cubic-bezier(.34,1.56,.64,1) .3s forwards}@keyframes heroContentEnter{0%{opacity:0;transform:translateY(50px) scale(.9) rotateX(-10deg);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0);filter:blur(0px)}}.hero-title{font-size:4rem;font-weight:800;margin-bottom:1rem;line-height:1.1;opacity:0;transform:translateY(30px);animation:titleReveal 1s cubic-bezier(.34,1.56,.64,1) .6s forwards;position:relative}@keyframes titleReveal{0%{opacity:0;transform:translateY(30px) scale(.8);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.hero-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:3px;background:linear-gradient(90deg,transparent,#fbbf24,transparent);animation:titleUnderline 1s ease-out 1.2s forwards}@keyframes titleUnderline{0%{width:0}to{width:80%}}.gradient-text{background:linear-gradient(135deg,#fbbf24,#f59e0b,#f97316);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientTextShift 3s ease infinite,textGlow 2s ease-in-out infinite;display:inline-block;position:relative}@keyframes gradientTextShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes textGlow{0%,to{filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}50%{filter:drop-shadow(0 0 20px rgba(251,191,36,.8)) drop-shadow(0 0 30px rgba(249,115,22,.6))}}.hero-subtitle{font-size:2rem;font-weight:300;opacity:0;transform:translateY(20px);animation:subtitleReveal .8s ease-out .9s forwards;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.3)}@keyframes subtitleReveal{0%{opacity:0;transform:translateY(20px) scale(.9);filter:blur(5px)}to{opacity:.9;transform:translateY(0) scale(1);filter:blur(0px)}}.hero-description{font-size:1.2rem;margin-bottom:2rem;opacity:0;transform:translateY(20px);animation:descriptionReveal 1s ease-out 1.1s forwards;line-height:1.6;text-shadow:0 2px 5px rgba(0,0,0,.2)}@keyframes descriptionReveal{0%{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:.9;transform:translateY(0);filter:blur(0px)}}.hero-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap;opacity:0;transform:translateY(30px);animation:buttonsReveal 1s cubic-bezier(.34,1.56,.64,1) 1.3s forwards}@keyframes buttonsReveal{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.btn-primary,.btn-secondary{padding:12px 30px;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:#00ff001a;color:#0f8;border:1px solid rgba(0,255,0,.4);box-shadow:0 0 15px #0f03;position:relative;overflow:hidden;transform:scale(1);transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:Courier New,Monaco,Menlo,monospace}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-5px) scale(1.05);background:#0f03;border-color:#0f09;box-shadow:0 0 25px #0f06;color:#0f0}.btn-primary:active{transform:translateY(-2px) scale(1.02)}.btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-secondary:hover:before{left:100%}.btn-secondary:hover{background:#ffffff1a;border-color:#fffc;transform:translateY(-5px) scale(1.05);box-shadow:0 8px 25px #fff3}.btn-secondary:active{transform:translateY(-2px) scale(1.02)}.hero-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;opacity:0;transform:translateY(30px);animation:statsReveal 1s ease-out 1.5s forwards}@keyframes statsReveal{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.stat{text-align:center;padding:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:statShimmer 3s infinite}@keyframes statShimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stat:hover{transform:translateY(-5px) scale(1.05);background:#ffffff26;box-shadow:0 10px 30px #0003}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--accent-color);text-shadow:0 0 20px rgba(245,158,11,.5);position:relative;z-index:1;animation:numberPulse 2s ease-in-out infinite}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stat-label{font-size:.9rem;opacity:.9;position:relative;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.2)}section{padding:80px 0;position:relative;z-index:10;background:transparent;color:#0f0;font-family:Courier New,Monaco,Menlo,monospace}.navbar{position:relative;z-index:100}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#0f0;font-family:Courier New,Monaco,Menlo,monospace}.section-subtitle{font-size:1.1rem;color:#8cf;max-width:600px;margin:0 auto;font-family:Courier New,Monaco,Menlo,monospace}.about{background:transparent;color:#0f0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h3{font-size:2rem;margin-bottom:1rem;color:#0f8;font-family:Courier New,Monaco,Menlo,monospace}.about-text p{font-size:1.1rem;color:#8cf;margin-bottom:2rem;line-height:1.7;font-family:Courier New,Monaco,Menlo,monospace}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.skill-item{display:flex;align-items:center;padding:1rem;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:6px;box-shadow:0 0 10px #00ff001a;transition:all .8s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(50px) rotateX(-90deg);filter:blur(8px);color:#0f8;font-family:Courier New,Monaco,Menlo,monospace}.skill-item.animate{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0px)}.skill-item.animate-out{opacity:0;transform:translateY(-50px) rotateX(90deg);filter:blur(8px)}.skill-item.animate{animation:skillBounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes skillBounce{0%{transform:translateY(50px) rotateX(-90deg) scale(.5)}60%{transform:translateY(-10px) rotateX(10deg) scale(1.1)}to{transform:translateY(0) rotateX(0) scale(1)}}.skill-item:hover{transform:translateY(-2px);box-shadow:0 0 20px #00ff004d;background:#00ff001a;border-color:#0f06}.skill-item i{font-size:1.5rem;margin-right:.5rem;color:#0f0}.terminal{background:#0a0e27;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #0f03,0 20px 60px #000c,0 0 100px #00ff001a;border:1px solid rgba(0,255,0,.3);font-family:Courier New,Monaco,Menlo,monospace;animation:terminalWindowEnter .5s ease,terminalGlowAbout 3s ease-in-out infinite}@keyframes terminalWindowEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes terminalGlowAbout{0%,to{box-shadow:0 0 0 1px #0f03,0 20px 60px #000c,0 0 100px #00ff001a}50%{box-shadow:0 0 0 1px #0f06,0 20px 60px #000c,0 0 150px #0f03}}.terminal-header{background:#1a1f3a;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,255,0,.1)}.terminal-buttons{display:flex;gap:8px}.terminal-buttons span{width:12px;height:12px;border-radius:50%;transition:all .2s ease}.btn-close{background:#ff5f57}.btn-close:hover{background:#ff3b30;box-shadow:0 0 8px #ff5f5799}.btn-minimize{background:#ffbd2e}.btn-minimize:hover{background:orange;box-shadow:0 0 8px #ffbd2e99}.btn-maximize{background:#28ca42}.btn-maximize:hover{background:#1fb835;box-shadow:0 0 8px #28ca4299}.terminal-title{color:#0f09;font-size:12px;font-weight:500;font-family:Courier New,Monaco,Menlo,monospace;letter-spacing:.5px}.terminal-body{padding:20px;background:#0a0e27;color:#0f0;min-height:200px;font-family:Courier New,Monaco,Menlo,monospace}.code-line{margin-bottom:8px;display:flex;align-items:center;font-size:14px;line-height:1.6;opacity:0;transform:translate(-10px);transition:all .3s ease}.code-line.visible{opacity:1;transform:translate(0)}.prompt{color:#0f0;margin-right:8px;font-weight:700}.command{color:#8cf;font-family:Courier New,Monaco,Menlo,monospace}.output{color:#8cf;margin-left:0;font-family:Courier New,Monaco,Menlo,monospace}.output.success{color:#0f8;font-weight:500}.cursor{color:#0f0;font-weight:700;animation:cursorBlink 1s infinite;display:inline-block;margin-left:2px}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.coffee-cup-section{background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(251,191,36,.1) 0%,transparent 50%),linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:100% 100%,100% 100%,100% 100%,400% 400%;background-position:0% 0%,0% 0%,0% 0%,0% 0%;animation:gradientShift 15s ease infinite;padding:150px 0 100px;position:relative;overflow:visible;perspective:1000px}@keyframes gradientShift{0%,to{background-position:0% 0%,0% 0%,0% 0%,0% 0%}25%{background-position:0% 0%,0% 0%,0% 0%,100% 50%}50%{background-position:0% 0%,0% 0%,0% 0%,50% 100%}75%{background-position:0% 0%,0% 0%,0% 0%,0% 50%}}.coffee-cup-container{display:flex;flex-direction:column;align-items:center;max-width:1800px;margin:0 auto;width:100%}.coffee-cup-scene{position:relative;height:800px;min-height:800px;display:flex;align-items:center;justify-content:center;gap:80px;transform-style:preserve-3d;overflow:visible}.tech-stack-section{padding:100px 0;background:transparent;position:relative;overflow:hidden}.tech-stack-animated-title{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-family:Courier New,Monaco,Menlo,monospace;text-align:left}.title-line-1{color:#0f0;font-size:2rem;font-weight:700;animation:typeTitle1 1.5s ease forwards;opacity:0}.title-line-2{color:#0f8;font-size:2.5rem;font-weight:800;animation:typeTitle2 1.5s ease .8s forwards;opacity:0;text-shadow:0 0 10px rgba(0,255,136,.5),0 0 20px rgba(0,255,136,.3)}.title-cursor{color:#0f0;font-size:2rem;animation:cursorBlink 1s infinite 2s;display:inline-block;margin-left:5px}@keyframes typeTitle1{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes typeTitle2{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.tech-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:50px;padding:0 20px}.tech-info-card{background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:8px;padding:30px;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.tech-info-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);transition:left .5s ease}.tech-info-card:hover:before{left:100%}.tech-info-card:hover{background:#00ff001a;border-color:#0f06;transform:translateY(-5px);box-shadow:0 0 25px #00ff004d}.info-card-icon{font-size:48px;margin-bottom:15px;display:block;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tech-info-card h3{color:#0f8;font-size:1.3rem;font-weight:600;margin-bottom:10px;font-family:Courier New,Monaco,Menlo,monospace}.tech-info-card p{color:#8cf;font-size:.95rem;font-family:Courier New,Monaco,Menlo,monospace;line-height:1.6}.tech-stack-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,255,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,255,136,.03) 0%,transparent 50%);animation:backgroundFloat 15s ease-in-out infinite;pointer-events:none}@keyframes backgroundFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.premium-tech-beans-header{text-align:center;margin-bottom:40px;padding:30px 20px}.bag-label-large{color:#0f0;font-size:3rem;font-weight:800;letter-spacing:5px;text-shadow:0 0 20px rgba(0,255,0,.6),0 0 40px rgba(0,255,0,.4);font-family:Courier New,Monaco,Menlo,monospace;margin-bottom:10px;animation:textPulse 2s ease-in-out infinite}.bag-subtitle-large{color:#8cf;font-size:1.1rem;font-family:Courier New,Monaco,Menlo,monospace;letter-spacing:2px}@keyframes textPulse{0%,to{text-shadow:0 0 20px rgba(0,255,0,.6),0 0 40px rgba(0,255,0,.4)}50%{text-shadow:0 0 30px rgba(0,255,0,.8),0 0 60px rgba(0,255,0,.6)}}.bag-terminal-info-top{max-width:1200px;margin:0 auto 50px;padding:25px 30px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:8px;font-family:Courier New,Monaco,Menlo,monospace}.tech-categories-wide{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;max-width:1400px;margin:0 auto 50px;padding:0 20px}.tech-category-container{background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:12px;padding:30px;transition:all .3s ease;position:relative;overflow:hidden}.tech-category-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);transition:left .5s ease}.tech-category-container:hover:before{left:100%}.tech-category-container:hover{background:#00ff001a;border-color:#0f06;transform:translateY(-5px);box-shadow:0 0 30px #00ff004d}.category-header-large{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid rgba(0,255,0,.3)}.category-icon-large{font-size:32px}.category-title-large{color:#0f8;font-size:1.5rem;font-weight:700;font-family:Courier New,Monaco,Menlo,monospace;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,136,.5)}.tech-icons-bag-wide{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.bag-tech-stats-wide{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto 50px;padding:0 20px}.bag-tech-features-wide{max-width:1200px;margin:0 auto 50px;padding:30px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:12px}.bag-footer-text-wide{max-width:1200px;margin:0 auto;padding:40px 30px;text-align:center;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:12px;color:#0f8;font-size:18px;font-weight:600;letter-spacing:2px;position:relative;overflow:hidden}.bag-footer-text-wide:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);animation:shimmer 3s infinite}.bag-footer-text-wide p{margin:0 0 10px;text-shadow:0 0 10px rgba(0,255,136,.5),0 0 20px rgba(0,255,136,.3);position:relative;z-index:1;color:#0f8}.coffee-bag-container{display:flex;justify-content:center;align-items:center;padding:40px 20px}.coffee-bag{position:relative;width:900px;max-width:100%;background:#0a0e27;border-radius:8px;box-shadow:0 0 0 1px #00ff004d,0 20px 60px #000c,0 0 100px #00ff001a;border:1px solid rgba(0,255,0,.3);overflow:hidden;animation:terminalGlow 3s ease-in-out infinite;font-family:Courier New,Monaco,Menlo,monospace}@keyframes terminalGlow{0%,to{box-shadow:0 0 0 1px #00ff004d,0 20px 60px #000c,0 0 100px #00ff001a}50%{box-shadow:0 0 0 1px #00ff0080,0 20px 60px #000c,0 0 150px #0f03}}.bag-top{background:#1a1f3a;padding:20px;text-align:center;border-bottom:2px solid rgba(0,255,0,.3);position:relative}.bag-top:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ff00,transparent);animation:scanLine 2s linear infinite}@keyframes scanLine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bag-label{color:#0f0;font-size:18px;font-weight:700;letter-spacing:3px;text-shadow:0 0 10px rgba(0,255,0,.5),0 0 20px rgba(0,255,0,.3);font-family:Courier New,Monaco,Menlo,monospace;animation:textPulse 2s ease-in-out infinite;position:relative;z-index:1;margin-bottom:8px}.bag-subtitle{color:#8cf;font-size:12px;font-weight:400;letter-spacing:1px;font-family:Courier New,Monaco,Menlo,monospace;opacity:.8;margin-top:5px}@keyframes textPulse{0%,to{opacity:1;text-shadow:0 0 10px rgba(0,255,0,.5),0 0 20px rgba(0,255,0,.3)}50%{opacity:.8;text-shadow:0 0 15px rgba(0,255,0,.7),0 0 30px rgba(0,255,0,.5)}}.bag-body-icons{padding:30px;background:#0a0e27;min-height:500px;border-top:1px solid rgba(0,255,0,.1)}.bag-terminal-info{padding:15px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:6px;margin-bottom:25px;font-family:Courier New,Monaco,Menlo,monospace}.terminal-info-line{margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:13px}.terminal-info-line:last-child{margin-bottom:0}.terminal-prompt{color:#0f0;font-weight:700}.terminal-info-text{color:#8cf}.terminal-success{color:#0f8;font-weight:700}.tech-categories{display:flex;flex-direction:column;gap:25px;margin-bottom:25px}.tech-category{background:#00ff0008;border:1px solid rgba(0,255,0,.15);border-radius:8px;padding:20px;transition:all .3s ease}.tech-category:hover{background:#00ff000d;border-color:#00ff004d;box-shadow:0 0 15px #00ff001a}.category-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(0,255,0,.2)}.category-icon{font-size:20px}.category-title{color:#0f8;font-size:16px;font-weight:600;font-family:Courier New,Monaco,Menlo,monospace;letter-spacing:1px}.tech-icons-bag{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:15px;align-items:start}.tech-icon-bag-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 15px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:8px;transition:all .3s ease;cursor:pointer;position:relative;overflow:visible!important}.tech-icon-bag-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);transition:left .5s ease}.tech-icon-bag-item:hover:before{left:100%}.tech-icon-bag-item:hover{transform:translateY(-5px);background:#00ff001a;border-color:#00ff0080;box-shadow:0 0 15px #00ff004d,inset 0 0 10px #00ff001a}.tech-icon-bag-item i{font-size:40px!important;margin-bottom:10px;transition:all .3s ease;filter:drop-shadow(0 0 5px currentColor);display:inline-block!important;color:#0f8!important;opacity:1!important;visibility:visible!important;font-family:"Font Awesome 6 Brands","Font Awesome 6 Free","Font Awesome 6 Pro",FontAwesome!important;font-weight:900!important;font-style:normal!important;line-height:1!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased!important;text-transform:none!important;letter-spacing:normal!important;word-wrap:normal!important;white-space:nowrap!important;direction:ltr!important;z-index:10!important;position:relative!important}.tech-icon-bag-item:hover i{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 0 10px currentColor)}.tech-icon-bag-item span{font-size:12px;font-weight:600;color:#0f8;text-align:center;font-family:Courier New,Monaco,Menlo,monospace;text-transform:uppercase;letter-spacing:1px}.tech-icon-bag-item[data-tech=html] i{color:#ff6b6b;filter:drop-shadow(0 0 8px #ff6b6b)}.tech-icon-bag-item[data-tech=css] i{color:#4ecdc4;filter:drop-shadow(0 0 8px #4ecdc4)}.tech-icon-bag-item[data-tech=js] i{color:#ffd93d;filter:drop-shadow(0 0 8px #ffd93d)}.tech-icon-bag-item[data-tech=react] i{color:#61dafb;filter:drop-shadow(0 0 8px #61dafb)}.tech-icon-bag-item[data-tech=nextjs] i{color:#0f8;filter:drop-shadow(0 0 8px #00ff88)}.tech-icon-bag-item[data-tech=vue] i{color:#4fc08d;filter:drop-shadow(0 0 8px #4fc08d)}.tech-icon-bag-item[data-tech=nuxt] i{color:#00dc82;filter:drop-shadow(0 0 8px #00dc82)}.tech-icon-bag-item[data-tech=nodejs] i{color:#0f0;filter:drop-shadow(0 0 8px #00ff00)}.tech-icon-bag-item[data-tech=go] i{color:#00add8;filter:drop-shadow(0 0 8px #00add8)}.tech-icon-bag-item[data-tech=python] i{color:#8cf;filter:drop-shadow(0 0 8px #88ccff)}.tech-icon-bag-item[data-tech=laravel] i{color:#ff6b9d;filter:drop-shadow(0 0 8px #ff6b9d)}.tech-icon-bag-item[data-tech=docker] i{color:#0db7ed;filter:drop-shadow(0 0 8px #0db7ed)}.tech-icon-bag-item[data-tech=aws] i{color:#f90;filter:drop-shadow(0 0 8px #ff9900)}.tech-icon-bag-item[data-tech=git] i{color:#f05032;filter:drop-shadow(0 0 8px #f05032)}.tech-icon-bag-item[data-tech=flutter] i{color:#02569b;filter:drop-shadow(0 0 8px #02569b)}.tech-icon-bag-item[data-tech=typescript] i{color:#3178c6;filter:drop-shadow(0 0 8px #3178c6)}.tech-icon-bag-item[data-tech=express] i{color:#0f0;filter:drop-shadow(0 0 8px #00ff00)}.tech-icon-bag-item[data-tech=django] i{color:#092e20;filter:drop-shadow(0 0 8px #00ff88)}.tech-icon-bag-item[data-tech=fastapi] i{color:#009688;filter:drop-shadow(0 0 8px #009688)}.tech-icon-bag-item[data-tech=php] i{color:#777bb4;filter:drop-shadow(0 0 8px #777bb4)}.tech-icon-bag-item[data-tech=ruby] i{color:#cc342d;filter:drop-shadow(0 0 8px #cc342d)}.tech-icon-bag-item[data-tech=rails] i{color:#c00;filter:drop-shadow(0 0 8px #cc0000)}.tech-icon-bag-item[data-tech=react-native] i{color:#61dafb;filter:drop-shadow(0 0 8px #61dafb)}.tech-icon-bag-item[data-tech=ionic] i{color:#3880ff;filter:drop-shadow(0 0 8px #3880ff)}.tech-icon-bag-item[data-tech=swift] i{color:#fa7343;filter:drop-shadow(0 0 8px #fa7343)}.tech-icon-bag-item[data-tech=kotlin] i{color:#7f52ff;filter:drop-shadow(0 0 8px #7f52ff)}.tech-icon-bag-item[data-tech=android] i{color:#3ddc84;filter:drop-shadow(0 0 8px #3ddc84)}.tech-icon-bag-item[data-tech=ios] i{color:#000;filter:drop-shadow(0 0 8px #ffffff)}.tech-icon-bag-item[data-tech=mongodb] i{color:#47a248;filter:drop-shadow(0 0 8px #47a248)}.tech-icon-bag-item[data-tech=postgresql] i{color:#336791;filter:drop-shadow(0 0 8px #336791)}.tech-icon-bag-item[data-tech=mysql] i{color:#00758f;filter:drop-shadow(0 0 8px #00758f)}.tech-icon-bag-item[data-tech=redis] i{color:#dc382d;filter:drop-shadow(0 0 8px #dc382d)}.tech-icon-bag-item[data-tech=supabase] i{color:#3ecf8e;filter:drop-shadow(0 0 8px #3ecf8e)}.tech-icon-bag-item[data-tech=kubernetes] i{color:#326ce5;filter:drop-shadow(0 0 8px #326ce5)}.tech-icon-bag-item[data-tech=azure] i{color:#0078d4;filter:drop-shadow(0 0 8px #0078d4)}.tech-icon-bag-item[data-tech=gcp] i{color:#4285f4;filter:drop-shadow(0 0 8px #4285f4)}.tech-icon-bag-item[data-tech=github] i{color:#181717;filter:drop-shadow(0 0 8px #ffffff)}.tech-icon-bag-item[data-tech=gitlab] i{color:#fc6d26;filter:drop-shadow(0 0 8px #fc6d26)}.tech-icon-bag-item[data-tech=jenkins] i{color:#d24939;filter:drop-shadow(0 0 8px #d24939)}.tech-icon-bag-item[data-tech=terraform] i{color:#7b42bc;filter:drop-shadow(0 0 8px #7b42bc)}.tech-icon-bag-item[data-tech=angular] i{color:#dd0031;filter:drop-shadow(0 0 8px #dd0031)}.tech-icon-bag-item[data-tech=svelte] i{color:#ff3e00;filter:drop-shadow(0 0 8px #ff3e00)}.tech-icon-bag-item[data-tech=redux] i{color:#764abc;filter:drop-shadow(0 0 8px #764abc)}.tech-icon-bag-item[data-tech=zustand] i{color:#0f8;filter:drop-shadow(0 0 8px #00ff88)}.tech-icon-bag-item[data-tech=mobx] i{color:#f95;filter:drop-shadow(0 0 8px #ff9955)}.tech-icon-bag-item[data-tech=recoil] i{color:#3578e5;filter:drop-shadow(0 0 8px #3578e5)}.tech-icon-bag-item[data-tech=jotai] i{color:#0f0;filter:drop-shadow(0 0 8px #00ff00)}.tech-icon-bag-item[data-tech=pinia] i{color:#4fc08d;filter:drop-shadow(0 0 8px #4fc08d)}.bag-tech-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px;padding:20px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:8px}.tech-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:6px;transition:all .3s ease}.tech-stat-item:hover{background:#00ff001a;border-color:#0f06;transform:translateY(-3px);box-shadow:0 0 15px #0f03}.stat-icon{font-size:24px;margin-bottom:8px}.stat-value{color:#0f0;font-size:20px;font-weight:700;font-family:Courier New,Monaco,Menlo,monospace;margin-bottom:5px}.stat-label{color:#8cf;font-size:11px;font-family:Courier New,Monaco,Menlo,monospace;text-transform:uppercase;letter-spacing:1px}.bag-footer-text{padding:25px 30px;text-align:center;background:#1a1f3a;color:#0f8;font-size:16px;font-weight:600;letter-spacing:2px;opacity:0;transform:translateY(20px);position:relative;overflow:hidden;border-top:2px solid rgba(0,255,0,.3);font-family:Courier New,Monaco,Menlo,monospace}.bag-footer-text:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);animation:shimmer 3s infinite}.bag-footer-text.animate:before{animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.bag-footer-text p{margin:0 0 8px;text-shadow:0 0 10px rgba(0,255,136,.5),0 0 20px rgba(0,255,136,.3);position:relative;z-index:1;color:#0f8}.footer-subtext{font-size:12px;color:#8cf;font-weight:400;letter-spacing:1px;margin:0;opacity:.8}.bag-tech-features{margin-top:25px;padding:20px;background:#00ff0008;border:1px solid rgba(0,255,0,.2);border-radius:8px}.features-header{display:flex;align-items:center;gap:8px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(0,255,0,.2);font-family:Courier New,Monaco,Menlo,monospace}.features-title{color:#0f8;font-size:14px;font-weight:600;letter-spacing:1px}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#00ff000d;border:1px solid rgba(0,255,0,.15);border-radius:6px;transition:all .3s ease}.feature-item:hover{background:#00ff001a;border-color:#00ff004d;transform:translate(5px)}.feature-check{color:#0f0;font-weight:700;font-size:14px}.feature-text{color:#8cf;font-size:12px;font-family:Courier New,Monaco,Menlo,monospace}.bag-tech-comparison{margin-top:25px;padding:20px;background:#00ff0008;border:1px solid rgba(0,255,0,.2);border-radius:8px}.comparison-header{display:flex;align-items:center;gap:8px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(0,255,0,.2);font-family:Courier New,Monaco,Menlo,monospace}.comparison-title{color:#0f8;font-size:14px;font-weight:600;letter-spacing:1px}.comparison-table{display:flex;flex-direction:column;gap:10px}.comparison-row{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#00ff000d;border:1px solid rgba(0,255,0,.15);border-radius:6px;transition:all .3s ease}.comparison-row:hover{background:#00ff001a;border-color:#00ff004d;transform:translate(5px)}.comparison-label{color:#8cf;font-size:12px;font-family:Courier New,Monaco,Menlo,monospace;font-weight:500}.comparison-value{color:#0f8;font-size:12px;font-family:Courier New,Monaco,Menlo,monospace;font-weight:600}.tech-additional-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px;padding:0 20px}.additional-info-card{background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:8px;padding:30px;transition:all .3s ease;position:relative;overflow:hidden}.additional-info-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);transition:left .5s ease}.additional-info-card:hover:before{left:100%}.additional-info-card:hover{background:#00ff001a;border-color:#0f06;transform:translateY(-5px);box-shadow:0 0 25px #00ff004d}.info-card-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.info-card-icon{font-size:32px}.info-card-header h3{color:#0f8;font-size:1.3rem;font-weight:600;font-family:Courier New,Monaco,Menlo,monospace;margin:0}.additional-info-card p{color:#8cf;font-size:.95rem;line-height:1.7;font-family:Courier New,Monaco,Menlo,monospace;margin:0}@media (max-width: 768px){.tech-stack-section{display:block!important;visibility:visible!important;opacity:1!important;padding:60px 0!important;position:relative!important;overflow:visible!important;z-index:10!important}.bag-tech-stats{grid-template-columns:1fr;gap:10px}.bag-tech-stats-wide{grid-template-columns:1fr;gap:20px}.tech-icons-bag{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px}.tech-icons-bag-wide{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.tech-category{padding:15px}.tech-category-container{padding:20px}.tech-categories-wide{grid-template-columns:1fr;gap:20px;padding:0 15px}.features-grid{grid-template-columns:1fr}.comparison-row{flex-direction:column;align-items:flex-start;gap:5px}.tech-additional-info{grid-template-columns:1fr}.tech-info-cards{grid-template-columns:1fr;gap:1.5rem}.tech-stack-animated-title{font-size:1.5rem}.title-line-1{font-size:1.2rem}.title-line-2{font-size:1.5rem}.bag-label-large{font-size:2rem;letter-spacing:3px}.bag-subtitle-large{font-size:.9rem}.category-title-large{font-size:1.2rem}.bag-terminal-info-top{padding:20px 15px;margin-bottom:30px}.bag-tech-features-wide{padding:20px 15px}.bag-footer-text-wide{padding:30px 20px}.premium-tech-beans-header{padding:20px 15px!important;margin-bottom:30px!important}.tech-stack-section .container{padding:0 15px!important;max-width:100%!important}}.scroll-animate{opacity:0}.scroll-zoom-in{opacity:0;transform:scale(.3) rotate(-10deg);filter:blur(10px);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.scroll-zoom-in.animate{opacity:1;transform:scale(1) rotate(0);filter:blur(0px);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{text-shadow:0 0 10px rgba(99,102,241,.3)}50%{text-shadow:0 0 20px rgba(99,102,241,.6),0 0 30px rgba(139,92,246,.4)}}.scroll-zoom-in.animate-out{opacity:0;transform:scale(.3) rotate(10deg);filter:blur(10px)}.scroll-fade-in{opacity:0;transform:translateY(50px) scale(.9);filter:blur(5px);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.scroll-fade-in.animate{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}.scroll-fade-in.animate-out{opacity:0;transform:translateY(-50px) scale(.9);filter:blur(5px)}.scroll-slide-up{opacity:0;transform:translateY(150px) scale(.8);filter:blur(8px);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.scroll-slide-up.animate{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}.scroll-slide-up.animate-out{opacity:0;transform:translateY(-150px) scale(.8);filter:blur(8px)}.scroll-zoom-in-delay{opacity:0;transform:scale(.5) rotateY(90deg);filter:blur(8px);transition:all .5s cubic-bezier(.34,1.56,.64,1) .2s}.scroll-zoom-in-delay.animate{opacity:1;transform:scale(1) rotateY(0);filter:blur(0px)}.scroll-zoom-in-delay.animate-out{opacity:0;transform:scale(.5) rotateY(-90deg);filter:blur(8px)}.scroll-text-reveal{opacity:0;transform:translateY(50px) scale(.8);filter:blur(10px);transition:all 1.2s cubic-bezier(.25,.46,.45,.94) .5s}.scroll-text-reveal.animate{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}.scroll-text-reveal.animate-out{opacity:0;transform:translateY(-50px) scale(.8);filter:blur(10px)}.tech-icon-bag-item{opacity:0;transform:scale(.3) rotate(-180deg) translateY(50px);filter:blur(10px);transition:all .6s cubic-bezier(.34,1.56,.64,1);animation:iconFloat 3s ease-in-out infinite;animation-delay:0s}.tech-icon-bag-item.animate{opacity:1!important;transform:scale(1) rotate(0) translateY(0)!important;filter:blur(0px)!important}.tech-icon-bag-item.animate-out{opacity:0;transform:scale(.3) rotate(180deg) translateY(-50px);filter:blur(10px)}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.tech-icon-bag-item.animate{animation:iconFloat 3s ease-in-out infinite,iconGlow 2s ease-in-out infinite}@keyframes iconGlow{0%,to{box-shadow:0 0 5px #00ff004d,0 0 10px #0f83}50%{box-shadow:0 0 15px #00ff0080,0 0 25px #0f86,0 0 35px #00ff004d}}.tech-icon-bag-item:hover{transform:translateY(-8px) scale(1.1)!important;animation:iconPulse .6s ease-in-out}@keyframes iconPulse{0%,to{transform:translateY(-8px) scale(1.1)}50%{transform:translateY(-12px) scale(1.15)}}.tech-icons-bag-wide .tech-icon-bag-item{animation-delay:calc(var(--stagger-delay, 0) * .1s)}.tech-icons-bag-wide .tech-icon-bag-item.animate{animation:iconEntrance .8s cubic-bezier(.34,1.56,.64,1) forwards,iconFloat 3s ease-in-out infinite .8s,iconGlow 2s ease-in-out infinite 1s}@keyframes iconEntrance{0%{opacity:0;transform:scale(0) rotate(-360deg) translateY(50px);filter:blur(15px)}60%{transform:scale(1.2) rotate(10deg) translateY(-5px)}to{opacity:1;transform:scale(1) rotate(0) translateY(0);filter:blur(0px)}}.scroll-slide-left{opacity:0;transform:translate(-150px) rotateY(-45deg);filter:blur(8px);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.scroll-slide-left.animate{opacity:1;transform:translate(0) rotateY(0);filter:blur(0px)}.scroll-slide-left.animate-out{opacity:0;transform:translate(150px) rotateY(45deg);filter:blur(8px)}.scroll-slide-right{opacity:0;transform:translate(150px) rotateY(45deg);filter:blur(8px);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.scroll-slide-right.animate{opacity:1;transform:translate(0) rotateY(0);filter:blur(0px)}.scroll-slide-right.animate-out{opacity:0;transform:translate(-150px) rotateY(-45deg);filter:blur(8px)}.scroll-rotate-in{opacity:0;transform:rotate(-180deg) scale(.3) translateZ(-200px);filter:blur(12px);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.scroll-rotate-in.animate{opacity:1;transform:rotate(0) scale(1) translateZ(0);filter:blur(0px)}.scroll-rotate-in.animate-out{opacity:0;transform:rotate(180deg) scale(.3) translateZ(-200px);filter:blur(12px)}.coffee-cup-simple{position:relative;width:300px;height:350px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cup-body{width:200px;height:250px;background:#fff;border-radius:0 0 30px 30px;border:3px solid #e5e7eb;position:relative;box-shadow:0 4px 12px #0000001a}.cup-coffee{position:absolute;top:10px;left:10px;right:10px;height:180px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:0 0 25px 25px}.cup-handle{position:absolute;right:-40px;top:60px;width:50px;height:80px;border:3px solid #e5e7eb;border-left:none;border-radius:0 25px 25px 0;background:#fff}@keyframes cupFloat{0%,to{transform:translateY(0) rotateX(0) rotateY(0)}50%{transform:translateY(-5px) rotateX(.5deg) rotateY(.5deg)}}.cup-svg{width:100%;height:100%;filter:drop-shadow(0 30px 60px rgba(0,0,0,.3)) drop-shadow(0 20px 40px rgba(0,0,0,.2)) drop-shadow(0 0 30px rgba(255,255,255,.3));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.steam-effect{position:absolute;top:80px;left:50%;transform:translate(-50%);width:8px;height:80px;background:radial-gradient(ellipse at center,rgba(255,255,255,.95) 0%,rgba(255,255,255,.8) 20%,transparent 60%),linear-gradient(to top,rgba(255,255,255,.9) 0%,rgba(255,255,255,.7) 40%,transparent 100%);border-radius:50%;animation:steamRise 5s ease-in-out infinite;filter:blur(3px);opacity:.8;z-index:1}@keyframes steamRise{0%{transform:translate(-50%) translateY(0) scale(.8) rotate(0);opacity:.7}25%{transform:translate(-52%) translateY(-15px) scale(1) rotate(2deg);opacity:.85}50%{transform:translate(-48%) translateY(-35px) scale(1.2) rotate(-2deg);opacity:.9}75%{transform:translate(-51%) translateY(-55px) scale(1.1) rotate(1deg);opacity:.7}to{transform:translate(-50%) translateY(-70px) scale(.9) rotate(0);opacity:.3}}.steam-effect:before{content:"";position:absolute;left:-20px;top:0;width:6px;height:60px;background:linear-gradient(to top,rgba(255,255,255,.85) 0%,rgba(255,255,255,.6) 30%,transparent 70%);border-radius:50%;filter:blur(2.5px);animation:steamRise 5.2s ease-in-out infinite .3s}.steam-effect:after{content:"";position:absolute;right:-20px;top:0;width:7px;height:65px;background:linear-gradient(to top,rgba(255,255,255,.8) 0%,rgba(255,255,255,.55) 35%,transparent 75%);border-radius:50%;filter:blur(2.8px);animation:steamRise 4.8s ease-in-out infinite .7s}.tech-icons-container-3d{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transform-style:preserve-3d;overflow:visible;z-index:2;perspective:1000px;display:none}.tech-icon-in-cup{position:absolute;width:60px;height:60px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;animation:particleOrbit 8s ease-in-out infinite,iconFloat 6s ease-in-out infinite;z-index:5;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff4d,0 0 20px currentColor}.tech-icon-in-cup:hover{transform:scale(1.4) translateZ(20px)!important;background:#fff3;box-shadow:0 12px 48px #0003,inset 0 1px #fff6,0 0 40px currentColor,0 0 60px currentColor;border-color:#fff6}.tech-icon-in-cup i{font-size:28px!important;text-shadow:0 0 20px currentColor,0 0 40px currentColor,0 0 60px currentColor,0 4px 12px rgba(0,0,0,.3);filter:brightness(1.3) saturate(1.4) drop-shadow(0 0 10px currentColor);animation:iconSpin 4s linear infinite}@keyframes particleOrbit{0%{transform:rotateY(0) translate(0) translateZ(0)}25%{transform:rotateY(90deg) translate(30px) translateZ(20px)}50%{transform:rotateY(180deg) translate(0) translateZ(40px)}75%{transform:rotateY(270deg) translate(-30px) translateZ(20px)}to{transform:rotateY(360deg) translate(0) translateZ(0)}}@keyframes iconFloat{0%,to{translate:0 0}33%{translate:15px -20px}66%{translate:-15px -10px}}@keyframes iconSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.tech-icon-in-cup[data-tech=html] i{color:#e34c26}.tech-icon-in-cup[data-tech=css] i{color:#1572b6}.tech-icon-in-cup[data-tech=js] i{color:#f7df1e}.tech-icon-in-cup[data-tech=react] i{color:#61dafb}.tech-icon-in-cup[data-tech=vue] i{color:#4fc08d}.tech-icon-in-cup[data-tech=laravel] i{color:#ff2d20}.tech-icon-in-cup[data-tech=flutter] i{color:#02569b}.tech-icon-in-cup[data-tech=react-native] i{color:#61dafb}.tech-icon-in-cup[data-tech=postgresql] i{color:#336791}.tech-icon-in-cup[data-tech=go] i{color:#00add8}.tech-icon-in-cup[data-tech=php] i{color:#777bb4}.tech-icon-in-cup[data-tech=python] i{color:#3776ab}.tech-icon-in-cup[data-tech=nodejs] i{color:#393}.tech-icon-in-cup[data-tech=docker] i{color:#2496ed}.tech-icon-in-cup[data-tech=aws] i{color:#f90}.tech-icon-in-cup[data-tech=git] i{color:#f05032}.tech-icon-waterfall{position:fixed;width:35px;height:35px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px #0003,inset 0 2px 4px #fffc,inset 0 -2px 4px #0000001a;transform-style:preserve-3d;z-index:1000}.tech-icon-waterfall i{font-size:16px;color:#6366f1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.tech-icon-waterfall[data-tech=html] i{color:#e34c26}.tech-icon-waterfall[data-tech=css] i{color:#1572b6}.tech-icon-waterfall[data-tech=js] i{color:#f7df1e}.tech-icon-waterfall[data-tech=react] i{color:#61dafb}.tech-icon-waterfall[data-tech=vue] i{color:#4fc08d}.tech-icon-waterfall[data-tech=laravel] i{color:#ff2d20}.tech-icon-waterfall[data-tech=flutter] i{color:#02569b}.tech-icon-waterfall[data-tech=react-native] i{color:#61dafb}.tech-icon-waterfall[data-tech=postgresql] i{color:#336791}.tech-icon-waterfall[data-tech=go] i{color:#00add8}.tech-icon-waterfall[data-tech=php] i{color:#777bb4}.tech-icon-waterfall[data-tech=python] i{color:#3776ab}.tech-icon-waterfall[data-tech=nodejs] i{color:#393}.tech-icon-waterfall[data-tech=docker] i{color:#2496ed}.tech-icon-waterfall[data-tech=aws] i{color:#f90}.tech-icon-waterfall[data-tech=git] i{color:#f05032}.tech-bag-simple{position:relative;z-index:3;flex-shrink:0}.bag-body-simple{width:180px;height:240px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;padding:20px;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center}@keyframes bagFloat{0%,to{transform:rotate(-15deg) rotateY(10deg) rotateX(-5deg) scale(1.5) translateY(0)}50%{transform:rotate(-15deg) rotateY(10deg) rotateX(-5deg) scale(1.5) translateY(-10px)}}.tech-bag .bag-opening{transform:rotateX(0) translateY(0);box-shadow:0 8px 16px #0006,0 4px 8px #0000004d,inset 0 4px 8px #ffffff40,inset 0 -4px 8px #0000004d}.bag-body{width:200px;height:280px;background:linear-gradient(135deg,#7a3f1a,#8b4513,sienna,#8b4513,#654321,#4a2c1a),repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(139,69,19,.15) 6px,rgba(139,69,19,.15) 12px);border-radius:25px 25px 40px 40px;position:relative;box-shadow:0 30px 60px #00000080,0 10px 20px #0000004d,inset 0 4px 8px #fff3,inset 0 -4px 8px #0006,inset 5px 0 15px #0003,inset -5px 0 15px #0003;border:3px solid #5a3418;transform-style:preserve-3d;overflow:hidden}.bag-body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(ellipse 8px 12px at 25% 25%,rgba(101,67,33,.5) 0%,transparent 70%),radial-gradient(ellipse 6px 10px at 75% 45%,rgba(139,69,19,.4) 0%,transparent 70%),radial-gradient(ellipse 7px 11px at 50% 70%,rgba(101,67,33,.45) 0%,transparent 70%),radial-gradient(ellipse 9px 13px at 35% 85%,rgba(139,69,19,.5) 0%,transparent 70%),radial-gradient(ellipse 6px 9px at 80% 75%,rgba(101,67,33,.4) 0%,transparent 70%),linear-gradient(145deg,transparent 0%,rgba(74,44,26,.3) 10%,transparent 20%),linear-gradient(225deg,transparent 0%,rgba(74,44,26,.25) 15%,transparent 30%),linear-gradient(90deg,transparent 0%,rgba(74,44,26,.2) 12%,transparent 25%);background-size:35px 35px,28px 28px,32px 32px,38px 38px,30px 30px,150px 150px,120px 120px,180px 180px;border-radius:20px 20px 35px 35px;opacity:.7;mix-blend-mode:overlay}.bag-opening{position:absolute;top:-18px;left:18px;right:18px;height:45px;background:linear-gradient(145deg,#9a5a2a,#8b4513,#7a3f1a),repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(139,69,19,.35) 3px,rgba(139,69,19,.35) 6px);border-radius:25px;box-shadow:0 8px 16px #0006,0 4px 8px #0000004d,inset 0 4px 8px #ffffff40,inset 0 -4px 8px #0000004d,inset 3px 0 8px #0003,inset -3px 0 8px #0003;border:4px solid #5a3418;transform-origin:bottom center;transition:transform .4s ease;z-index:2}.bag-opening:before{content:"";position:absolute;top:50%;left:5px;right:5px;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);border-radius:2px;opacity:.6}.tech-bag.opening .bag-opening{transform:rotateX(60deg) translateY(-10px);box-shadow:0 12px 24px #0006,inset 0 3px 6px #fff3,inset 0 -3px 6px #0003}.bag-handles{position:absolute;top:-25px;left:50%;transform:translate(-50%);display:flex;gap:40px}.bag-handle-left,.bag-handle-right{width:40px;height:30px;border:6px solid #5a3418;border-bottom:none;border-radius:22px 22px 0 0;background:linear-gradient(145deg,#7a3f1a,#8b4513,sienna);box-shadow:0 6px 12px #0000004d,0 3px 6px #0003,inset 0 3px 6px #ffffff26,inset 0 -2px 4px #0003;position:relative}.bag-handle-left:before,.bag-handle-right:before{content:"";position:absolute;top:5px;left:2px;right:2px;height:1px;background:repeating-linear-gradient(to right,rgba(74,44,26,.6) 0px,rgba(74,44,26,.6) 3px,transparent 3px,transparent 6px)}.bag-body:after{content:"PREMIUM TECH BEANS";position:absolute;top:30px;left:50%;transform:translate(-50%);font-family:Arial,sans-serif;font-size:11px;font-weight:700;color:#f4e4bc;text-shadow:1px 1px 3px rgba(0,0,0,.7);letter-spacing:1.5px;background:linear-gradient(145deg,#7a3f1a,#8b4513,sienna);padding:5px 12px;border-radius:6px;border:2.5px solid #5a3418;box-shadow:0 3px 6px #0006,inset 0 2px 4px #fff3,inset 0 -2px 4px #0003;z-index:5;white-space:nowrap}.tech-icons-in-bag{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;height:100%;align-items:center;justify-items:center}.tech-icon-bag{width:35px;height:35px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 4px #0000001a}.tech-icon-bag.pouring{position:fixed;z-index:1000;will-change:transform,opacity;pointer-events:none}.tech-icon-bag:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);width:1.5px;height:85%;background:linear-gradient(to bottom,#4a2c1ae6,#5a3418cc 30%,#4a2c1ae6,#5a3418cc 70%,#4a2c1ae6);border-radius:1px;opacity:.8;box-shadow:0 0 2px #4a2c1a80,inset 0 0 1px #0000004d;z-index:1}.tech-icon-bag:after{content:"";position:absolute;top:20%;left:30%;width:35%;height:40%;background:radial-gradient(ellipse at center,rgba(255,255,255,.25) 0%,rgba(255,255,255,.1) 40%,transparent 70%);border-radius:50% 40%/60% 50%;pointer-events:none;opacity:.6;z-index:0}@keyframes coffeeBeanFloat{0%,to{transform:translateY(0) scale(1) rotate(var(--bean-rotation, -15deg));opacity:.85}25%{transform:translateY(-1px) scale(1.01) rotate(calc(var(--bean-rotation, -15deg) + 3deg));opacity:.9}50%{transform:translateY(-2px) scale(1.02) rotate(var(--bean-rotation, -15deg));opacity:1}75%{transform:translateY(-1px) scale(1.01) rotate(calc(var(--bean-rotation, -15deg) - 3deg));opacity:.9}}.tech-icon-bag:nth-child(1){animation-delay:0s;--bean-rotation: -15deg}.tech-icon-bag:nth-child(2){animation-delay:.3s;--bean-rotation: 12deg}.tech-icon-bag:nth-child(3){animation-delay:.6s;--bean-rotation: -8deg}.tech-icon-bag:nth-child(4){animation-delay:.9s;--bean-rotation: 18deg}.tech-icon-bag:nth-child(5){animation-delay:1.2s;--bean-rotation: -22deg}.tech-icon-bag:nth-child(6){animation-delay:1.5s;--bean-rotation: 5deg}.tech-icon-bag:nth-child(7){animation-delay:1.8s;--bean-rotation: -18deg}.tech-icon-bag:nth-child(8){animation-delay:2.1s;--bean-rotation: 15deg}.tech-icon-bag:nth-child(9){animation-delay:2.4s;--bean-rotation: -10deg}.tech-icon-bag:nth-child(10){animation-delay:2.7s;--bean-rotation: 20deg}.tech-icon-bag:nth-child(11){animation-delay:3s;--bean-rotation: -5deg}.tech-icon-bag:nth-child(12){animation-delay:3.3s;--bean-rotation: 8deg}.tech-icon-bag:nth-child(13){animation-delay:3.6s;--bean-rotation: -25deg}.tech-icon-bag:nth-child(14){animation-delay:3.9s;--bean-rotation: 22deg}.tech-icon-bag:nth-child(15){animation-delay:4.2s;--bean-rotation: -12deg}.tech-icon-bag:nth-child(16){animation-delay:4.5s;--bean-rotation: 7deg}@keyframes iconInBag{0%,to{transform:translateY(0) rotateX(0) scale(1);opacity:.8}50%{transform:translateY(-3px) rotateX(5deg) scale(1.05);opacity:1}}.tech-icon-bag i{font-size:14px;text-shadow:0 2px 4px rgba(0,0,0,.7);z-index:2;position:relative}.tech-icon-bag[data-tech=html] i{color:#e34c26}.tech-icon-bag[data-tech=css] i{color:#1572b6}.tech-icon-bag[data-tech=js] i{color:#f7df1e}.tech-icon-bag[data-tech=react] i{color:#61dafb}.tech-icon-bag[data-tech=vue] i{color:#4fc08d}.tech-icon-bag[data-tech=laravel] i{color:#ff2d20}.tech-icon-bag[data-tech=flutter] i{color:#02569b}.tech-icon-bag[data-tech=react-native] i{color:#61dafb}.tech-icon-bag[data-tech=postgresql] i{color:#336791}.tech-icon-bag[data-tech=go] i{color:#00add8}.tech-icon-bag[data-tech=php] i{color:#777bb4}.tech-icon-bag[data-tech=python] i{color:#3776ab}.tech-icon-bag[data-tech=nodejs] i{color:#393}.tech-icon-bag[data-tech=docker] i{color:#2496ed}.tech-icon-bag[data-tech=aws] i{color:#f90}.tech-icon-bag[data-tech=git] i{color:#f05032}.hand-left-3d,.hand-right-3d{position:absolute;z-index:5;transform-style:preserve-3d}.hand-left-3d{left:10px;top:20px;animation:handGrabCycle 6s ease-in-out infinite}.hand-right-3d{right:20px;top:50px;animation:handFloat3D 5s ease-in-out infinite;animation-delay:2.5s}@keyframes handGrabCycle{0%,to{transform:translateY(0) translate(0) rotateX(0) rotateY(0)}15%{transform:translateY(40px) translate(60px) rotateX(15deg) rotateY(20deg)}30%{transform:translateY(80px) translate(120px) rotateX(25deg) rotateY(35deg)}45%{transform:translateY(120px) translate(150px) rotateX(30deg) rotateY(45deg)}60%{transform:translateY(80px) translate(120px) rotateX(25deg) rotateY(35deg)}75%{transform:translateY(40px) translate(60px) rotateX(15deg) rotateY(20deg)}}@keyframes handFloat3D{0%,to{transform:translateY(0) rotateX(0) rotateY(0)}25%{transform:translateY(-8px) rotateX(5deg) rotateY(2deg)}50%{transform:translateY(-5px) rotateX(0) rotateY(0)}75%{transform:translateY(-12px) rotateX(-3deg) rotateY(-2deg)}}.grabbed-icon{position:absolute;top:-20px;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s ease}.grabbed-icon.active{opacity:1}.grabbed-icon .tech-icon-grabbed{width:30px;height:30px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003,inset 0 2px 4px #fffc,inset 0 -2px 4px #0000001a;transform-style:preserve-3d;animation:grabbedIconFloat 2s ease-in-out infinite}@keyframes grabbedIconFloat{0%,to{transform:translateY(0) rotateX(0) scale(1)}50%{transform:translateY(-5px) rotateX(10deg) scale(1.05)}}.grabbed-icon .tech-icon-grabbed i{font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.grabbed-icon .tech-icon-grabbed[data-tech=html] i{color:#e34c26}.grabbed-icon .tech-icon-grabbed[data-tech=css] i{color:#1572b6}.grabbed-icon .tech-icon-grabbed[data-tech=js] i{color:#f7df1e}.grabbed-icon .tech-icon-grabbed[data-tech=react] i{color:#61dafb}.grabbed-icon .tech-icon-grabbed[data-tech=vue] i{color:#4fc08d}.grabbed-icon .tech-icon-grabbed[data-tech=laravel] i{color:#ff2d20}.grabbed-icon .tech-icon-grabbed[data-tech=flutter] i{color:#02569b}.grabbed-icon .tech-icon-grabbed[data-tech=react-native] i{color:#61dafb}.grabbed-icon .tech-icon-grabbed[data-tech=postgresql] i{color:#336791}.grabbed-icon .tech-icon-grabbed[data-tech=go] i{color:#00add8}.grabbed-icon .tech-icon-grabbed[data-tech=php] i{color:#777bb4}.grabbed-icon .tech-icon-grabbed[data-tech=python] i{color:#3776ab}.grabbed-icon .tech-icon-grabbed[data-tech=nodejs] i{color:#393}.grabbed-icon .tech-icon-grabbed[data-tech=docker] i{color:#2496ed}.grabbed-icon .tech-icon-grabbed[data-tech=aws] i{color:#f90}.grabbed-icon .tech-icon-grabbed[data-tech=git] i{color:#f05032}.arm-3d{position:relative;transform-style:preserve-3d}.forearm{width:35px;height:120px;background:linear-gradient(145deg,#fbbf24,#f59e0b,#d97706);border-radius:18px;position:relative;box-shadow:0 12px 24px #0000004d,inset 0 3px 6px #fff6,inset 0 -3px 6px #0003;transform:rotateX(15deg) rotateY(8deg)}.elbow{width:40px;height:25px;background:linear-gradient(145deg,#d97706,#b45309);border-radius:20px;position:absolute;top:-12px;left:-2px;box-shadow:0 6px 12px #0003,inset 0 2px 4px #ffffff4d}.hand-3d{position:relative;transform-style:preserve-3d;animation:handGesture3D 4s ease-in-out infinite}@keyframes handGesture3D{0%,to{transform:scale(1) rotateX(0) rotateY(0) rotate(0)}25%{transform:scale(1.02) rotateX(5deg) rotateY(3deg) rotate(2deg)}50%{transform:scale(1) rotateX(0) rotateY(0) rotate(0)}75%{transform:scale(1.02) rotateX(-3deg) rotateY(-2deg) rotate(-1deg)}}.palm-3d{width:80px;height:60px;background:linear-gradient(145deg,#f59e0b,#d97706,#b45309);border-radius:40px 40px 20px 20px;position:relative;box-shadow:0 12px 24px #0000004d,inset 0 3px 6px #fff6,inset 0 -3px 6px #0003;transform:rotateX(8deg)}.thumb-3d{width:25px;height:45px;background:linear-gradient(145deg,#f59e0b,#d97706,#b45309);border-radius:12px 12px 6px 6px;position:absolute;left:-12px;top:20px;transform:rotate(-30deg) rotateX(15deg);box-shadow:0 6px 12px #0003,inset 0 2px 4px #ffffff4d;transform-origin:bottom center;transition:transform .3s ease}.hand-left-3d.opening .thumb-3d{animation:thumbOpen .5s ease-out forwards}.hand-left-3d.closing .thumb-3d{animation:thumbClose .3s ease-in forwards}@keyframes thumbOpen{0%{transform:rotate(-30deg) rotateX(15deg)}to{transform:rotate(-45deg) rotateX(15deg)}}@keyframes thumbClose{0%{transform:rotate(-45deg) rotateX(15deg)}to{transform:rotate(-30deg) rotateX(15deg)}}.thumb-right{left:auto;right:-12px;transform:rotate(30deg) rotateX(15deg)}.finger-3d{width:15px;height:50px;background:linear-gradient(145deg,#f59e0b,#d97706,#b45309);border-radius:8px;position:absolute;top:-8px;box-shadow:0 6px 12px #0003,inset 0 2px 4px #ffffff4d;transform-origin:bottom center;transition:transform .3s ease}.hand-left-3d.opening .finger-3d{animation:fingerOpen .5s ease-out forwards}.hand-left-3d.closing .finger-3d{animation:fingerClose .3s ease-in forwards}@keyframes fingerOpen{0%{transform:rotate(0) rotateX(8deg)}to{transform:rotate(-15deg) rotateX(8deg)}}@keyframes fingerClose{0%{transform:rotate(-15deg) rotateX(8deg)}to{transform:rotate(0) rotateX(8deg)}}.hand-left-3d.opening .finger-1{animation:fingerOpen1 .5s ease-out forwards}.hand-left-3d.opening .finger-2{animation:fingerOpen2 .5s ease-out forwards;animation-delay:.1s}.hand-left-3d.opening .finger-3{animation:fingerOpen3 .5s ease-out forwards;animation-delay:.2s}.hand-left-3d.opening .finger-4{animation:fingerOpen4 .5s ease-out forwards;animation-delay:.3s}@keyframes fingerOpen1{0%{transform:rotate(-10deg) rotateX(8deg)}to{transform:rotate(-25deg) rotateX(8deg)}}@keyframes fingerOpen2{0%{transform:rotate(-3deg) rotateX(8deg)}to{transform:rotate(-18deg) rotateX(8deg)}}@keyframes fingerOpen3{0%{transform:rotate(3deg) rotateX(8deg)}to{transform:rotate(-12deg) rotateX(8deg)}}@keyframes fingerOpen4{0%{transform:rotate(10deg) rotateX(8deg)}to{transform:rotate(-5deg) rotateX(8deg)}}.hand-left-3d.closing .finger-1{animation:fingerClose1 .3s ease-in forwards}.hand-left-3d.closing .finger-2{animation:fingerClose2 .3s ease-in forwards;animation-delay:.05s}.hand-left-3d.closing .finger-3{animation:fingerClose3 .3s ease-in forwards;animation-delay:.1s}.hand-left-3d.closing .finger-4{animation:fingerClose4 .3s ease-in forwards;animation-delay:.15s}@keyframes fingerClose1{0%{transform:rotate(-25deg) rotateX(8deg)}to{transform:rotate(-10deg) rotateX(8deg)}}@keyframes fingerClose2{0%{transform:rotate(-18deg) rotateX(8deg)}to{transform:rotate(-3deg) rotateX(8deg)}}@keyframes fingerClose3{0%{transform:rotate(-12deg) rotateX(8deg)}to{transform:rotate(3deg) rotateX(8deg)}}@keyframes fingerClose4{0%{transform:rotate(-5deg) rotateX(8deg)}to{transform:rotate(10deg) rotateX(8deg)}}.finger-3d:before{content:"";position:absolute;top:15px;left:2px;right:2px;height:2px;background:#0003;border-radius:1px}.finger-3d:after{content:"";position:absolute;top:30px;left:2px;right:2px;height:2px;background:#0003;border-radius:1px}.finger-1{left:10px;transform:rotate(-10deg) rotateX(8deg)}.finger-2{left:25px;transform:rotate(-3deg) rotateX(8deg)}.finger-3{left:40px;transform:rotate(3deg) rotateX(8deg)}.finger-4{left:55px;transform:rotate(10deg) rotateX(8deg)}.finger-right.finger-1{left:auto;right:10px;transform:rotate(10deg) rotateX(8deg)}.finger-right.finger-2{left:auto;right:25px;transform:rotate(3deg) rotateX(8deg)}.finger-right.finger-3{left:auto;right:40px;transform:rotate(-3deg) rotateX(8deg)}.finger-right.finger-4{left:auto;right:55px;transform:rotate(-10deg) rotateX(8deg)}.tech-icons-in-hand{position:absolute;top:-80px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;transform-style:preserve-3d;overflow:visible}.tech-icon-3d{width:35px;height:35px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px #0003,inset 0 2px 4px #fffc,inset 0 -2px 4px #0000001a;transform-style:preserve-3d;position:relative;animation:iconWaterfall 2s linear infinite}.tech-icon-3d:nth-child(1){animation-delay:0s}.tech-icon-3d:nth-child(2){animation-delay:.3s}.tech-icon-3d:nth-child(3){animation-delay:.6s}.tech-icon-3d:nth-child(4){animation-delay:.9s}.tech-icon-3d:nth-child(5){animation-delay:1.2s}.tech-icon-3d:nth-child(6){animation-delay:1.5s}.tech-icon-3d:nth-child(7){animation-delay:1.8s}.tech-icon-3d:nth-child(8){animation-delay:2.1s}@keyframes iconWaterfall{0%{transform:translateY(0) rotateX(0) scale(1);opacity:1}20%{transform:translateY(40px) rotateX(45deg) scale(.95);opacity:.9}40%{transform:translateY(80px) rotateX(90deg) scale(.9);opacity:.8}60%{transform:translateY(120px) rotateX(135deg) scale(.85);opacity:.7}80%{transform:translateY(160px) rotateX(180deg) scale(.8);opacity:.6}to{transform:translateY(200px) rotateX(360deg) scale(.7);opacity:.5}}.tech-icon-3d i{font-size:18px;color:#6366f1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.tech-icon-3d[data-tech=html] i{color:#e34c26}.tech-icon-3d[data-tech=css] i{color:#1572b6}.tech-icon-3d[data-tech=js] i{color:#f7df1e}.tech-icon-3d[data-tech=react] i{color:#61dafb}.tech-icon-3d[data-tech=vue] i{color:#4fc08d}.tech-icon-3d[data-tech=laravel] i{color:#ff2d20}.tech-icon-3d[data-tech=flutter] i{color:#02569b}.tech-icon-3d[data-tech=react-native] i{color:#61dafb}.water-container{position:absolute;top:-40px;left:50%;transform:translate(-50%);transform-style:preserve-3d}.water-drop{width:20px;height:20px;background:radial-gradient(circle,#3b82f6,#1d4ed8);border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #3b82f64d,inset 0 2px 4px #ffffff4d;animation:waterDropPulse 2s ease-in-out infinite}@keyframes waterDropPulse{0%,to{transform:translate(-50%) scale(1);opacity:.8}50%{transform:translate(-50%) scale(1.2);opacity:1}}.water-stream-3d{position:absolute;top:20px;left:50%;transform:translate(-50%);width:6px;height:50px;background:linear-gradient(to bottom,#3b82f6e6,#1d4ed8b3,#3b82f680);border-radius:3px;animation:waterStream3D 2s ease-in-out infinite;box-shadow:0 0 10px #3b82f680}@keyframes waterStream3D{0%,to{height:50px;opacity:.8;transform:translate(-50%) rotateX(0)}50%{height:70px;opacity:1;transform:translate(-50%) rotateX(5deg)}}.spoon-3d{position:absolute;right:60px;top:160px;z-index:8;transform-style:preserve-3d;animation:spoonMix3D 4s ease-in-out infinite}@keyframes spoonMix3D{0%,to{transform:rotate(45deg) translateY(0) rotateX(0) scale(1);opacity:.9}25%{transform:rotate(50deg) translateY(-8px) rotateX(5deg) scale(1.05);opacity:1}50%{transform:rotate(40deg) translateY(-15px) rotateX(10deg) scale(1.1);opacity:1}75%{transform:rotate(50deg) translateY(-8px) rotateX(5deg) scale(1.05);opacity:1}}.spoon-handle-3d{width:6px;height:80px;background:linear-gradient(145deg,#d97706,#b45309);border-radius:3px;position:relative;box-shadow:0 4px 8px #0003,inset 0 1px 2px #ffffff4d;transform:rotateX(5deg)}.spoon-bowl-3d{width:25px;height:18px;background:linear-gradient(145deg,#d97706,#b45309);border-radius:0 0 12px 12px;position:absolute;top:70px;left:-9px;box-shadow:0 4px 8px #0003,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;transform:rotateX(10deg)}.tech-icon i{font-size:16px;color:#6366f1}.tech-icon[data-tech=html] i{color:#e34c26}.tech-icon[data-tech=css] i{color:#1572b6}.tech-icon[data-tech=js] i{color:#f7df1e}.tech-icon[data-tech=react] i{color:#61dafb}.tech-icon[data-tech=vue] i{color:#4fc08d}.tech-icon[data-tech=laravel] i{color:#ff2d20}.tech-icon[data-tech=flutter] i{color:#02569b}.tech-icon[data-tech=react-native] i{color:#61dafb}.water-stream{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:4px;height:40px;background:linear-gradient(to bottom,#3b82f6,#60a5fa);border-radius:2px;opacity:0;transition:opacity .3s ease}.water-stream.active{opacity:1;animation:waterPour 2s ease-in-out infinite}@keyframes waterPour{0%,to{height:40px}50%{height:60px}}.spoon{position:absolute;right:80px;top:180px;z-index:8;opacity:.9;animation:spoonMix 4s ease-in-out infinite}.spoon-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes spoonMix{0%,to{transform:rotate(45deg) translateY(0) scale(1);opacity:.9}25%{transform:rotate(50deg) translateY(-5px) scale(1.05);opacity:1}50%{transform:rotate(40deg) translateY(-10px) scale(1.1);opacity:1}75%{transform:rotate(50deg) translateY(-5px) scale(1.05);opacity:1}}.tech-stack-display{background:#fff;padding:2rem;border-radius:15px;box-shadow:var(--shadow-lg);height:-moz-fit-content;height:fit-content}.tech-stack-display h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary);text-align:center}.active-tech-icons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;min-height:100px;align-items:center}.active-tech-icon{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);animation:iconAppear .5s ease-out}.active-tech-icon i{font-size:24px}@keyframes iconAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.tech-icon-dropping{position:absolute;width:30px;height:30px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;z-index:15;animation:dropDown 1s ease-in}@keyframes dropDown{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(200px) rotate(360deg);opacity:.8}}.splash-effect{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(139,69,19,.3) 0%,transparent 70%);animation:splash .6s ease-out;z-index:12}@keyframes splash{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}@media (max-width: 768px){.coffee-cup-container{grid-template-columns:1fr;gap:2rem}.coffee-cup-scene{height:400px}.cup-body{width:150px;height:135px}.cup-saucer{width:180px}.hand-left{left:20px;top:30px}.hand-right{right:20px;top:60px}.coffee-controls{position:relative;bottom:auto;left:auto;transform:none;margin-top:2rem}.control-btn{padding:8px 16px;font-size:.9rem}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.service-card{background:#00ff000d;padding:2rem;border-radius:8px;box-shadow:0 0 15px #00ff001a;transition:all 1s cubic-bezier(.25,.46,.45,.94);border:1px solid rgba(0,255,0,.2);opacity:0;transform:translateY(80px) scale(.8);filter:blur(10px);color:#0f8;font-family:Courier New,Monaco,Menlo,monospace}.service-card.animate{opacity:1;transform:translateY(0) scale(1);filter:blur(0px);animation:cardFloat 3s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.02)}}.service-card.animate-out{opacity:0;transform:translateY(-80px) scale(.8);filter:blur(10px);animation:none}.service-card:hover{transform:translateY(-5px);box-shadow:0 0 25px #00ff004d;background:#00ff001a;border-color:#0f06}.service-icon{width:60px;height:60px;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.service-icon i{font-size:1.5rem;color:#0f0}.service-card h3{font-size:1.3rem;margin-bottom:1rem;color:#0f8;font-family:Courier New,Monaco,Menlo,monospace}.service-card p{color:#8cf;margin-bottom:1.5rem;line-height:1.6;font-family:Courier New,Monaco,Menlo,monospace}.service-features{list-style:none}.service-features li{color:#8cf;position:relative;padding:.5rem 0 .5rem 1.5rem;font-family:Courier New,Monaco,Menlo,monospace}.service-features li:before{content:"> ";position:absolute;left:0;color:#0f0;font-weight:700}.portfolio{background:transparent}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.portfolio-item{background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:8px;overflow:hidden;box-shadow:0 0 15px #00ff001a;transition:all .3s ease;color:#0f8;font-family:Courier New,Monaco,Menlo,monospace}.portfolio-item:hover{transform:translateY(-5px);box-shadow:0 0 25px #00ff004d;background:#00ff001a;border-color:#0f06}.portfolio-image{height:200px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);display:flex;align-items:center;justify-content:center;padding:1rem}.project-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.browser-mockup{width:100%;max-width:300px;background:#00ff000d;border:1px solid rgba(0,255,0,.3);border-radius:8px;box-shadow:0 0 15px #0f03}.browser-header{background:#00ff001a;padding:.75rem;border-radius:8px 8px 0 0;display:flex;align-items:center;border-bottom:1px solid rgba(0,255,0,.2)}.browser-buttons{display:flex;gap:.5rem}.browser-buttons span{width:12px;height:12px;border-radius:50%;background:#0f06}.browser-content{padding:1rem;height:120px;background:#00ff0005}.mockup-content{height:100%}.mockup-header{height:20px;background:#00ff884d;border-radius:4px;margin-bottom:1rem;border:1px solid rgba(0,255,136,.5)}.mockup-cards{display:flex;gap:.5rem}.mockup-card{flex:1;height:60px;background:#00ff001a;border:1px solid rgba(0,255,0,.2);border-radius:4px}.mobile-mockup{width:80px;height:140px;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:20px;padding:8px;box-shadow:0 0 15px #0f03}.mobile-screen{width:100%;height:100%;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:12px;overflow:hidden}.mobile-header{height:20px;background:#00ff884d;border-bottom:1px solid rgba(0,255,136,.5)}.mobile-content{padding:1rem}.mobile-card{height:30px;background:#00ff001a;border:1px solid rgba(0,255,0,.2);border-radius:4px;margin-bottom:.5rem}.dashboard-mockup{width:100%;max-width:300px;height:140px;background:#00ff000d;border:1px solid rgba(0,255,0,.3);border-radius:8px;box-shadow:0 0 15px #0f03;position:relative}.dashboard-header{height:40px;background:#00ff884d;border-radius:8px 8px 0 0;border-bottom:1px solid rgba(0,255,136,.5)}.dashboard-sidebar{position:absolute;left:0;top:40px;width:60px;height:100px;background:#00ff001a;border-right:1px solid rgba(0,255,0,.2)}.dashboard-main{margin-left:60px;padding:1rem;height:100px}.dashboard-chart{height:40px;background:#00ff001a;border:1px solid rgba(0,255,0,.2);border-radius:4px;margin-bottom:.5rem}.dashboard-stats{display:flex;gap:.5rem}.stat-box{flex:1;height:30px;background:#00ff001a;border:1px solid rgba(0,255,0,.2);border-radius:4px}.portfolio-content{padding:1.5rem}.portfolio-content h3{font-size:1.3rem;margin-bottom:.5rem;color:#0f8;font-family:Courier New,Monaco,Menlo,monospace}.portfolio-content p{color:#8cf;margin-bottom:1rem;line-height:1.6;font-family:Courier New,Monaco,Menlo,monospace}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#00ff001a;color:#0f8;padding:.25rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid rgba(0,255,0,.3);font-family:Courier New,Monaco,Menlo,monospace;transition:all .3s ease}.tech-tag:hover{background:#0f03;border-color:#00ff0080;box-shadow:0 0 10px #00ff004d}.contact{background:transparent}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:8px;transition:all .3s ease}.contact-item:hover{background:#00ff001a;border-color:#0f06;box-shadow:0 0 15px #0f03}.contact-icon{width:50px;height:50px;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#0f0;font-size:1.2rem;transition:all .3s ease}.contact-item:hover .contact-icon{background:#0f03;border-color:#00ff0080;box-shadow:0 0 10px #00ff004d}.contact-details h4{font-size:1.1rem;margin-bottom:.25rem;color:#0f8;font-family:Courier New,Monaco,Menlo,monospace}.contact-details p{color:#8cf;font-family:Courier New,Monaco,Menlo,monospace}.contact-form{background:#00ff000d;border:1px solid rgba(0,255,0,.2);padding:2rem;border-radius:8px;box-shadow:0 0 15px #00ff001a}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem;background:#00ff000d;border:1px solid rgba(0,255,0,.3);border-radius:6px;font-size:1rem;color:#0f8;transition:all .3s ease;font-family:Courier New,Monaco,Menlo,monospace}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#00ff8880}.form-group input::placeholder,.form-group textarea::placeholder{color:#00ff8880}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#0f09;background:#00ff001a;box-shadow:0 0 10px #0f03}.form-group textarea{resize:vertical;min-height:120px}.footer{background:#f9fafb;color:var(--text-primary);padding:3rem 0 1rem}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:2rem}.footer-logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:var(--accent-color)}.footer-logo .logo-img{width:35px;height:35px;margin-right:8px;-o-object-fit:contain;object-fit:contain}.footer-links{display:flex;gap:2rem;flex-wrap:wrap}.footer-links a{color:#9ca3af;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-social{display:flex;gap:1rem}.footer-social a{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.footer-social a:hover{background:var(--primary-color);transform:translateY(-2px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #374151;color:#9ca3af}@media (max-width: 768px){body{padding:0;background:#000}.coffee-cup-wrapper{position:fixed;width:100%;height:100vh;margin:0;border-radius:0;box-shadow:none;background:#000}.cup-content-area{padding-top:44px}.navbar-in-status{display:none}.mobile-status-bar{display:flex}.mac-status-bar{display:none}.coffee-cup-wrapper:before{height:44px;background:linear-gradient(to bottom,#000,#1a1a1a);border-radius:0;border-bottom:1px solid rgba(255,255,255,.1)}.coffee-cup-wrapper:after{width:120px;height:30px;background:#000;border-radius:0 0 20px 20px;top:0}.cup-content-area{margin-top:44px;border-radius:0;padding:20px 15px 0;display:flex;flex-direction:column}.mobile-status-bar{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:0;left:0;right:0;height:44px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;z-index:1002;pointer-events:none;padding:0 20px;background:linear-gradient(to bottom,#000,#1a1a1a)}.mobile-status-left{display:flex;align-items:center;pointer-events:all}.mobile-status-right{display:flex;align-items:center;gap:10px;font-size:12px;margin-left:auto}.mobile-status-time{font-weight:600;margin-right:4px}.mobile-status-right i{opacity:.9}.mac-status-bar,.mac-traffic-lights{display:none}.cup-content-area{margin-top:44px}.cup-content-area:after{content:"";position:fixed;bottom:0;left:0;right:0;height:34px;background:linear-gradient(to top,rgba(0,0,0,.3),transparent);pointer-events:none;z-index:100}.hamburger{display:none!important}.cup-content-area .mobile-bottom-nav{position:sticky;bottom:0;left:0;right:0;width:calc(100% + 30px);height:70px;background:#0a0e27f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,255,0,.2);box-shadow:0 -2px 20px #00000080;z-index:1000;display:flex;justify-content:space-around;align-items:center;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));margin-top:auto;margin-left:-15px;margin-right:-15px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:8px 4px;text-decoration:none;color:#00ff0080;transition:all .3s ease;position:relative;min-width:0}.mobile-nav-item i{font-size:20px;margin-bottom:4px;transition:all .3s ease}.mobile-nav-item span{font-size:11px;font-family:Courier New,Monaco,Menlo,monospace;font-weight:500;white-space:nowrap;transition:all .3s ease}.mobile-nav-item.active{color:#0f8}.mobile-nav-item.active i{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(0,255,136,.6))}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:4px;background:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8c}.navbar{position:fixed;bottom:0;top:auto;left:0;right:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -2px 10px #0000001a;z-index:1000;padding:0}.nav-container{display:flex;justify-content:space-around;align-items:center;height:60px;padding:0;max-width:100%}.nav-logo{display:none}.nav-menu{display:flex;flex-direction:row;justify-content:space-around;width:100%;position:static;background:transparent;box-shadow:none;padding:0;margin:0;left:0;gap:0}.nav-menu li{flex:1;display:flex;justify-content:center}.nav-link{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-size:.75rem;color:var(--text-secondary);transition:all .3s ease}.nav-link:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:1.2rem}.nav-link[href="#home"]:before{content:""}.nav-link[href="#about"]:before{content:""}.nav-link[href="#services"]:before{content:""}.nav-link[href="#portfolio"]:before{content:""}.nav-link[href="#contact"]:before{content:""}.nav-link span{display:none}.nav-link:hover,.nav-link.active{color:var(--primary-color);transform:translateY(-2px)}.hamburger,.navbar{display:none!important}.cup-content-area{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.hero-buttons{flex-direction:column;align-items:center}.hero-stats{gap:2rem}.about-content{grid-template-columns:1fr;gap:2rem}.skills-grid,.services-grid,.portfolio-grid{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr;gap:2rem}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem}.hero-stats{flex-direction:column;gap:1rem}}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}