.landing-page{background:#0f172a;min-height:100vh;position:relative;overflow-x:hidden}.floating-cta-simple{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6);color:#fff;padding:16px 24px;border-radius:50px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 40px #6366f166;z-index:1000;animation:slideUp .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.floating-cta-simple.hidden{transform:translate(-50%) translateY(150%);opacity:0}.floating-cta-simple .btn-close{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.floating-cta-simple .btn-close:hover{background:#ffffff4d}.floating-cta-simple .btn-primary{background:#fff;color:#6366f1;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:all .2s ease}.floating-cta-simple .btn-primary:hover{transform:scale(1.05);box-shadow:0 4px 15px #0003}.hero-main{position:relative;min-height:auto;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#0f172a,#1e293b);padding-top:100px;padding-bottom:60px}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.lamp-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.lamp-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.lamp-particle{position:absolute;width:4px;height:4px;background:#a78bfa99;border-radius:50%;animation:float 6s ease-in-out infinite}.lamp-particle:nth-child(1){top:20%;left:10%;animation-delay:0s}.lamp-particle:nth-child(2){top:40%;left:20%;animation-delay:1s}.lamp-particle:nth-child(3){top:30%;right:15%;animation-delay:2s}.lamp-particle:nth-child(4){top:60%;left:5%;animation-delay:3s}.lamp-particle:nth-child(5){top:50%;right:10%;animation-delay:4s}.lamp-particle:nth-child(6){top:70%;left:25%;animation-delay:5s}.lamp-light-left{position:absolute;top:10%;right:50%;height:20rem;width:40rem;background:conic-gradient(from 70deg at center top,rgba(99,102,241,.4) 0%,rgba(139,92,246,.2) 30%,transparent 60%);animation:lampExpandLeft 1.5s ease-out forwards;filter:blur(2px)}.lamp-light-right{position:absolute;top:10%;left:50%;height:20rem;width:40rem;background:conic-gradient(from 290deg at center top,transparent 0%,rgba(139,92,246,.2) 40%,rgba(99,102,241,.4) 100%);animation:lampExpandRight 1.5s ease-out forwards;filter:blur(2px)}.lamp-glow-main{position:absolute;top:30%;left:50%;transform:translate(-50%);height:15rem;width:50rem;border-radius:9999px;background:radial-gradient(ellipse,rgba(99,102,241,.3) 0%,transparent 70%);filter:blur(3rem);animation:lampGlowPulse 1.5s ease-out forwards}.hero-container{position:relative;z-index:10;display:grid;grid-template-columns:1.4fr 1fr;gap:4rem;max-width:1400px;width:100%;padding:2rem 4rem;align-items:center}.hero-calculator-col{display:flex;justify-content:center;align-items:center}.calculator-hero-wrapper-large{position:relative;width:100%;max-width:650px}.calculator-image-container-large{position:relative;width:100%;border-radius:20px;box-shadow:0 50px 100px #00000080,0 0 100px #6366f133;overflow:hidden}.calculator-img-large{width:100%;height:auto;display:block;border-radius:20px}.landing-page .lcd-display-large{position:absolute;top:var(--lcd-top);left:var(--lcd-left);width:var(--lcd-width);height:var(--lcd-height);background:linear-gradient(145deg,#8fa393,#7a8f7d);border-radius:8px;display:flex;align-items:center;justify-content:flex-end;padding:0 3%;box-shadow:inset 0 2px 8px #0000004d}.landing-page .lcd-content-large{display:flex;flex-direction:column;align-items:flex-end;width:100%}.landing-page .lcd-expression-large{font-size:.9rem;color:#2d3b2f;opacity:.7;font-family:Courier New,monospace;min-height:1.2rem}.landing-page .lcd-result-large{font-size:2.2rem;color:#1a221c;font-family:Courier New,monospace;font-weight:600;letter-spacing:1px}.landing-page .keys-overlay-large{position:absolute;top:var(--area-top);left:var(--area-left);width:calc(100% - (var(--area-left) * 2));height:calc(100% - var(--area-top) - 5%)}.landing-page .keys-overlay-large .calc-key{position:absolute;width:var(--key-width);height:var(--key-height);background:linear-gradient(180deg,#2a2c31,#17181a)!important;border:1px solid #000!important;box-shadow:inset 0 1px 1px #ffffff1a,0 2px 4px #000c!important;border-radius:4px!important;cursor:pointer;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2px;transition:all .1s}.landing-page .keys-overlay-large .calc-key:hover{background:linear-gradient(180deg,#33353a,#1f2023)!important;border-color:#fff3!important}.landing-page .keys-overlay-large .calc-key:active{box-shadow:inset 0 2px 4px #00000080,0 1px 1px #0000004d!important;transform:translateY(2px) scale(.98)}.landing-page .keys-overlay-large .calc-key.enter{height:calc((var(--key-height) * 2) + var(--gap-y) + 1%)!important}.landing-page .keys-overlay-large .calc-key.f-key{background:linear-gradient(180deg,#d4a84b,#b88629)!important;border-color:#8c641c!important}.landing-page .keys-overlay-large .calc-key.g-key{background:linear-gradient(180deg,#4a9ec7,#308fb9)!important;border-color:#1e6d92!important}.landing-page .keys-overlay-large .calc-key.f-key .key-main,.landing-page .keys-overlay-large .calc-key.g-key .key-main{color:#111!important;text-shadow:none!important}.landing-page .keys-overlay-large .calc-key.f-key:hover{background:linear-gradient(180deg,#e0b860,#c99635)!important}.landing-page .keys-overlay-large .calc-key.g-key:hover{background:linear-gradient(180deg,#5aafdb,#3da3cf)!important}.landing-page .keys-overlay-large .key-special-top{font-size:clamp(.25rem,.6vw,.4rem);transform:translate(var(--lbl-top-x),calc(var(--lbl-top-y) - 6px));color:#fff;text-transform:uppercase;letter-spacing:0px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.9);margin-bottom:2px}.landing-page .keys-overlay-large .key-label-top{font-size:clamp(.3rem,.7vw,.45rem);transform:translate(var(--lbl-top-x),var(--lbl-top-y));color:#ff9f43;text-transform:uppercase;letter-spacing:.2px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.9)}.landing-page .keys-overlay-large .key-main{font-size:clamp(.55rem,1.2vw,.75rem);transform:translate(var(--lbl-main-x),var(--lbl-main-y));color:#fff!important;font-weight:400;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.9)}.landing-page .keys-overlay-large .key-label-bottom{font-size:clamp(.25rem,.6vw,.4rem);transform:translate(var(--lbl-bot-x),var(--lbl-bot-y));color:#6ab0ff;text-transform:uppercase;letter-spacing:.2px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.9)}.landing-page .keys-overlay-large .enter-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.85;font-size:clamp(.5rem,1vw,.65rem);font-weight:400;letter-spacing:0;transform:scaleX(1.6) translateY(-4px);color:#fff!important}.hero-content-col{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;color:#f1f5f9;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease-out .3s forwards}.hero-title span{background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:1.25rem;color:#94a3b8;line-height:1.6;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease-out .5s forwards}.hero-cta{display:flex;gap:1rem;margin-top:1rem;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease-out .7s forwards}.hero-btn{padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.5rem}.hero-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 10px 40px #6366f166}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 50px #6366f180}.hero-btn-secondary{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-btn-secondary:hover{background:#ffffff26;transform:translateY(-3px)}.lamp-header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:1rem 3rem;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.lamp-logo{display:flex;align-items:center;gap:.75rem}.lamp-logo .logo-icon{font-size:1.75rem}.lamp-logo h1{font-size:1.25rem;font-weight:600;background:linear-gradient(to right,#e2e8f0,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent}.lamp-header-btn{padding:.75rem 1.5rem;border-radius:9999px;background:linear-gradient(135deg,#6366f133,#8b5cf633);color:#ffffffe6;font-weight:500;font-size:.9rem;border:1px solid rgba(99,102,241,.3);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lamp-header-btn:hover{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);transform:translateY(-1px);box-shadow:0 4px 20px #6366f14d}.content-section{background:linear-gradient(180deg,#1e293b,#0f172a);padding:3rem 2rem 5rem;margin-top:-1px}.content-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.content-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content-card:hover{transform:translateY(-5px);background:#ffffff14;border-color:#6366f14d;box-shadow:0 20px 40px #6366f133}.content-icon{font-size:3rem;margin-bottom:1.5rem}.content-card h3{font-size:1.5rem;color:#f1f5f9;margin-bottom:.75rem}.content-card p{color:#94a3b8;font-size:1rem;line-height:1.5}@keyframes lampExpandLeft{0%{opacity:0;width:20rem}to{opacity:1;width:40rem}}@keyframes lampExpandRight{0%{opacity:0;width:20rem}to{opacity:1;width:40rem}}@keyframes lampGlowPulse{0%{opacity:.2;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.2);opacity:1}}.landing-page .keys-overlay-large .calc-key[data-row="0"]{top:calc(var(--global-offset-y) + var(--f1-offset))!important}.landing-page .keys-overlay-large .calc-key[data-row="1"]{top:calc(var(--global-offset-y) + var(--key-height) + var(--gap-y) + var(--f2-offset))!important}.landing-page .keys-overlay-large .calc-key[data-row="2"]{top:calc(var(--global-offset-y) + (var(--key-height) + var(--gap-y)) * 2 + var(--f3-offset))!important}.landing-page .keys-overlay-large .calc-key[data-row="3"]{top:calc(var(--global-offset-y) + (var(--key-height) + var(--gap-y)) * 3 + var(--f4-offset))!important}.landing-page .keys-overlay-large .calc-key[data-col="0"]{left:calc((var(--key-width) + var(--gap-x)) * 0 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="1"]{left:calc((var(--key-width) + var(--gap-x)) * 1 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="2"]{left:calc((var(--key-width) + var(--gap-x)) * 2 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="3"]{left:calc((var(--key-width) + var(--gap-x)) * 3 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="4"]{left:calc((var(--key-width) + var(--gap-x)) * 4 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="5"]{left:calc((var(--key-width) + var(--gap-x)) * 5 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="6"]{left:calc((var(--key-width) + var(--gap-x)) * 6 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="7"]{left:calc((var(--key-width) + var(--gap-x)) * 7 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="8"]{left:calc((var(--key-width) + var(--gap-x)) * 8 + var(--global-offset-x))!important}.landing-page .keys-overlay-large .calc-key[data-col="9"]{left:calc((var(--key-width) + var(--gap-x)) * 9 + var(--global-offset-x))!important}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;gap:2rem;text-align:center;padding:1rem}.hero-calculator-col{order:1}.hero-content-col{order:2;align-items:center}.hero-title{font-size:2.5rem}.hero-cta{justify-content:center}.calculator-hero-wrapper-large{max-width:500px}.content-grid{grid-template-columns:1fr}.content-section{padding:2rem 1rem 4rem}}@media(max-width:640px){.hero-container{padding:1rem}.hero-main{padding-top:80px;padding-bottom:40px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.lamp-header{padding:1rem}.lamp-header h1{display:none}.lcd-result-large{font-size:1.2rem}.calculator-hero-wrapper-large{max-width:100%}}