.gf-banner,.gf-cfw,.gf-lap-scr{overflow:hidden}.gf-bub,.gf-code{white-space:nowrap;opacity:0}.gf-char,.gf-cof,.gf-pill{cursor:pointer}:root{--gf-green:#1DBF73;--gf-green-dark:#148F54;--gf-yellow:#FFD700;--gf-orange:#FF8C00;--gf-skin:#FFB74D;--gf-hair:#5D4037}.gf-banner{width:100%;max-width:1200px;min-height:420px;height:auto;position:relative;border-radius:20px;box-shadow:0 15px 50px rgba(29,191,115,.25);margin:30px auto;font-family:Poppins,sans-serif;padding-bottom:20px}.gf-moon,.gf-sd,.gf-sun{position:absolute;border-radius:50%}.gf-sky{position:absolute;inset:0;background:linear-gradient(180deg,#87ceeb 0,#1dbf73 50%,#148f54 100%);animation:24s ease-in-out infinite gfDN}@keyframes gfDN{0%,100%,8%{background:linear-gradient(180deg,#87ceeb 0,#1dbf73 50%,#148f54 100%)}25%{background:linear-gradient(180deg,#ffb347 0,#ff8c00 30%,#1dbf73 60%,#148f54 100%)}50%,58%{background:linear-gradient(180deg,#1a1a3e 0,#2d1b4e 30%,#0d4d2e 60%,#0a3d24 100%)}75%{background:linear-gradient(180deg,#ff6b6b 0,#ffb347 30%,#1dbf73 60%,#148f54 100%)}}.gf-stars{position:absolute;inset:0;opacity:0;animation:24s ease-in-out infinite gfSS}.gf-sd{width:2px;height:2px;background:#fff;animation:2s ease-in-out infinite gfTw}@keyframes gfSS{0%,100%,35%,65%{opacity:0}50%{opacity:1}}@keyframes gfTw{0%,100%{opacity:.3}50%{opacity:1}}.gf-sun{width:50px;height:50px;top:15px;right:80px;background:radial-gradient(circle,gold 30%,#ff8c00 100%);box-shadow:0 0 40px rgba(255,215,0,.6);animation:24s ease-in-out infinite gfSM}@keyframes gfSM{0%,100%{opacity:1;transform:translateY(0)}40%,60%{opacity:.5;transform:translateY(30px)}50%{opacity:0}}.gf-moon{width:40px;height:40px;background:radial-gradient(circle at 30% 30%,#f5f5f5,#ddd);box-shadow:0 0 25px rgba(255,255,255,.4);opacity:0;top:20px;right:100px;animation:24s ease-in-out infinite gfMS}.gf-cl,.gf-cl::after,.gf-cl::before{background:rgba(255,255,255,.9);position:absolute;border-radius:50%}.gf-cof,.gf-desk::after{right:30px}@keyframes gfMS{0%,100%,40%,60%{opacity:0}50%{opacity:1}}.gf-cl{filter:blur(1px)}.gf-cl::after,.gf-cl::before{content:''}.gf-cl1{width:70px;height:28px;top:20px;left:5%;animation:35s linear infinite gfCM}.gf-cl1::before{width:35px;height:35px;top:-18px;left:12px}.gf-cl1::after{width:25px;height:25px;top:-10px;left:40px}.gf-cl2{width:55px;height:22px;top:40px;left:65%;animation:28s linear -12s infinite gfCM}.gf-cl2::before{width:28px;height:28px;top:-14px;left:8px}.gf-cl2::after{width:20px;height:20px;top:-8px;left:30px}@keyframes gfCM{0%{transform:translateX(-150px)}100%{transform:translateX(calc(100vw + 150px))}}.gf-cfw{position:absolute;inset:0;pointer-events:none;opacity:0;animation:24s ease-in-out infinite gfCFS}@keyframes gfCFS{0%,100%,70%{opacity:0}75%,92%{opacity:1}}.gf-cf{position:absolute;width:8px;height:8px;top:-15px;animation:3s ease-in-out infinite gfCFF}.gf-anim,.gf-cnt{position:relative}.gf-cf:nth-child(odd){border-radius:50%}.gf-cf:first-child{left:10%;background:var(--gf-yellow)}.gf-cf:nth-child(2){left:20%;background:var(--gf-orange);animation-delay:.15s}.gf-cf:nth-child(3){left:30%;background:var(--gf-green);animation-delay:.3s}.gf-cf:nth-child(4){left:40%;background:#e91e63;animation-delay:.1s}.gf-cf:nth-child(5){left:50%;background:#2196f3;animation-delay:.25s}.gf-cf:nth-child(6){left:60%;background:var(--gf-yellow);animation-delay:.4s}.gf-cf:nth-child(7){left:70%;background:var(--gf-orange);animation-delay:.12s}.gf-cf:nth-child(8){left:80%;background:var(--gf-green);animation-delay:.28s}.gf-cf:nth-child(9){left:90%;background:#9c27b0;animation-delay:.2s}@keyframes gfCFF{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(450px) rotate(720deg);opacity:.3}}.gf-cnt{z-index:10;min-height:400px;display:grid;grid-template-columns:1fr 1fr;padding:30px 40px 40px;gap:20px}.gf-txt{display:flex;flex-direction:column;justify-content:center;z-index:20}.gf-bdg{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);padding:6px 14px;border-radius:30px;font-size:11px;font-weight:600;color:#fff;width:fit-content;margin-bottom:15px;animation:.8s ease-out gfFI}.gf-bdg-dot{width:8px;height:8px;background:var(--gf-yellow);border-radius:50%;animation:2s ease-in-out infinite gfPl}@keyframes gfPl{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.gf-ttl{font-size:clamp(24px, 4vw, 38px);font-weight:800;color:#fff;line-height:1.15;text-shadow:0 3px 20px rgba(0,0,0,.25);animation:.8s ease-out gfSI;margin:0 0 12px}.gf-pills,.gf-sub{margin-bottom:20px}.gf-ttl .gf-hl{color:var(--gf-yellow)}@keyframes gfSI{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}.gf-sub{font-size:clamp(13px, 1.8vw, 16px);color:rgba(255,255,255,.9);line-height:1.5;animation:.8s ease-out .2s both gfFI}@keyframes gfFI{0%{opacity:0;transform:translateY(15px)}100%{opacity:1;transform:translateY(0)}}.gf-pills{display:flex;gap:8px;flex-wrap:wrap;animation:.8s ease-out .4s both gfFI}.gf-pill,.gf-pn{display:flex;align-items:center}.gf-pill{gap:6px;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);padding:8px 14px;border-radius:25px;font-size:12px;font-weight:600;color:#fff;transition:.3s}.gf-cta,.gf-pn{font-weight:700}.gf-pill.active,.gf-pill:hover{background:var(--gf-yellow);color:#1a1a1a;transform:scale(1.05)}.gf-pn{width:20px;height:20px;background:rgba(0,0,0,.2);border-radius:50%;justify-content:center;font-size:10px}.gf-pill.active .gf-pn,.gf-pill:hover .gf-pn{background:rgba(0,0,0,.15)}.gf-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,var(--gf-yellow),var(--gf-orange));color:#1a1a1a;font-size:14px;text-decoration:none;border-radius:50px;box-shadow:0 8px 25px rgba(255,140,0,.4);transition:.3s;animation:.8s ease-out .6s both gfFI;width:fit-content;margin-bottom:10px}.gf-char,.gf-cta-arr{transition:transform .3s}.gf-cta:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 35px rgba(255,140,0,.5);color:#1a1a1a}.gf-cta:hover .gf-cta-arr{transform:translateX(4px)}.gf-anim{display:flex;align-items:flex-end;justify-content:center}.gf-bub,.gf-char,.gf-desk{position:absolute}.gf-desk{bottom:30px;width:320px;height:14px;background:linear-gradient(180deg,#8b4513,#654321);border-radius:4px;box-shadow:0 8px 20px rgba(0,0,0,.25)}.gf-desk::after,.gf-desk::before{content:'';position:absolute;bottom:-40px;width:14px;height:40px;background:linear-gradient(180deg,#654321,#4a3520);border-radius:0 0 4px 4px}.gf-desk::before{left:30px}.gf-char{bottom:44px;width:140px;height:200px}.gf-char:hover{transform:scale(1.05)}.gf-bub,.gf-bub::after,.gf-lap,.gf-stm{transform:translateX(-50%)}.gf-char-svg{width:100%;height:100%}.gf-char-body{animation:3s ease-in-out infinite gfBr}@keyframes gfBr{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}.gf-hands{animation:.4s ease-in-out infinite gfTy}@keyframes gfTy{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}.gf-bub{bottom:200px;left:50%;background:#fff;padding:12px 18px;border-radius:16px;box-shadow:0 5px 20px rgba(0,0,0,.2);transition:.4s cubic-bezier(.68, -.55, .27, 1.55);z-index:30}.gf-cof,.gf-lap{position:absolute;bottom:48px}.gf-bub::after{content:'';position:absolute;bottom:-8px;left:50%;border:8px solid transparent;border-top-color:#fff}.gf-bub p{font-size:13px;font-weight:600;color:#333;margin:0}.gf-char.speaking .gf-bub,.gf-char:hover .gf-bub{opacity:1;transform:translateX(-50%) translateY(-5px)}.gf-lap{left:50%;width:130px}.gf-lap-scr{width:130px;height:80px;background:#1a1a2e;border:3px solid #333;border-radius:6px 6px 0 0;padding:8px}.gf-lap-base,.gf-mug{border-radius:0 0 6px 6px}.gf-lap-base{width:145px;height:8px;background:linear-gradient(180deg,#555,#333);margin-left:-7px}.gf-code{font-family:Monaco,monospace;font-size:7px;animation:.4s ease-out forwards gfTC}.gf-code:first-child{animation-delay:.3s;color:#ff79c6}.gf-code:nth-child(2){animation-delay:.6s;color:#8be9fd}.gf-code:nth-child(3){animation-delay:.9s;color:#50fa7b}.gf-code:nth-child(4){animation-delay:1.2s;color:#ffb86c}.gf-code:nth-child(5){animation-delay:1.5s;color:#f1fa8c}@keyframes gfTC{0%{opacity:0}100%{opacity:1}}.gf-cur{display:inline-block;width:5px;height:10px;background:var(--gf-green);animation:1s infinite gfBl;vertical-align:middle}@keyframes gfBl{0%,50%{opacity:1}100%,51%{opacity:0}}.gf-cof{width:35px;transition:transform .3s}.gf-cof:hover{transform:scale(1.15) rotate(-8deg)}.gf-mug{width:28px;height:24px;background:linear-gradient(135deg,#f5f5f5,#ddd);position:relative}.gf-mug-h{position:absolute;right:-8px;top:4px;width:10px;height:14px;border:3px solid #ddd;border-left:none;border-radius:0 8px 8px 0}.gf-cof-liq{position:absolute;top:2px;left:2px;width:24px;height:10px;background:linear-gradient(180deg,#4a2c0a,#2d1a06);border-radius:0 0 4px 4px}.gf-pap,.gf-stm-l{border-radius:2px;position:absolute}.gf-stm{position:absolute;top:-15px;left:50%}.gf-stm-l{width:2px;height:12px;background:rgba(255,255,255,.5);animation:1.5s ease-out infinite gfSt}.gf-stm-l:first-child{left:-5px}.gf-stm-l:nth-child(2){left:0;animation-delay:.2s}.gf-stm-l:nth-child(3){left:5px;animation-delay:.4s}@keyframes gfSt{0%{opacity:0;transform:translateY(0) scaleY(.5)}50%{opacity:.7}100%{opacity:0;transform:translateY(-20px) scaleY(1.2)}}.gf-pap{width:25px;height:30px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);opacity:0}.gf-pap::before{content:'';position:absolute;top:5px;left:3px;right:3px;height:2px;background:#ddd;box-shadow:0 4px 0 #ddd,0 8px 0 #ddd}.gf-pap1{bottom:100px;left:20px;animation:10s ease-in-out 2s infinite gfPF}.gf-pap2{bottom:120px;right:15px;animation:12s ease-in-out 5s infinite gfPF2}@keyframes gfPF{0%,100%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}50%{opacity:1;transform:translateY(-120px) translateX(60px) rotate(180deg)}60%{opacity:0}}@keyframes gfPF2{0%,100%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}50%{opacity:1;transform:translateY(-100px) translateX(-50px) rotate(-150deg)}60%{opacity:0}}.gf-crum{position:absolute;bottom:0;width:18px;height:18px;background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0);border-radius:50%;box-shadow:inset -2px -2px 5px rgba(0,0,0,.1),0 2px 5px rgba(0,0,0,.1);animation:.6s ease-out forwards gfCr}.gf-crum1{left:10px;animation-delay:3s}.gf-crum2{left:35px;animation-delay:6s;background:#fff9c4}@keyframes gfCr{0%{opacity:0;transform:translateY(-60px)}100%,60%{opacity:1;transform:translateY(0)}80%{transform:translateY(-8px)}}@keyframes gfCel{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-3deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-6px) rotate(3deg)}}@media (max-width:900px){.gf-banner{min-height:380px}.gf-cnt{padding:25px 30px 35px;gap:15px}.gf-ttl{font-size:clamp(20px, 4vw, 32px)}.gf-desk{width:260px}.gf-char{width:110px;height:160px}.gf-lap,.gf-lap-scr{width:100px}.gf-lap-scr{height:62px}.gf-lap-base{width:112px}.gf-cof{right:15px}.gf-bub{bottom:160px}}@media (max-width:700px){.gf-banner{height:auto;min-height:520px}.gf-cnt{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:25px 20px 30px}.gf-txt{order:1;text-align:center;align-items:center}.gf-anim{order:2;height:250px}.gf-pills{justify-content:center}.gf-ttl{font-size:clamp(22px, 6vw, 30px)}.gf-sub{font-size:14px}.gf-desk{width:240px;bottom:20px}.gf-char{width:100px;height:145px;bottom:34px}.gf-lap{width:95px;bottom:38px}.gf-lap-scr{width:95px;height:58px}.gf-lap-base{width:105px}.gf-cof,.gf-crum,.gf-pap{display:none}.gf-bub{bottom:145px;font-size:11px;padding:10px 14px}}@media (max-width:480px){.gf-banner{min-height:480px;border-radius:16px}.gf-cnt{padding:20px 15px 25px}.gf-bdg{font-size:10px;padding:5px 12px}.gf-ttl{font-size:22px}.gf-pill{font-size:10px;padding:6px 10px}.gf-cta{font-size:13px;padding:12px 22px}.gf-anim{height:220px}.gf-desk{width:200px}.gf-char{width:85px;height:125px}.gf-lap{width:80px}.gf-lap-scr{width:80px;height:50px;padding:5px}.gf-lap-base{width:90px}.gf-code{font-size:5px}.gf-bub,.gf-cfw{display:none}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important}}