.animated-bg{position:fixed;inset:-10%;background:radial-gradient(circle at 0% 0%, #0ea5e9 0, transparent 55%), radial-gradient(circle at 100% 0%, #6366f1 0, transparent 55%), radial-gradient(circle at 50% 100%, #22c55e 0, transparent 55%);opacity:.16;filter:blur(30px);animation:bgShift 18s ease-in-out infinite alternate;pointer-events:none;z-index:-2;will-change:transform}@keyframes bgShift {0% {transform: rotate(0deg) scale(1)} 50% {transform: rotate(4deg) scale(1.08) translate(10px, -10px)} 100% {transform:rotate(-4deg) scale(1.04) translate(-10px, 10px)}}.site-header{background-color:#111;padding:9px 30px 11px;width:100%;max-height:60px;box-sizing:border-box}.logo-container{margin:0;padding:0;width:auto;flex-wrap:nowrap}.icon-box{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffdb3a 0%,#f39c12 100%);padding:8px;border-radius:50px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;box-shadow:0 2px 4px rgba(0,0,0,.2);flex-shrink:0;color:#1a1a2e;transition:transform .3s,box-shadow .3s}.icon-box::before{content:"";position:absolute;top:1px;left:2px;right:2px;height:46%;border-radius:50%/60% 60% 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 100%);pointer-events:none}.header-svg{width:22px;height:22px;display:block}.header-svg circle{fill:#1a1a2e;stroke:none}.logo-container:hover .icon-box{transform:scale(1.08);box-shadow:0 4px 10px rgba(243,156,18,.4)}.text-box{display:flex;flex-direction:column;justify-content:center;white-space:nowrap}.brand-name{margin:0;padding:0;color:#fff;text-align:left;font-weight:700;font-size:16px;letter-spacing:1px;line-height:1.2;text-transform:uppercase}.brand-sub{margin:0;padding:0;color:#aaa;font-size:13px;letter-spacing:1.5px;line-height:1.2;text-transform:uppercase}.main-nav{margin:0 10% 0 0;padding:0;list-style:none;display:flex;gap:60px;width:auto}.main-nav li{margin:0;padding:0;display:flex;align-items:center}.main-nav li a{color:#fff;text-decoration:none;font-size:15px;font-weight:400;letter-spacing:.5px;transition:color .3s ease;position:relative;padding:5px 0;display:inline-block}.main-nav li a::after{content:"";position:absolute;bottom:0;left:0;width:0%;height:1px;background:#00cccc;opacity:.8;transition:width .3s ease-in-out}.main-nav li a:hover{color:#b2a45e}.main-nav li a:hover::after{width:100%}

.dropdown{position:relative;display:inline-flex;color:#fff;font-size:80%;align-items:center;gap:.3rem}.nav-center a{position:relative;transition:color .3s;text-decoration:none}.nav-center a:hover{color:#00f2fe}.nav-center a::before{content:"";position:absolute;left:0;bottom:-5px;width:0;height:.5px;background:#0cc;transition:width .25s}.nav-center a:hover::before{width:100%}.dropdown-arrow{font-size:.55rem;color:#fff;margin-top:5px;user-select:none;pointer-events:none;display:inline-block;transition:transform .3s ease-in-out)}.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-content{position:absolute;top:100%;left:0;min-width:180px;z-index:10;padding:.6rem 0;border-radius:10px;background-color:rgba(31,25,71,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 22px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s,visibility .3s}.dropdown-content a{display:block;color:#fff;padding:.6rem 1.2rem .6rem 2.2rem;font-size:.85rem;white-space:nowrap;text-decoration:none;position:relative;transition:background-color .2s,color .2s}.dropdown-content a:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.dropdown-content a:hover{background-color:rgba(255,255,255,.07);color:#00f2fe}.dropdown-content a::after{display:none}.dropdown-content a::before{content:"❯";position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);font-size:.6rem;color:#00f2fe;transition:transform .25s ease,color .25s ease}.dropdown-content a:hover::before{transform:translateY(-50%) translateX(4px);color:#fff}.dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}

.hamburger,.mobile-menu{display:none}@media (max-width:1032px){.main-nav{display:none}}.hamburger{display:none;width:32px;height:32px;border:none;background:transparent;cursor:pointer;position:relative;z-index:9999;padding:0}.hamburger span{display:block;position:absolute;top:50%;left:5px;width:22px;height:2px;background-color:#fff;background:#fff;border-radius:999px;transform:translateY(-50%);transition:background .25s ease}.hamburger span::before,.hamburger span::after{content:"";display:block;position:absolute;width:22px;height:2px;background-color:#fff;background:#fff;border-radius:999px;transition:transform .25s ease,top .25s ease}.hamburger span::before{top:-7px;left:0}.hamburger span::after{top:7px;left:0}@media (max-width:1032px){.hamburger {display:flex}}.hamburger.active span{background:transparent;background-color:transparent}.hamburger.active span::before{top:0;transform:rotate(45deg)}.hamburger.active span::after{top:0;transform:rotate(-45deg)}.mobile-menu{left:0;right:0;bottom:0;transform:translateY(100%);background-image:linear-gradient(to right top,#002659,#143263,#233e6c,#314b76,#3f587f,#3f587f,#3f587f,#3f587f,#314b76,#233e6c,#143263,#002659);box-shadow:0 -10px 30px rgba(0,0,0,.18);border-radius:18px 18px 0 0;padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;position:fixed;will-change:transform;gap:.6rem;z-index:40;transition:transform .35s}.mobile-menu.open{transform:translateY(0)}.grabber{width:46px;height:4px;border-radius:999px;background:#d1d5db;margin:0 auto .8rem}.menu-item{padding:.9rem .4rem;border-radius:8px;display:flex;gap:.5rem;font-size:1rem;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.4);position:relative;align-items:center;color:#fff;text-decoration:none}.mobile-menu .menu-item:last-child{border-bottom:none}.menu-item::before{content:attr(data-icon);font-size:1.1rem}.menu-item:hover{background:#f3f4f6;color:#34339b}.menu-item:hover::before{color:#34339b}body.menu-open{overflow:hidden}@media (max-width:393px){.site-header{padding:8px 12px}.brand-name{font-size:13px;letter-spacing:.5px}.brand-sub{font-size:10px;letter-spacing:1px}.logo-container{gap:8px}}

:root {--circle-size:400px;--box-radius:290px;--box2-radius:400px;--box3-radius:440px;--icon-radius:330px;--box2-y-offset:-50px}.hero-circle {width:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;box-sizing:border-box}

.hero-circle{border-bottom:20px solid rgba(148, 163, 184, 0.35)}.hero-circle, .hero-circle p, .hero-circle span {font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;font-weight: 100}.pulse-circle {width: var(--circle-size);height: var(--circle-size);border-radius:50%;position:absolute;top:35%;left:50%;transform:translate(-50%, -50%);overflow:hidden;border:2px solid red;animation:4s linear infinite rainbowBorder;background-image:linear-gradient(to right bottom,#0b1518,#0b1518,#0b1518,#0b1518,#0b1518,#0a171a,#08191c,#071b1d,#041f1e,#03231e,#05271b,#0d2a17);display:flex;align-items:center;justify-content:center;z-index:2}.pulse-circle::before {content: "";position:absolute;inset:0;border-radius:50%;z-index:-1;box-shadow:inset 0 0 40px rgba(255,255,255,.5);animation:4s linear infinite innerGlow}.circle-text {font-size:28px;text-align:center;letter-spacing:3px;text-transform:uppercase;animation:4s ease-in-out 3 alternate forwards pulseText}.orbit-center {position:absolute;top:40%;left:50%;width:0;height:0;z-index:3}.orbit-scaler {position:relative;width:0;height:0}.orbit-item, .icon {position:absolute;opacity:0;color:#fff}.orbit-item {width:264px;background: #002b80;border:1px solid #1b52b3;border-radius:20px;padding:17px;backdrop-filter:blur(6px);background-image:linear-gradient(to right bottom,#031734,#021d42,#01234f,#01285e,#032e6c,#032e6c,#032e6c,#032e6c,#01285e,#01234f,#021d42,#031734);box-sizing:border-box}.box-row {display:flex;align-items:center;justify-content:space-between;height:100%}.box-text {flex:1;font-size:18px;margin-left:10px}.box-title {font-weight:400;text-transform:uppercase;margin-bottom:8px;font-size:16px}.box-list {list-style-type:disc;margin-left:20px;padding-left:10px;line-height:1.4;font-size:15px}.small-icon {width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 0,#fefce8,#facc15 40%,#f97316 100%);box-shadow:0 8px 16px rgba(15,23,42,.6);flex-shrink:0}.small-icon svg {width:22px; height:22px;color:#000}.icon {width:154px;text-align:center;font-size:16px}.icon-circle {width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#002b80;margin:0 auto 7px;display:flex;align-items:center;justify-content:center}.icon-circle svg {width:24px;height:24px;color: #fff}#box1 {animation:2s ease-out .3s forwards moveBox1}@keyframes moveBox1 {0% {transform: translate(-82px, -50%) rotate(180deg) translateX(calc(var(--box-radius) + 20px)) rotate(-180deg); opacity: 0}100% {transform:translate(-82px, -50%) rotate(0deg) translateX(calc(var(--box-radius) + 20px)) rotate(0deg);opacity:1}}#box2 {animation:2s ease-out 1.1s forwards moveBox2}@keyframes moveBox2 {0% {transform:translate(-132px, calc(-50% + var(--box2-y-offset))) rotate(180deg) translateX(var(--box2-radius)) rotate(-90deg);opacity:0}100% {transform: translate(-132px, calc(-50% + var(--box2-y-offset))) rotate(90deg) translateX(var(--box2-radius)) rotate(-90deg);opacity:1}}.box2-content p{margin:0}.box2-content ul{margin:0}#box3 {animation:2s ease-out 1.6s forwards moveBox3}@keyframes moveBox3 {0% {transform: translate(-132px, -50%) rotate(180deg) translateX(var(--box3-radius)) rotate(-180deg);opacity:0}100% {transform: translate(-132px, -50%) rotate(180deg) translateX(var(--box3-radius)) rotate(-180deg);opacity:1}}#icon1 {animation: 2s ease-out 2s forwards moveIcon1}@keyframes moveIcon1 {0% {transform: translate(-77px, -50%) rotate(180deg) translateX(var(--icon-radius)) rotate(-180deg);opacity:0}100% {transform: translate(-77px, -50%) rotate(315deg) translateX(var(--icon-radius)) rotate(-315deg);opacity:1}}#icon2 {animation:2s ease-out 2.5s forwards moveIcon2}@keyframes moveIcon2 {0% {transform: translate(-77px, -50%) rotate(180deg) translateX(var(--icon-radius)) rotate(-180deg);opacity:0}100% {transform: translate(-77px, -50%) rotate(45deg) translateX(var(--icon-radius)) rotate(-45deg); opacity: 1}}#icon3 { animation: 2s ease-out 3s forwards moveIcon3}@keyframes moveIcon3 {0% {transform: translate(-77px, -50%) rotate(180deg) translateX(var(--icon-radius)) rotate(-180deg);opacity:0}100% {transform: translate(-77px, -50%) rotate(225deg) translateX(var(--icon-radius)) rotate(-225deg);opacity:1}}.glow-orbit {position:absolute;inset:6px;border-radius:50%;pointer-events:none}.glow-orbit::before {content:"";position:absolute;width:14px;height:14px;border-radius:50%;top:-6px;left:50%;margin-left:-6px}.glow-orbit.go1 {animation:glowSpin 10s linear infinite}.glow-orbit.go2 {animation:glowSpin 10s linear infinite reverse}.glow-orbit.go3 {animation:glowSpin 10s linear infinite;inset:6px;animation-delay:-3s}.glow-orbit.go4 {animation:glowSpin 10s linear infinite reverse;inset:6px;animation-delay:-4s}.glow-orbit.go1::before {background: #1e88e5;box-shadow:0 0 16px 3px #1e88e5}.glow-orbit.go2::before {background: #66bb6a;box-shadow:0 0 16px 3px #66bb6a}.glow-orbit.go3::before {background: #ffa726; box-shadow: 0 0 16px 3px #ffa726}.glow-orbit.go4::before {background:#692B74;box-shadow:0 0 18px 6px #692B74; }@keyframes glowSpin {to {transform:rotate(360deg)}}.hero-text-content {width:100%;max-width:800px;text-align:center;z-index:4;box-sizing:border-box;padding:0 20px}.hero-title {font-size:40px;font-weight:700;color:#fff;margin-bottom:10px;width:100%}.hero-sub {font-size:20px;opacity:.8;color:#fff;margin-bottom:25px;width:100%}.hero-buttons {display:flex;justify-content:center;width:100%}.btn-hero-button {margin-bottom:10px;padding:14px 36px;font-size:20px;font-weight:600;color:#d0d8e8;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);border-radius:10px;backdrop-filter: blur(8px);cursor:pointer;transition:.3s;text-decoration:none;letter-spacing:1px}.btn-hero-button:hover {background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.45)}@keyframes innerGlow{0%, 100% {box-shadow:inset 0 0 60px rgba(255,0,0,.12)}20%{box-shadow:inset 0 0 60px rgba(255,165,0,.12)}40%{box-shadow:inset 0 0 60px rgba(255,255,0,.12)}60%{box-shadow:inset 0 0 60px rgba(0,128,0,.12)}80%{box-shadow:inset 0 0 60px rgba(0,0,255,.12)}}@keyframes pulseText{ 0%{color:#114faa} 100%{color:#fff}}@keyframes rainbowBorder{0%, 100% {border-color:red}20%{border-color:orange}40%{border-color:#ff0}60%{border-color:green}80%{border-color:#00f}}@media (min-width: 1281px) {.hero-circle{margin-top:1rem;padding-top:7px}#icon1, #icon3 {margin-top:2rem}#icon2 {margin-top:-5rem}#box2 {margin-top:-6.6rem}#box3 {left:6rem}.hero-text-content {min-width:1700px;margin-top:33%}}@media (min-width: 1040px) and (max-width: 1280px) {.hero-circle{padding-top:70px}.hero-text-content {margin-top:60px}.hero-content-wrapper {position:relative;width:100%;height:75vh;display:flex;align-items:center;justify-content:center}#icon1, #icon3 {margin-top:2rem}#icon2 {margin-top:-5rem;}#box2 {margin-top:-6.6rem}#box3 {left:6rem}}@media screen and (min-width: 1033px) and (max-width: 1200px) {#box3 {margin-left:4.3rem}}@media screen and (min-width: 768px) and (max-width: 1032px) {.hero-circle {min-height:66vh;display: flex;flex-direction:column;align-items:center;justify-content:flex-start}.hero-content-wrapper {min-height:620px;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.pulse-circle {position:relative;top:auto;left:auto;transform:none;width:320px;height:320px;margin:50px 0;z-index:2}.circle-text {font-size:20px;letter-spacing:2px}.orbit-center, .orbit-scaler {position:static;width:100%;height:auto;display:flex;flex-direction:column;align-items: center}#icon1, #icon2, #icon3 {position:absolute;opacity:0;transform:none;animation:none;top:0;left:50%;width:110px;font-size:13px;display:flex;flex-direction:column;align-items:center;z-index:5}#icon1 { animation:1.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards tabletIconIn}#icon2 {animation:1.8s cubic-bezier(0.22, 1, 0.36, 1) 0.6s forwards tabletIconIn}#icon3 {animation:1.8s cubic-bezier(0.22, 1, 0.36, 1) 1.0s forwards tabletIconIn}@keyframes tabletIconIn {0% {opacity:0;transform:translate(-200px, 200px)}100% {opacity:1;transform:translate(var(--icon-offset, 0px), 50px)}}#icon1 {--icon-offset: -192.5px}#icon2 {--icon-offset:-55px}#icon3 {--icon-offset: 82.5px}.icon-circle {width:40px;height:40px;margin:0 auto 6px}.icon-circle svg {width:20px;height:20px}#box1, #box2, #box3 {position:absolute;opacity:0;transform:none;animation:none;bottom:0;left:50%;width:160px;height:110px;padding:12px;border-radius:16px;z-index:5}.box-row {display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:10px;height:100%}.box-text {font-size:12px;text-align:right;margin-left:auto;line-height:1.3}.box2-content {display:flex;flex-direction: column;justify-content:center;height:100%}.box-title {font-size:11px;margin-bottom:4px;text-align:left}.box-list {font-size:10px;margin-left:12px; padding-left:0;line-height:1.2}.small-icon {width: 26px;height:26px;flex-shrink:0}.small-icon svg { width:14px;height:14px}#box1 {animation:3.0s cubic-bezier(0.22, 1, 0.36, 1) 1.4s forwards tabletBoxIn}#box2 {animation:3.0s cubic-bezier(0.22, 1, 0.36, 1) 1.8s forwards tabletBoxIn}#box3 {animation:3.0s cubic-bezier(0.22, 1, 0.36, 1) 2.2s forwards tabletBoxIn}@keyframes tabletBoxIn {0% {opacity:0;transform:translate(calc(-50vw + 5px), 180px) rotate(-15deg)}100% {opacity:1;transform:translate(var(--box-offset, 0px), -15px) rotate(0deg)}}#box1 {--box-offset:-307.5px}#box2 {--box-offset:-80px}#box3 {--box-offset:147.5px}.hero-text-content {margin-top:50px;order:3}.hero-title {font-size:32px}.hero-sub {font-size:18px}.btn-hero-button {padding:12px 30px;font-size:18px}}@media screen and (max-width: 600px) {.hero-content-wrapper {height:auto;max-height:520px;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;margin-top:40px;justify-content:center}.pulse-circle {position:relative;top:auto;left:auto;transform:none;width:240px;height:240px;margin:40px 0;z-index:2}.circle-text {font-size:16px;letter-spacing:1px}.orbit-center, .orbit-scaler {position:static;width:100%;height:auto;display:flex;flex-direction:column;align-items:center}#icon1, #icon2, #icon3 {position:absolute;margin-top:-80px;opacity:0;transform:none;animation:none;top:0;left:50%;width:90px;font-size:11px;display:flex;flex-direction:column;align-items:center;z-index:5}#icon1 { animation:1.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards mobileSlideIn}#icon2 {animation:1.8s cubic-bezier(0.22, 1, 0.36, 1) 0.6s forwards mobileSlideIn}#icon3 {animation:1.8s cubic-bezier(0.22, 1, 0.36, 1) 1.0s forwards mobileSlideIn}@keyframes mobileSlideIn {0% {opacity:0;transform:translate(-150px, 200px)}100% {opacity:1;transform:translate(var(--icon-offset, 0px), 65px)}}#icon1 { --icon-offset:-140px} #icon2 {--icon-offset:-45px}#icon3 {--icon-offset:50px}.icon-circle {width:34px;height:34px;margin:0 auto 4px}.icon-circle svg {width:16px;height:16px}#box1, #box2, #box3 {position:absolute;opacity:0;transform:none;animation:none;top:100%;bottom:0;left:50%;width:105px;height:90px;padding:8px;border-radius:12px;z-index:5}.box-row {flex-direction:column-reverse;justify-content:center;gap:4px}.box-title {font-size:10px;margin-bottom:2px;text-align:center}.box-text {font-size:10px; text-align:center;margin-left:0}.box-list {font-size: 8px;margin-left:5px;padding-left:5px}.small-icon { width:22px;height:22px;margin:0 auto}.small-icon svg {width:12px;height:12px}#box1 {animation:1.8s cubic-bezier(0.22, 1, 0.36, 1) 1.4s forwards boxSlideIn}#box2 {animation:1.8s cubic-bezier(0.22, 1, 0.36, 1) 1.8s forwards boxSlideIn; }#box3 {animation:1.8s cubic-bezier(0.22, 1, 0.36, 1) 2.2s forwards boxSlideIn}@keyframes boxSlideIn {0% {opacity:0;transform:translate(-200px, 0px)}100% {opacity:1; transform:translate(var(--box-offset, 0px), -15px)}}#box1 {--box-offset:-172.5px}#box2 {--box-offset: -52.5px}#box3 {--box-offset: 67.5px}.hero-text-content {margin-top:100px;order:3}.hero-title {font-size: 26px}.hero-sub {font-size:15px}.btn-hero-button {padding:10px 24px;font-size:16px}}@media screen and (max-width: 360px) {.hero-content-wrapper {min-height:440px}.pulse-circle {width:170px;height:170px;margin-top:-30px}.circle-text {font-size:11px}#icon1 {--icon-offset:-129px}#icon2 {--icon-offset:-45px}#icon3 {--icon-offset:39px}#box1 {--box-offset: -154.5px}#box2 {--box-offset:-47.5px}#box3 {--box-offset:59.5px}#box1, #box2, #box3{width:100px;height:90px;margin-top:-100px}.box-title, .box-text {text-align:left}.hero-text-content {margin-top:10px}}

.main-content{background-color:rgba(26,21,59,.65);backdrop-filter:blur(2px);box-sizing:border-box;padding:2.5rem;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.19);box-shadow:0 10px 40px rgba(0,0,0,.2)}.main-content::before{content:"";position:absolute;inset:-5%;background:radial-gradient(circle at 0% 0%,#38bdf8 0%,transparent 85%),radial-gradient(circle at 100% 0%,#818cf8 0%,transparent 85%),radial-gradient(circle at 50% 100%,#4ade80 0%,transparent 85%);opacity:.18;filter:blur(40px);z-index:-1;pointer-events:none}

h1 {color:#fff;font-size: clamp(1.4rem, 4vw, 2.2rem);margin-bottom:2rem}@media (max-width: 960px) {h1 {text-align: center;margin-left:auto;margin-right:auto;display:block;width:100%}}@media (max-width:600px){h1{margin-bottom:1.5rem}}

.article-desc{text-align:justify}.article-desc h2{font-size:1.8rem;color:#fff;margin-top:6rem;margin-bottom:1.5rem;border-bottom:2px solid #eff0fc;padding-bottom:12px}.article-desc h2:first-child {margin-top: 0}h3{margin-top:5rem}.fade-line {width:80%;max-width:80%;height:1px;border:none;margin:0 auto;background:linear-gradient(to right,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 0) 100%)}.article-desc ul {list-style:none;color:#fff;padding-left:0;margin:20px 0}.article-desc ul li {position:relative;color: #fff;padding-left:25px;margin-bottom:10px;font-size:16px;line-height:1.6}.article-desc ul li::before {content:"•";position:absolute;left:5px;color:#52c41a; font-weight:bold;font-size:20px;top:-2px}.toc-container {background-color:#21313B;border:.5px solid #666;border-radius:8px;padding:1.2rem 20px;margin:4rem 0;font-family:sans-serif}.light-mode .toc-container li{color:#fff!important}.toc-container p, ol li {margin-bottom:10px;font-size:16px;color:#fff}.toc-container li {margin-bottom:.35rem;position:relative; list-style:none;padding-left:1.5rem}.toc-container li::before {content:"•";position:absolute;left:0;color:#52c41a; font-size:16px}.toc-container li a {color:#fff;font-size:.9rem;font-style:italic;text-decoration:none;transition: color .2s}.toc-container li a:hover {color:#00f2fe}.code-container {background-color:#1e1e1e;border:.5px solid #322780;border-radius:8px;overflow:hidden;margin:40px 0;box-shadow:0 4px 6px rgba(54,42,139,.4)}.code-container p{margin:0}.code-header {background-color:#2d2d2d;padding: 10px 15px;display:flex;justify-content:space-between;align-items:center;color:#aaa;font-size:13px;border-bottom:1px solid #3d3d3d;}.copy-btn {background-color:#1890ff;color:#fff;border:none;padding:5px 12px;border-radius:4px;cursor:pointer;font-weight:700;font-size:12px;transition:.2s;}.copy-btn:hover {background-color:#40a9ff;transform: scale(1.05)}.code-container pre {margin:0;padding:15px;overflow-x: auto}.code-container code {color:#f8f8f2;font-size:14px;white-space: pre}code{color:#DADAD4;font-size:90%}.download-section{display:flex;justify-content:center;margin-top:3rem;padding:40px 20px;border-radius:10px;background-color:#21313B;font-family:sans-serif}.download-card{background:#fff;max-width:600px;width:100%;padding:30px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);border:1px solid #e2e8f0}.download-header{display:flex;align-items:center;gap:15px}.download-icon{font-size:2rem}.download-header h2{margin:0;color:#1a202c;font-size:1.5rem}p.download-desc{color:#000;font-size:.8rem; font-style:italic}ol.download-desc-text{color:#000;list-style-type:decimal}ol.download-desc-text li{color:#000;font-size:14px}.instructions{background-color:#f0fdf4;border-left:4px solid #16a34a;padding:20px;border-radius:0 8px 8px 0;margin-bottom:35px}.instructions h3{margin-top:0;margin-bottom:12px;color:#000;font-size:1.1rem}.instructions p{color:#000}.instructions ol {margin:0 0 15px 0;padding-left:20px;color:#14532d}.instructions li{margin-bottom:8px;line-height:1.4}.process-info{margin:0;font-size:.85rem;color:#166534;line-height:1.5;border-top:1px dashed #bbf7d0;padding-top:12px}.download-btn{display:flex;align-items:center;justify-content:center;background-color:#2563eb;color:#fff!important;text-decoration:none!important;padding:14px 24px;border-radius:8px;font-weight:700;font-size:1.1rem;transition:background-color .2s ease,transform .1s ease;text-align:center}.download-btn:hover{background-color:#1d4ed8}.download-btn:active{transform:scale(.98)}.tech-specs-block {margin:30px auto;padding:15px;background-color:rgba(255, 255, 255, 0.15);border-radius:8px;max-width:500px;font-size:0.85rem}.tech-specs-block h3 {margin-top:0;margin-bottom:12px;font-size:1.05rem;color:#fff;text-align:center}.tech-specs-block table {width:100%;border-collapse:collapse;text-align:left}.tech-specs-block tr {border-bottom:1px solid rgba(255, 255, 255, 0.15)}.tech-specs-block tr:last-child {border-bottom:none}.tech-specs-block th {font-size:90%;padding:6px 0;font-weight:400;color:#fff}.tech-specs-block td {padding:6px 0 6px 6px;color:#fff;}.tech-specs-block .file-name-code {font-family:monospace}.tech-specs-block .security-status {color:#97E99A;font-weight:600}.red{color:#FF0000}.tipp-box, .hiba-box, .biztonsag-box {color:#000;background-color:#e6f7ff;border-radius:6px;padding:15px;margin:20px 0;text-align:left}.tipp-box {background-color:#e6f7ff;border-left:5px solid #1890ff;margin-top:3rem}.hiba-box {background-color:#fff1f0;border-left:5px solid #ff4d4f}.biztonsag-box {background-color:#f6ffed;border-left:5px solid #52c41a;margin-bottom:3rem}.hr {border:0;height:1px;background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));margin:60px 5px}ol {list-style: none;counter-reset:my-awesome-counter;margin-top:2rem; margin-bottom:40px}ol li {counter-increment:my-awesome-counter;position:relative;padding-left:20px;line-height:1.6}ol li::before {content:counter(my-awesome-counter);position:absolute;left:0;top:2px;font-weight:700;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center}

.article-date-meta {font-size:0.8rem;font-weight:500;color:#EFEFEF;margin-top:-5px;margin-bottom: 18px;letter-spacing:0.3px;display:flex}.date-divider {margin: 0 10px;color:#e0e0e0)}.date-updated {color:#27ae60);font-weight: 600}

h2 {margin-top:4.5rem;border-bottom:.5px solid #ccc;margin-bottom:20px;padding-bottom:0.5rem;}h3, h4 {margin-top:3.5rem;margin-bottom:7px}h2, h3, h4, p{color:#fff;transition:color .3s ease;}.article-lead {color:#e2e8f0;font-size:1rem;line-height:1.6;margin-left:1.5rem;font-style:italic;border-left:3px solid #00d2dc;padding-left:1.5rem;}
@media (max-width:480px){.article-lead{margin-left:6px;padding-left:1rem}}

.main-content a{color:#00f2fe;text-decoration:none}.main-content a:hover{color:#33CCFF;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 4px}

p.image-top-text{color:rgba(255,255,255,.5);font-size:.9rem;font-style:italic;margin-top:4rem;text-align:center;margin-bottom:1rem;line-height:1.6}figure{margin:1.5rem 0 4rem 0;text-align:center;position:relative}.responsive-lazy-img{max-width:100%;width: auto;height:auto;display:block;margin:0 auto;border-radius:12px;border:1px solid rgba(255,255,255,.09);box-shadow:0 8px 20px rgba(0,0,0,.35);box-sizing:border-box;transition:transform .3s ease;background:#fff}figcaption{color:rgba(255,255,255,1);font-size:.9rem;font-style:italic;margin-top:.75rem;line-height:1.5;text-align:center}figure:hover .responsive-lazy-img{transform:scale(1.02)}img

.left-sidebar{display:flex;flex-direction:column}.sidebar-box{background-color:rgba(28,40,62,.65);backdrop-filter:blur(12px);align-items:center;padding:1.5rem;border:1px solid rgba(0,242,254,.2);border-radius:9px;box-shadow:0 10px 20px rgba(0,0,0,.12)}.sidebar-box::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,#38bdf8 0%,transparent 65%),radial-gradient(circle at 100% 0%,#818cf8 0%,transparent 65%),radial-gradient(circle at 50% 100%,#4ade80 0%,transparent 65%);opacity:.18;filter:blur(4px);z-index:-1;pointer-events:none}.sidebar-title{color:#fff;margin-top:0;margin-bottom:1.25rem;font-size:1.25rem;border-bottom:2px solid #00d2dc;padding-bottom:.5rem;transition:color .3s ease}.sidebar-list{list-style:none;padding:0;margin:0}.sidebar-list li{margin-bottom:.5rem;position:relative;padding:6px 10px 6px 1.5rem;border:0.5px solid #2F266B;border-radius:6px;background:transparent;transition:background .25s ease;display:flex;align-items:center}.sidebar-list li::before{content:"•";position:absolute;left:6px;top:50%;transform:translateY(-50%);color:#52c41a;font-weight:700;font-size:24px;line-height:1;transition:color .25s ease}.sidebar-list li a{color:#fff;text-decoration:none;width:100%;display:block;transition:color .2s ease}.sidebar-list li:hover{background:rgba(80,65,183,.15)}.sidebar-list li:hover::before{color:#00f2fe}.sidebar-list li:hover a{color:#00f2fe}.sidebar-box p{color:#fff;transition:color .3s ease}.accent-box { border:1px solid rgba(0,242,254,.2)}.sidebar-btn {display:inline-flex;align-items:center;justify-content:center;gap: .5rem;width:100%;margin:1rem auto 0;background:rgba(0,210,220,.03);color:#fff;padding:.65rem 1.2rem;border-radius:12px;border:1px solid #00d2ff;font-size:.95rem;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;box-sizing:border-box;text-decoration:none;transition:all .3s ease}.sidebar-btn:hover {background:rgba(0,242,254,.08);border-color:#00f2fe;color:#00f2fe;box-shadow:0 6px 14px rgba(0,210,220,.2);transform: translateY(-2px)}.sidebar-btn .arrow{transition:transform .3s}.sidebar-btn:hover .arrow{transform:translateX(4px)}@keyframes titleGiantArcIn{from{opacity:0;transform:translateX(-150px) translateY(50px) rotate(-5deg)}to{opacity:.99;transform:translateX(0) translateY(0) rotate(0)}}@keyframes textLargeSlideLeft{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes buttonSlowPopUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1032px) {.main-content{min-width:98%;margin-top:2rem;margin-left:5px}.left-sidebar{min-width:100%}.footer-area{margin-bottom:30px}}@media (min-width:1033px){[data-r-c]{overflow:visible;height:auto}.main-content{margin:12rem 0 2rem 5rem;float:right}.left-sidebar{float:left;margin-top:10rem;margin-left:5%;position:-webkit-sticky;position:sticky;top:20px;height:fit-content;align-self:flex-start;display:flex;flex-direction:column}.left-sidebar .sidebar-box{position:relative;top:auto;margin-bottom:1.5rem}.left-sidebar .sidebar-box:last-child{margin-bottom:0}.first-box{margin-top:5px}}

.avatar-card{display:flex;flex-wrap:nowrap;gap:1rem;pointer-events:none;border:1px solid rgba(255,255,255,.09);border-radius:14px;box-shadow:inset 0 1px 1px rgba(255,255,255,.05),0 4px 15px rgba(0,0,0,.2);box-sizing:border-box;margin-top:3%}.avatar-img-container{width:65px;height:65px;flex-shrink:0;display:block}.avatar-img-container img{border-radius:50%;display:block;width:100%;height:100%;object-fit:cover;border:2px solid rgba(255,255,255,.25)}.avatar-text-wrapper{flex:1}.avatar-text-wrapper p{font-size:14px;color:#fff;margin:0;padding:13px 0 0;line-height:1.5;font-weight:300;text-align:left}.avatar-text-wrapper strong{color:#ffdb3a;font-weight:700}@media (max-width:480px){.avatar-card{flex-direction:column;align-items:center;text-align:center;padding:1.5rem}.avatar-text-wrapper p{text-align:center;padding-top:0}}@media (min-width:1033px) and (max-width:1280px){.avatar-card {max-width:50%;margin-left:30%}}@media (min-width:1281px){.avatar-card {max-width:50%;margin-left:19%;}}

.col-title,.footer a,.footer p{font-weight:100}.footer .col,.footer a{display:inline-block}.footer,.footer a:hover{color:#fff}.footer,.social-icons-container{width:100%;box-sizing:border-box;display:flex}.footer a,.social-icons-area{position:relative;text-decoration:none}.social-footer-text,.social-icons-area .insta-text{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.footer-area{width:100%;border-top:20px solid rgba(148,163,184,.35);margin-top:2rem}.footer{gap:10px;flex-wrap:wrap}.footer .small{width:24%;min-width:180px}.footer .large{width:48%;min-width:260px;font-size:1rem;text-align:justify}@media (max-width:600px){.footer .large{width:100%}}.col-title{font-size:1.2rem;margin-top:0}.footer p{margin-top:1rem;line-height:1.3}.footer li{list-style-type:none;margin-bottom:10px}.footer a{color:#ddd;padding-bottom:4px;transition:color .3s}.footer a::after{content:"";position:absolute;bottom:0;left:0;width:0%;height:1px;background:#fff;opacity:.8;transition:width .3s ease-in-out}.footer a:hover::after{width:100%}.social-icons-container{flex-direction:column;align-items:center;margin-top:-20px;margin-bottom:10px}.social-icons-row{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.social-icons-area{width:40px;height:40px;border-radius:15px;background:radial-gradient(circle at 30% 0,#fef9c3 0,#facc15 35%,#f97316 100%);display:inline-flex;align-items:center;justify-content:center;color:#000;overflow:hidden;flex-shrink:0;transition:opacity .2s ease-in-out,color .2s ease-in-out}.social-icons-area:hover{opacity:.62;color:#fff}.social-icons-area::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(255,255,255,.6),transparent 60%);mix-blend-mode:screen;opacity:.8}.social-icons-area svg{width:20px;height:20px;display:block;color:inherit}.social-icons-area .insta-text{font-size:18px;font-style:italic;line-height:1;letter-spacing:-.5px;z-index:1;color:inherit}.social-footer-text{font-size:1rem;color:#fff;text-align:center;margin-top:10px;margin-bottom:10px;font-weight:200}.social-footer-text .bolt-emoji{margin-left:2px;margin-right:2px}.back-to-top {will-change: transform;transform: translateZ(0)}.back-to-top{position:fixed;right:1.5rem;bottom:1.5rem;width:40px;height:40px;border-radius:999px;border:none;background:#1f8a4d;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 8px 18px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .2s ease;z-index:50}.back-to-top.show{opacity:1;pointer-events:auto}.back-to-top:hover{transform:translateY(-2px)}

#cookie-consent{position:fixed;left:2rem;bottom:2rem;max-width:480px;background:#1e5184;color:#f9fafb;border-radius:9px;overflow:hidden;padding:0;box-shadow:0 10px 30px rgba(0,0,0,.35);transform:translateY(120%);opacity:0;pointer-events:none;transition:transform .35s ease,opacity .35s ease;z-index:60;font-size:.9rem}#cookie-consent.visible{transform:translateY(0);opacity:1;pointer-events:auto}.cookie-content{display:flex;align-items:stretch}.cookie-text{flex:1 1 calc(60% - 1rem);background:#173E66;padding:.8rem}#cookie-alert-title{font-size:1rem;margin-bottom:8px}.cookie-text p{font-size:.9rem;line-height:1.4}.cookie-link{display:flex;align-items:center;background:rgba(255,255,255,.1);margin-top:15px;padding:1px 10px;border:1px solid rgba(255,255,255,.4);border-radius:6px;box-shadow:none;transition:border-color .25s ease,color .25s ease}.cookie-link:hover{background:none;border-color:rgba(255,255,255,.4);box-shadow:none}.cookie-icon{width:10px;height:10px;border:2px solid #fff;border-radius:50%;display:inline-block;margin-right:8px}.cookie-link a{color:#fff;text-decoration:none;padding:0;border:none;border-radius:0;box-shadow:none;transition:color .2s ease}.cookie-link a:hover{color:#df4c73;background:none;border:none;border-radius:0;box-shadow:none}.cookie-actions{flex:1 1 calc(40% + 1rem);display:flex;flex-direction:column;justify-content:center;gap:.6rem;padding:1rem;background-image:linear-gradient(to right top,#59522f,#635b34,#6d643a,#59522f,#474125)}#cookie-accept{padding:.4rem .6rem;border-radius:8px;border:1px solid rgba(255,255,255,.4);background:#28a745;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .25s ease;outline:none}#cookie-accept:focus{outline:none;box-shadow:0 0 0 3px rgba(40,167,69,0.5)}#cookie-accept:hover{background:#23963d;transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.18)}#cookie-close{background:rgba(255,255,255,.2);color:#fff;font-size:1rem;padding:.2rem .8rem;border-radius:8px;border:1px solid rgba(255,255,255,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}#cookie-close:hover{background:#ffffff;color:#df4c73;transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.18)}@media (max-width:480px){.social-icons-row{gap:1.5rem;margin-bottom:1rem}.social-icons-container{margin-bottom:1.5rem}.social-footer-text{font-size:0.9rem;padding:0 15px}#cookie-consent{left:1rem;bottom:1rem;width:calc(100% - 20px)}.cookie-content{flex-direction:column}.cookie-actions{flex-direction:row;border-left:none;border-top:2px solid rgba(255,255,255,.15)}}