:root{--psn-article-blue:#0000FE;--psn-article-blue-dark:#0000b8;--psn-article-white:#fff;--psn-article-bg:#f7faff;--psn-article-soft:#eef4ff;--psn-article-text:#172033;--psn-article-muted:#586579;--psn-article-border:#0000fe17;--psn-article-shadow:0 14px 38px #0000fe12;--psn-article-shadow-hover:0 24px 55px #0000fe29}
.psn-article-page{padding:40px 0 80px;color:var(--psn-article-text);overflow:hidden;margin-top:-31px;background: radial-gradient(circle at 8% 12%, #0000FE08, transparent 25%), var(--psn-article-bg);}
.psn-article-container{width:min(1200px,calc(100% - 32px));margin:0 auto}
.psn-article-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:440px;padding:48px;overflow:hidden;border:1px solid var(--psn-article-border);border-radius:34px;background:linear-gradient(135deg,#fff 0%,#f2f7ff 58%,#e8efff 100%);box-shadow:0 24px 60px #0000fe14}
.psn-article-hero::before{content:"";position:absolute;width:420px;height:420px;left:-210px;bottom:-230px;border-radius:50%;background:radial-gradient(circle,#0000fe21,transparent 68%);pointer-events:none}
.psn-article-hero::after{position:absolute;width:240px;height:240px;right:40%;top:-170px;border-radius:50%;border:1px solid #0000fe14;box-shadow:0 0 0 22px #0000fe06 0 0 0 46px #0000fe04}
.psn-article-hero-content{position:relative;z-index:3;flex:1.2}
.psn-article-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 16px;color:var(--psn-article-blue);border:1px solid #0000fe2e;border-radius:999px;background:#0000fe12;font-size:.88rem;font-weight:800}
.psn-article-badge svg,.psn-article-btn svg,.psn-article-card-icon svg{width:20px;height:20px;fill:currentColor}
.psn-article-title{margin:0 0 14px;color:#0a1220;font-size:clamp(2rem,3vw,3rem);line-height:1.4;font-weight:900}
.psn-article-lead{max-width:760px;margin:0;color:var(--psn-article-muted);font-size:1.04rem;line-height:2.1;text-align:justify}
.psn-article-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.psn-article-meta-row span{padding:7px 13px;color:var(--psn-article-blue);border:1px solid #0000fe21;border-radius:12px;background:#fffc;font-size:.83rem;font-weight:800}
.psn-article-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.psn-article-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 24px;border-radius:999px;text-decoration:none;font-size:.94rem;font-weight:800;transition:all .3s ease}
.psn-article-btn-primary{color:#fff!important;background:var(--psn-article-blue);box-shadow:0 13px 27px #0000fe3d}
.psn-article-btn-primary:hover{color:var(--psn-article-blue)!important;background:#fff;box-shadow:0 18px 34px #0000fe33;transform:translateY(-4px);border:2px solid var(--psn-article-blue)}
.psn-article-btn-secondary{color:var(--psn-article-blue)!important;border:2px solid #0000fe2e;background:#ffffffd9}
.psn-article-btn-secondary:hover{color:#fff!important;background:var(--psn-article-blue);border-color:var(--psn-article-blue);transform:translateY(-4px)}
.psn-article-visual{position:relative;z-index:3;flex:0 0 430px;min-height:350px;display:flex;align-items:center;justify-content:center}
.psn-article-image-stage{position:relative;width:370px;height:315px;transform:rotate(-3deg);transition:transform .5s ease}
.psn-article-image-stage:hover{transform:rotate(0deg) scale(1.04)}
.psn-article-orbit{position:absolute;border:1px solid #0000fe2e;border-radius:50%;transform:rotate(25deg)}
.psn-article-orbit-one{width:330px;height:175px;top:57px;left:12px}
.psn-article-orbit-two{width:292px;height:148px;top:72px;left:30px;border-color:#0000fe17}
.psn-article-image-card{position:absolute;inset:22px 16px 30px 28px;padding:10px;overflow:hidden;border-radius:30px 12px 30px 12px;background:#fff;box-shadow:0 27px 48px #0000fe33 0 6px 14px #0f172a21}
.psn-article-image-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#0000fe2e,transparent 43%,#0000fe0f)}
.psn-article-image-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:22px 8px 22px 8px;filter:saturate(.88) contrast(1.06)}
.psn-article-image-caption{position:absolute;z-index:5;left:0;bottom:0;display:flex;flex-direction:column;gap:3px;padding:12px 19px;color:#fff;border-radius:16px 16px 4px 16px;background:var(--psn-article-blue);box-shadow:0 13px 27px #0000fe45;transform:rotate(3deg)}
.psn-article-image-caption strong{font-size:.82rem;letter-spacing:.3px;color:var(--psn-white)}
.psn-article-image-caption span{font-size:.76rem;opacity:.9}
.psn-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.psn-article-card{position:relative;overflow:hidden;padding:30px;border:1px solid var(--psn-article-border);border-radius:28px;background:#fff;box-shadow:var(--psn-article-shadow);transition:all .35s ease}
.psn-article-card::after{content:"";position:absolute;width:160px;height:160px;left:-90px;bottom:-90px;border-radius:50%;background:radial-gradient(circle,#0000fe17,transparent 70%);pointer-events:none;transition:transform .4s ease}
.psn-article-card:hover{border-color:#0000fe2b;box-shadow:var(--psn-article-shadow-hover);transform:translateY(-7px)}
.psn-article-card:hover::after{transform:scale(1.7)}
.psn-article-card-header{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-bottom:21px;padding-bottom:14px;border-bottom:1px dashed #0000fe21}
.psn-article-card-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex:0 0 46px;color:var(--psn-article-blue);border-radius:15px;background:#0000fe12;transition:all .3s ease}
.psn-article-card:hover .psn-article-card-icon{color:#fff;background:var(--psn-article-blue);transform:rotate(-6deg) scale(1.08)}
.psn-article-section-title{margin:0;color:#0c1424;font-size:1.22rem;font-weight:900}
.main-part-of-steel{margin-top:24px}
.psn-article-card p,.psn-article-list li{position:relative;z-index:1;color:var(--psn-article-muted);line-height:2;text-align:justify}
.psn-article-card p{margin:0;font-size:.96rem}
.psn-article-list{margin:0;padding:0;list-style:none}
.psn-article-list li{margin-bottom:10px;padding-right:18px;font-size:.94rem;list-style-type:none}
.psn-article-list li::before{content:"";position:absolute;top:11px;right:0;width:6px;height:6px;border-radius:50%;background:#0000fe73}
.psn-article-card:hover .psn-article-list li::before{background:var(--psn-article-blue)}
.psn-article-highlight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.psn-article-stat{padding:16px;border-radius:18px;background:linear-gradient(135deg,#0000fe0a,#0000fe14);border:1px solid #0000fe1a}
.psn-article-stat .label{display:block;color:var(--psn-article-blue);font-size:.8rem;font-weight:800;margin-bottom:6px}
.psn-article-stat .value{color:#0b1220;font-size:.95rem;font-weight:900;line-height:1.6}
.psn-article-note{margin-top:24px;padding:16px 18px;border-right:4px solid var(--psn-article-blue);border-radius:14px;background:#0000fe0d;color:var(--psn-article-muted);font-size:.9rem;line-height:1.95}
.psn-article-full{margin-top:24px}
.psn-article-full ol{margin:0;padding-right:20px}
.psn-article-full li{margin-bottom:12px;color:var(--psn-article-muted);line-height:2;text-align:justify;font-size:.95rem}
@media (max-width: 992px) {
.psn-article-hero{flex-direction:column;text-align:center;padding:38px 24px}
.psn-article-hero-content{order:2}
.psn-article-visual{order:1;flex-basis:auto;width:100%;min-height:305px}
.psn-article-lead{margin:0 auto}
.psn-article-actions,.psn-article-meta-row{justify-content:center}
.psn-article-grid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.psn-article-page{padding-top:25px}
.psn-article-container{width:min(100% - 22px,1200px)}
.psn-article-hero{border-radius:25px;padding:30px 19px}
.psn-article-title{font-size:1.85rem}
.psn-article-actions{flex-direction:column}
.psn-article-btn{width:100%}
.psn-article-card{padding:24px 20px;border-radius:22px}
.psn-article-image-stage{width:310px;height:270px}
.psn-article-image-card{inset:20px 10px 28px 20px}
.psn-article-orbit-one{width:280px;height:145px;left:8px}
.psn-article-orbit-two{width:250px;height:125px;left:22px}
.psn-article-highlight{grid-template-columns:1fr}
}
@media(max-width: 767px) {
.div-breadcrumb-main{padding:7px}
}
@media(min-width: 768px) {
.div-breadcrumb-main{padding:10px 30px}
}