.magic-character-section{isolation:isolate;contain:layout style paint;content-visibility:auto;contain-intrinsic-size:860px 860px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto;padding:1rem .5rem 2.5rem;display:flex;position:relative;overflow:hidden}.card{aspect-ratio:1;width:min(88vw,860px);box-shadow:none;-webkit-backdrop-filter:none;isolation:isolate;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:0 0;border:none;border-radius:30px;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent!important;outline:none!important}.card:focus,.card:active,.card:focus-visible{box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;border:none!important;outline:none!important}.card:before,.card:after{content:none}.scene{z-index:1;isolation:isolate;transform-origin:77.4% 56.6%;will-change:transform;transition:transform .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.card.zoomed .scene,.card.pressed .scene{transform:scale(1.22)}.character-stack{z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.74;isolation:isolate;width:96%;height:96%;transition:opacity .5s cubic-bezier(.22,1,.36,1);position:absolute;top:50.8%;left:50%;transform:translate(-50%,-50%)}.card.zoomed .character-stack,.card.pressed .character-stack{opacity:.94}.character,.hair-layer{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.character{z-index:1}.hair-layer{z-index:2;will-change:transform}.hair-back{transform-origin:29% 29%;animation:8.4s ease-in-out infinite hairBackWind}.hair-front{transform-origin:38% 58%;animation:7.1s cubic-bezier(.45,.02,.55,.98) -2.2s infinite hairFrontWind}.hair-right-eye{z-index:3;transform-origin:61.5% 31%;animation:5.9s cubic-bezier(.4,0,.6,1) -1.35s infinite hairRightEyeWind}.hair-right-tail{z-index:2;transform-origin:73% 74%;animation:7.6s cubic-bezier(.43,.03,.57,.97) -3.1s infinite hairRightTailWind}.magic{z-index:20;aspect-ratio:1;pointer-events:none;will-change:transform;width:35%;transition:transform .55s cubic-bezier(.22,1,.36,1);position:absolute;top:56.6%;left:77.4%;transform:translate(-50%,-50%)}.card.zoomed .magic,.card.pressed .magic{transform:translate(-50%,-50%)scale(1.24)}.ambient-glow{opacity:.65;mix-blend-mode:screen;will-change:transform, opacity;background:radial-gradient(circle,#cdaaff3d 0%,#a06eff29 28%,#7846dc14 48%,#5028a008 64%,#0000 74%);border-radius:50%;width:96%;height:90%;transition:opacity .5s,transform .5s;animation:4.4s ease-in-out infinite ambientPulse;position:absolute;top:40%;left:49%;transform:translate(-50%,-50%)translateZ(0)}.card.zoomed .ambient-glow,.card.pressed .ambient-glow{opacity:.9;transform:translate(-50%,-50%)scale(1.15)translateZ(0)}.smoke,.smoke:before,.smoke:after{mix-blend-mode:screen;will-change:transform, opacity;border-radius:50%;position:absolute;transform:translateZ(0)}.smoke{opacity:.75;background:radial-gradient(at 50% 68%,#be8fff33 0%,#915feb21 30%,#6e3cc30f 52%,#0000 72%);width:112%;height:126%;transition:opacity .5s;animation:6s ease-in-out infinite smokeBase;top:49%;left:50%;transform:translate(-50%,-50%)translateZ(0)}.card.zoomed .smoke,.card.pressed .smoke{opacity:.94}.smoke:before,.smoke:after{content:""}.smoke:before{background:radial-gradient(at 55% 55%,#b480ff38 0%,#8750dc1f 34%,#5f2daf0d 54%,#0000 75%);width:60%;height:92%;animation:7s ease-in-out infinite smokeLeft;top:-12%;left:0%;transform:rotate(-20deg)translateZ(0)}.smoke:after{background:radial-gradient(at 45% 60%,#c99fff33 0%,#965fe61c 34%,#6932b90a 54%,#0000 75%);width:62%;height:95%;animation:7.8s ease-in-out infinite smokeRight;top:-17%;right:-3%;transform:rotate(19deg)translateZ(0)}.magic-logo{z-index:5;object-fit:contain;opacity:.7;filter:drop-shadow(0 0 4px #d3beff80)drop-shadow(0 0 12px #8f5fe859);will-change:transform;width:91%;transition:opacity .5s,filter .5s;animation:4s ease-in-out infinite logoFloat;position:absolute;top:35.5%;left:48.5%;transform:translate(-50%,-50%)translateZ(0)}.card.zoomed .magic-logo,.card.pressed .magic-logo{opacity:.98;filter:drop-shadow(0 0 6px #e6c8ffe6)drop-shadow(0 0 16px #a855f7b3)drop-shadow(0 0 30px #7832dc73)}.palm-glow{z-index:19;opacity:.6;mix-blend-mode:screen;will-change:transform, opacity;pointer-events:none;background:radial-gradient(#ead8ff99 0%,#c396fa52 24%,#8755d71f 50%,#0000 74%);border-radius:50%;width:23%;height:11%;transition:opacity .5s,transform .5s;animation:3.3s ease-in-out infinite palmPulse;position:absolute;top:69%;left:77.3%;transform:translate(-50%,-50%)rotate(-9deg)translateZ(0)}.card.zoomed .palm-glow,.card.pressed .palm-glow{opacity:.92;transform:translate(-50%,-50%)rotate(-9deg)scale(1.3)translateZ(0)}.mist{clip-path:polygon(23% 100%,77% 100%,91% 0%,9% 0%);opacity:.6;will-change:transform, opacity;background:linear-gradient(#0000 10%,#5f2daf0a 35%,#8755d71f 65%,#b987f538 100%);width:64%;height:60%;transition:opacity .5s;animation:4.5s ease-in-out infinite mistPulse;position:absolute;bottom:5%;left:49%;transform:translate(-50%)translateZ(0)}.card.zoomed .mist,.card.pressed .mist{opacity:.88}.spark{z-index:7;will-change:transform, opacity;background:#f0e4ffe6;border-radius:50%;width:3px;height:3px;transition:box-shadow .5s;animation:4.8s ease-in-out infinite sparkFloat;position:absolute;box-shadow:0 0 4px #dec4ffb3,0 0 9px #9f6df266}.card.zoomed .spark,.card.pressed .spark{box-shadow:0 0 6px #fffffff2,0 0 14px #b478ffb3}@media (hover:hover) and (pointer:fine){.card:hover .scene{transform:scale(1.22)}.card:hover .character-stack{opacity:.94}.card:hover .magic{transform:translate(-50%,-50%)scale(1.24)}.card:hover .ambient-glow{opacity:.9;transform:translate(-50%,-50%)scale(1.15)translateZ(0)}.card:hover .smoke{opacity:.94}.card:hover .logo{opacity:.98;filter:drop-shadow(0 0 6px #e6c8ffe6)drop-shadow(0 0 16px #a855f7b3)drop-shadow(0 0 30px #7832dc73)}.card:hover .palm-glow{opacity:.92;transform:translate(-50%,-50%)rotate(-9deg)scale(1.3)translateZ(0)}.card:hover .mist{opacity:.88}.card:hover .spark{box-shadow:0 0 6px #fffffff2,0 0 14px #b478ffb3}}.s1{top:18%;left:13%}.s2{animation-delay:-1.2s;top:11%;left:77%}.s3{width:2px;height:2px;animation-delay:-2.1s;top:42%;left:89%}.s4{width:2px;height:2px;animation-delay:-3s;top:62%;left:28%}.s5{width:2px;height:2px;animation-delay:-3.7s;top:2%;left:56%}@keyframes logoFloat{0%,to{transform:translate(-50%,-50%)translateY(1px)scale(1)translateZ(0)}50%{transform:translate(-50%,-50%)translateY(-3px)scale(1.008)translateZ(0)}}@keyframes ambientPulse{0%,to{opacity:.54;transform:translate(-50%,-50%)scale(.96)translateZ(0)}50%{opacity:.74;transform:translate(-50%,-50%)scale(1.03)translateZ(0)}}@keyframes palmPulse{0%,to{opacity:.5;transform:translate(-50%,-50%)rotate(-9deg)scale(.95)translateZ(0)}50%{opacity:.72;transform:translate(-50%,-50%)rotate(-9deg)scale(1.04)translateZ(0)}}@keyframes mistPulse{0%,to{opacity:.45;transform:translate(-50%)scaleX(.92)translateZ(0)}50%{opacity:.66;transform:translate(-50%)scaleX(1.04)translateZ(0)}}@keyframes smokeBase{0%,to{opacity:.64;transform:translate(-50%,-50%)scale(.96)rotate(-3deg)translateZ(0)}50%{opacity:.82;transform:translate(-50%,-53%)scale(1.04)rotate(4deg)translateZ(0)}}@keyframes smokeLeft{0%,to{transform:translateY(8px)rotate(-20deg)scale(.95)translateZ(0)}50%{transform:translate(-8px,-19px)rotate(-8deg)scale(1.07)translateZ(0)}}@keyframes smokeRight{0%,to{transform:translateY(9px)rotate(19deg)scale(.94)translateZ(0)}50%{transform:translate(9px,-21px)rotate(29deg)scale(1.07)translateZ(0)}}@keyframes sparkFloat{0%,to{opacity:0;transform:translateY(8px)scale(.7)translateZ(0)}28%{opacity:.65}65%{opacity:.42;transform:translateY(-14px)scale(1.05)translateZ(0)}88%{opacity:0}}@keyframes hairBackWind{0%,to{transform:translate(0,0)rotate(0)skew(0)scale(1)}16%{transform:translate(-1px,.4px)rotate(-.15deg)skew(-.1deg)scale(1.002,.998)}35%{transform:translate(3px,-.9px)rotate(.32deg)skew(.22deg)scale(.998,1.003)}52%{transform:translate(4.4px,-.45px)rotate(.46deg)skew(.32deg)scale(1.004,.997)}70%{transform:translate(1.6px,.7px)rotate(.16deg)skew(.08deg)scale(.999,1.001)}87%{transform:translate(-2px,.2px)rotate(-.24deg)skew(-.16deg)scale(1.001,.999)}}@keyframes hairFrontWind{0%,to{transform:translate(0,0)rotate(0)skew(0)scale(1)}14%{transform:translate(1px,-.25px)rotate(.1deg)skew(.08deg)scale(.999,1.002)}33%{transform:translate(4.2px,-1.1px)rotate(.38deg)skew(.32deg)scale(1.004,.997)}50%{transform:translate(6px,-1.5px)rotate(.54deg)skew(.44deg)scale(.997,1.004)}68%{transform:translate(3.2px,.25px)rotate(.26deg)skew(.18deg)scale(1.003,.998)}85%{transform:translate(-1.5px,.85px)rotate(-.16deg)skew(-.12deg)scale(.998,1.001)}}@keyframes hairRightEyeWind{0%,to{transform:translate(0,0)rotate(0)skew(0)scale(1)}18%{transform:translate(.7px,-.22px)rotate(.06deg)skew(.06deg)scale(1.001,.999)}38%{transform:translate(2.4px,-.65px)rotate(.18deg)skew(.18deg)scale(.998,1.002)}55%{transform:translate(3.4px,-1px)rotate(.26deg)skew(.26deg)scale(1.003,.998)}73%{transform:translate(1.5px,.15px)rotate(.1deg)skew(.08deg)scale(.999,1.001)}89%{transform:translate(-.9px,.45px)rotate(-.08deg)skew(-.08deg)scale(1.001,.999)}}@keyframes hairRightTailWind{0%,to{transform:translate(0,0)rotate(0)skew(0)scale(1)}17%{transform:translate(1.5px,-.22px)rotate(.12deg)skew(.12deg)scale(.998,1.003)}39%{transform:translate(5.2px,-1px)rotate(.42deg)skew(.36deg)scale(1.005,.996)}57%{transform:translate(7.2px,-1.4px)rotate(.6deg)skew(.52deg)scale(.996,1.005)}75%{transform:translate(3.6px,.35px)rotate(.26deg)skew(.2deg)scale(1.003,.998)}90%{transform:translate(-1.6px,.75px)rotate(-.14deg)skew(-.14deg)scale(.998,1.001)}}.card.paused *{animation-play-state:paused!important}@media (max-width:650px){.card{border-radius:22px;width:94vw}.magic{width:36%;top:56.8%;left:77.1%}.character-stack{width:97%;height:97%;top:50.5%}.hair-back{animation-duration:7.8s}.hair-front{animation-duration:7.4s}.hair-right-eye{animation-duration:6.2s}.hair-right-tail{animation-duration:7.9s}}@media (prefers-reduced-motion:reduce){.hair-layer{animation:none!important;transform:none!important}}
.cloud-hosting-section{text-align:center;flex-direction:column;align-items:center;margin-top:2rem;margin-bottom:2rem;padding:1rem;display:flex;overflow:hidden}.cloud-hosting-container{z-index:2;flex-direction:column;gap:1.5rem;width:100%;max-width:900px;display:flex;position:relative}.cloud-hosting-header p{text-align:center;color:#fff9;max-width:650px;margin:0 auto;font-size:.75rem;line-height:1.6}.cloud-hosting-cards{flex-direction:column;gap:1.5rem;width:100%;display:flex}.cloud-card{-webkit-backdrop-filter:blur(24px);background:#100e19a6;border:1px solid #6c5ce726;border-radius:1rem;flex-direction:column;align-items:center;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 0 32px #6c5ce70d}.cloud-card:before{content:"";z-index:0;background:radial-gradient(circle,#6c5ce71a,#0000 70%);width:120%;height:120%;transition:transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.cloud-card:hover{border-color:#6c5ce766;transform:translateY(-5px);box-shadow:0 15px 40px #6c5ce733,inset 0 0 32px #6c5ce71a}.cloud-card:hover:before{transform:translate(-50%,-50%)scale(1)}.cloud-icon-wrapper{color:#a97efc;z-index:1;background:#6c5ce726;border:1px solid #6c5ce74d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1rem;font-size:1.2rem;transition:transform .3s;display:flex}.cloud-card:hover .cloud-icon-wrapper{color:#fff;background:#6c5ce74d;transform:rotate(10deg)scale(1.1)}.cloud-card h3{color:#ffffffe6;z-index:1;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.cloud-card p{color:#ffffff80;z-index:1;font-size:.75rem;line-height:1.5}.cloud-hosting-cta{z-index:1;margin-top:.5rem}@media (min-width:768px){.cloud-hosting-cards{flex-direction:row}.cloud-card{flex:1}}
.seo-content-section{color:#fff;z-index:10;background:0 0;padding:40px 20px 20px;font-family:Orbitron,sans-serif;position:relative}.seo-container{max-width:1100px;margin:0 auto;position:relative}.seo-header{text-align:center;margin-bottom:30px}.seo-badge{letter-spacing:1.2px;background:#6c5ce714;border:1px solid #6c5ce740;border-radius:20px;align-items:center;gap:8px;margin-bottom:12px;padding:4px 14px;font-size:.65rem;display:inline-flex}.seo-badge span{background:linear-gradient(75deg, var(--accent-color,#6c5ce7), #fff, #fff, #fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.seo-badge i{color:var(--accent-color,#6c5ce7);font-size:.75rem}.seo-heading{margin-bottom:10px;font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:700;line-height:1.35}.seo-subtitle{color:#ffffff8c;max-width:760px;margin:0 auto;font-family:IBM Plex Sans,sans-serif;font-size:.84rem;line-height:1.65}.seo-bento-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;display:grid}.seo-bento-card{background-color:var(--card-bg,#1a1a2e80);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff1f;border-radius:15px;flex-direction:column;padding:22px;transition:transform .3s,border-color .3s;display:flex}.seo-bento-card:hover{border-color:var(--accent-color,#6c5ce7);transform:translateY(-3px)}.seo-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.seo-icon-box{width:40px;height:40px;color:var(--accent-color,#6c5ce7);background:#6c5ce71f;border:1px solid #6c5ce740;border-radius:10px;justify-content:center;align-items:center;font-size:1.15rem;transition:transform .3s;display:flex}.seo-bento-card:hover .seo-icon-box{transform:scale(1.05)}.seo-card-tag{text-transform:uppercase;letter-spacing:.6px;color:#fff6;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:3px 8px;font-size:.65rem;font-weight:600}.seo-card-title{margin-bottom:8px;font-size:.95rem;font-weight:600;line-height:1.4}.seo-card-desc{color:#ffffff80;flex-grow:1;margin-bottom:14px;font-family:IBM Plex Sans,sans-serif;font-size:.8rem;line-height:1.6}.seo-feature-pills{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px;display:flex}.seo-pill{color:#ffffffb3;background:#ffffff08;border:1px solid #ffffff14;border-radius:5px;align-items:center;gap:5px;padding:3px 8px;font-family:IBM Plex Sans,sans-serif;font-size:.7rem;display:inline-flex}.seo-pill i{color:var(--accent-color,#6c5ce7);font-size:.68rem}.seo-security-banner{background-color:var(--card-bg,#1a1a2e80);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff1f;border-radius:15px;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.seo-banner-content{align-items:center;gap:14px;display:flex}.seo-banner-icon{width:42px;height:42px;color:var(--accent-color,#6c5ce7);background:#6c5ce726;border:1px solid #6c5ce740;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.seo-banner-text h4{margin-bottom:3px;font-size:.92rem}.seo-banner-text p{color:#ffffff80;margin:0;font-family:IBM Plex Sans,sans-serif;font-size:.78rem;line-height:1.5}.seo-banner-actions{flex-shrink:0}@media (max-width:900px){.seo-bento-grid{grid-template-columns:1fr;gap:12px}.seo-security-banner{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.seo-banner-actions{text-align:center}}@media (max-width:600px){.seo-content-section{padding:30px 12px 20px}.seo-bento-card{padding:16px}.seo-card-title{font-size:.9rem}.seo-banner-content{text-align:center;flex-direction:column;gap:10px}.seo-banner-icon{margin:0 auto}}
.btn-primary{color:#c8c8c899;cursor:pointer;z-index:0;background:#1a1a1acc;border:none;border-radius:5px;padding:.5rem 1rem;font-family:Orbitron,sans-serif;font-size:.6rem;transition:background .3s,color .3s,transform .3s;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(75deg, var(--accent-color), #c8c8c8cc, #c8c8c8cc, #c8c8c8cc);z-index:-1;-webkit-mask-composite:xor;border-radius:5px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-primary:hover{color:#fff;background-color:#8a2be2b3;transform:scale(1.05)}.btn-blue{color:var(--accent-color);background-color:#0000;background:linear-gradient(75deg, var(--accent-color), #fff, #fff, #fff);-webkit-text-fill-color:transparent;-webkit-tap-highlight-color:transparent;border:2px solid var(--accent-color);cursor:pointer;background-size:300% 300%;-webkit-background-clip:text;border-radius:25px;margin-top:20px;padding:10px 20px;font-size:16px;text-decoration:none;transition:all .3s;display:inline-block}.btn-blue:hover{background-color:var(--accent-color);color:#fff}.btn-confirm{color:#fff;cursor:pointer;background-color:#1c1c1c;border:1px solid #ffffff4d;border-radius:4px;margin:0 10px;padding:8px 16px}.btn-confirm:hover{background-color:#2980b9}
