:root{--pb-cyan:#06b6d4;--pb-black:#000;--pb-white:#fff;--pb-light:#e5e6e9;--pb-grey:#62666b;--pb-radius:24px}
#protonBlogApp,#protonBlogApp *{box-sizing:border-box;font-family:"Roboto",sans-serif!important}#protonBlogApp{width:100%;overflow:hidden;background:var(--pb-white);color:var(--pb-black)}#protonBlogApp button,#protonBlogApp input{font-family:"Roboto",sans-serif!important}.pb-container{width:min(1320px,calc(100% - 40px));margin:auto}
.pb-header{padding:65px 0 38px;text-align:center}.pb-small-heading{display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;color:var(--pb-cyan);font-size:14px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.pb-small-heading:before,.pb-small-heading:after{content:"";width:26px;height:2px;background:var(--pb-cyan)}.pb-header h1{max-width:850px;margin:0 auto 16px;font-size:clamp(36px,5vw,64px);line-height:1.06;letter-spacing:-2px;font-weight:800}.pb-header h1 span{color:var(--pb-cyan)}.pb-header p{max-width:680px;margin:auto;color:var(--pb-grey);font-size:17px;line-height:1.7}
.pb-featured{position:relative;min-height:590px;overflow:hidden;margin-bottom:45px;border-radius:32px;background:#000;box-shadow:0 28px 70px rgba(0,0,0,.16)}.pb-featured-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease,transform 7s ease}.pb-featured:hover .pb-featured-image{transform:scale(1.055)}.pb-featured-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 43%,rgba(0,0,0,.25) 76%,rgba(0,0,0,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.42),transparent 45%)}.pb-featured-content{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;width:59%;min-height:590px;padding:75px 66px 92px;color:#fff}.pb-featured-label{display:inline-flex;align-items:center;gap:8px;width:max-content;margin-bottom:24px;padding:9px 16px;border-radius:999px;background:var(--pb-cyan);color:#fff;font-size:13px;font-weight:800}.pb-featured-title{margin:0;font-size:clamp(36px,4vw,60px);line-height:1.08;letter-spacing:-1.6px;font-weight:800}.pb-featured-description{max-width:660px;margin:24px 0 28px;color:rgba(255,255,255,.85);font-size:17px;line-height:1.75}.pb-featured-meta{display:flex;flex-wrap:wrap;gap:13px 24px;margin-bottom:30px;color:rgba(255,255,255,.75);font-size:14px}.pb-primary-button{width:max-content;padding:15px 25px;border:0;border-radius:999px;background:var(--pb-cyan);color:#fff;font-size:15px;font-weight:800;cursor:pointer;transition:.25s ease}.pb-primary-button:hover{transform:translateY(-2px);background:#fff;color:#000}.pb-featured-controls{position:absolute;z-index:5;right:30px;bottom:28px;display:flex;gap:10px}.pb-arrow{width:48px;height:48px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:20px;cursor:pointer;backdrop-filter:blur(10px);transition:.25s}.pb-arrow:hover{transform:scale(1.07);border-color:var(--pb-cyan);background:var(--pb-cyan)}.pb-dots{position:absolute;z-index:5;left:66px;bottom:38px;display:flex;gap:8px}.pb-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:.25s}.pb-dot.active{width:30px;border-radius:20px;background:var(--pb-cyan)}
.pb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:52px 0 28px}.pb-section-title h2{margin:0 0 7px;font-size:clamp(28px,4vw,42px);letter-spacing:-1px}.pb-section-title p{margin:0;color:var(--pb-grey)}.pb-search{position:relative;width:min(420px,100%)}.pb-search input{width:100%;height:54px;padding:0 54px 0 20px;border:1px solid var(--pb-light);border-radius:999px;outline:none;background:#f8f8f9;color:#000;font-size:15px;transition:.25s}.pb-search input:focus{border-color:var(--pb-cyan);background:#fff;box-shadow:0 0 0 4px rgba(6,182,212,.12)}.pb-search-icon{position:absolute;right:19px;top:50%;transform:translateY(-50%);color:var(--pb-cyan);font-size:21px;pointer-events:none}.pb-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.pb-filter{padding:11px 17px;border:1px solid var(--pb-light);border-radius:999px;background:#fff;color:#000;font-size:14px;font-weight:700;cursor:pointer;transition:.25s}.pb-filter:hover,.pb-filter.active{border-color:var(--pb-cyan);background:var(--pb-cyan);color:#fff}
.pb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-bottom:34px}.pb-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--pb-light);border-radius:var(--pb-radius);background:#fff;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.pb-card:hover{transform:translateY(-10px);border-color:rgba(6,182,212,.55);box-shadow:0 22px 50px rgba(0,0,0,.12)}.pb-card-image-wrap{position:relative;height:250px;overflow:hidden;background:var(--pb-light)}.pb-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.pb-card:hover .pb-card-image{transform:scale(1.07)}.pb-card-category{position:absolute;top:18px;left:18px;padding:8px 13px;border-radius:999px;background:var(--pb-cyan);color:#fff;font-size:12px;font-weight:800}.pb-card-content{padding:25px}.pb-card-date{margin-bottom:12px;color:var(--pb-cyan);font-size:13px;font-weight:800}.pb-card-title{margin:0 0 13px;font-size:22px;line-height:1.32;font-weight:800}.pb-card-description{display:-webkit-box;overflow:hidden;margin:0 0 22px;color:var(--pb-grey);font-size:15px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}.pb-read-link{display:inline-flex;align-items:center;gap:8px;color:#000;font-size:14px;font-weight:800;transition:.2s}.pb-card:hover .pb-read-link{gap:13px;color:var(--pb-cyan)}.pb-empty{grid-column:1/-1;padding:65px 20px;border-radius:24px;background:var(--pb-light);text-align:center}.pb-empty h3{margin:0 0 8px;font-size:25px}.pb-empty p{margin:0;color:var(--pb-grey)}
.pb-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;padding:5px 0 65px}.pb-page-button{min-width:44px;height:44px;padding:0 15px;border:1px solid var(--pb-light);border-radius:12px;background:#fff;color:#000;font-size:14px;font-weight:700;cursor:pointer;transition:.25s ease}.pb-page-button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--pb-cyan);color:var(--pb-cyan)}.pb-page-button.active{border-color:var(--pb-cyan);background:var(--pb-cyan);color:#fff}.pb-page-button:disabled{cursor:not-allowed;opacity:.38}.pb-page-information{margin-left:10px;color:var(--pb-grey);font-size:13px;font-weight:500}
.pb-article-page{display:none;background:#fff}.pb-article-top{position:sticky;z-index:20;top:0;border-bottom:1px solid var(--pb-light);background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.pb-article-top-inner{display:flex;align-items:center;justify-content:space-between;width:min(1120px,calc(100% - 40px));height:72px;margin:auto}.pb-back-button{padding:10px 0;border:0;background:transparent;color:#000;font-size:15px;font-weight:800;cursor:pointer}.pb-back-button:hover{color:var(--pb-cyan)}.pb-article-brand{color:var(--pb-cyan);font-size:14px;font-weight:800}.pb-article-container{width:min(1000px,calc(100% - 40px));margin:auto;padding:64px 0 75px}.pb-article-category{display:inline-block;margin-bottom:18px;padding:8px 14px;border-radius:999px;background:var(--pb-cyan);color:#fff;font-size:13px;font-weight:800}.pb-article-title{max-width:920px;margin:0 0 22px;font-size:clamp(38px,6vw,68px);line-height:1.08;letter-spacing:-2px;font-weight:800}.pb-article-meta{display:flex;flex-wrap:wrap;gap:12px 25px;margin-bottom:38px;color:var(--pb-grey);font-size:14px}.pb-article-hero{display:block;width:100%;max-height:630px;object-fit:cover;margin-bottom:42px;border-radius:28px;background:var(--pb-light)}.pb-article-body{max-width:790px;margin:auto}.pb-article-body p{margin:0 0 23px;color:#252525;font-size:18px;line-height:1.9}.pb-article-body a{color:var(--pb-cyan);font-weight:700;text-decoration:none}.pb-article-body a:hover{text-decoration:underline}.pb-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:38px 0}.pb-gallery img{width:100%;height:340px;object-fit:cover;border-radius:20px;background:var(--pb-light)}.pb-hashtags{margin-top:40px;padding:22px;border-left:5px solid var(--pb-cyan);border-radius:0 16px 16px 0;background:var(--pb-light);color:var(--pb-cyan);font-weight:700;line-height:1.8}
@media(max-width:1050px){.pb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-featured-content{width:69%}}@media(max-width:760px){.pb-container{width:min(100% - 24px,1320px)}.pb-header{padding:48px 0 30px}.pb-header h1{letter-spacing:-1px}.pb-featured{min-height:650px;border-radius:24px}.pb-featured-overlay{background:linear-gradient(0deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.86) 54%,rgba(0,0,0,.17) 100%)}.pb-featured-content{justify-content:flex-end;width:100%;min-height:650px;padding:245px 25px 90px}.pb-featured-title{font-size:36px;letter-spacing:-1px}.pb-featured-description{font-size:15px;line-height:1.65}.pb-dots{left:25px;bottom:34px}.pb-featured-controls{right:20px;bottom:22px}.pb-arrow{width:42px;height:42px}.pb-toolbar{align-items:flex-start;flex-direction:column}.pb-search{width:100%}.pb-grid{grid-template-columns:1fr;gap:22px}.pb-card-image-wrap{height:240px}.pb-pagination{padding-bottom:45px}.pb-article-title{letter-spacing:-1px}.pb-gallery{grid-template-columns:1fr}.pb-gallery img{height:280px}}@media(max-width:500px){.pb-page-information{width:100%;margin:9px 0 0;text-align:center}.pb-page-button{min-width:39px;height:39px;padding:0 11px;border-radius:10px;font-size:13px}.pb-article-brand{display:none}}@media(max-width:420px){.pb-featured{min-height:680px}.pb-featured-content{min-height:680px;padding-top:220px}.pb-featured-title{font-size:31px}.pb-featured-meta{display:none}}