.hero-section{display:block;background:#1e293b;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1400px;height:100%;background-image:url(/assets/wave-aura.png);background-size:cover;background-position:center;mask-image:radial-gradient(circle at center,black 0%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 80%);opacity:.4;mix-blend-mode:overlay;filter:grayscale(1) brightness(1.5);z-index:0;pointer-events:none}.hero-text-area{position:relative;z-index:1;background:transparent;color:#fff;padding:36px 0 24px}.hero-text-content{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.hero-text-left{flex:1;min-width:0}.hero-text-area h1{font-size:2.3rem;line-height:1.2;margin:0 0 16px;font-weight:900}.hero-text-area .accent{color:#0284c7}.hero-text-area p{font-size:1rem;opacity:.9;margin:0;line-height:1.8;color:#cbd5e1}.hero-text-right{flex:0 0 580px;display:flex;gap:20px}.tech-focus-card{display:block;width:280px;height:180px;position:relative;border-radius:4px;overflow:hidden;text-decoration:none;color:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1);background:#0f172a;border:1px solid rgba(56,189,248,.2)}.tech-focus-card:before,.tech-focus-card:after{content:"";position:absolute;width:12px;height:12px;z-index:3;pointer-events:none;transition:all .4s ease}.tech-focus-card:before{top:0;left:0;border-top:2px solid #ffffff;border-left:2px solid #ffffff}.tech-focus-card:after{bottom:0;right:0;border-bottom:2px solid #ffffff;border-right:2px solid #ffffff}.tech-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.35;transition:all .6s ease;filter:saturate(.5)}.tech-focus-card:hover .tech-card-bg{opacity:.6;transform:scale(1.15);filter:saturate(1)}.tech-card-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,#0f172a4d,#0f172acc)}.tech-card-content{position:relative;z-index:2;padding:20px;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.tech-focus-card:hover{border-color:#38bdf8cc;box-shadow:0 0 30px #0284c74d}.tech-focus-card:hover:before{transform:translate(-2px,-2px);border-color:#fff}.tech-focus-card:hover:after{transform:translate(2px,2px);border-color:#fff}.tech-label{display:inline-block;width:fit-content;font-size:.65rem;font-weight:800;color:#fff;background:#000;padding:3px 10px;border-radius:4px;letter-spacing:.1em;margin-bottom:0}.tech-focus-card .tech-title{font-size:1.1rem;font-weight:800;line-height:1.4;margin:4px 0 12px;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tech-arrow{margin-top:auto;margin-left:auto;width:fit-content;font-size:.7rem;color:#38bdf8;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid rgba(56,189,248,.3);padding-bottom:2px}.slider-section-bg{width:100%;background:#0f172a;padding:24px 0 32px;border-top:1px solid #1e293b}.slider-wrapper{width:100%;position:relative;overflow:hidden}.slider-track{display:flex;gap:40px;width:max-content;transition:transform .8s cubic-bezier(.25,1,.5,1)}.slider-item{position:relative;flex:0 0 480px;height:240px;border-radius:20px;overflow:hidden;box-shadow:0 15px 30px #00000080;flex-shrink:0;transform:translateZ(0)}.report-card{display:block;width:100%;height:100%;position:relative;text-decoration:none;background-color:#0f172a}.report-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.report-card:hover .report-card-bg{transform:scale(1.08)}.report-card-overlay{position:absolute;inset:-1px;background:linear-gradient(135deg,#0f172af2,#0f172a99 60%,#0f172a80);z-index:1}.report-card-content{position:relative;z-index:2;padding:40px;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;box-sizing:border-box}.report-label{display:inline-block;width:fit-content;font-size:.65rem;font-weight:800;letter-spacing:.1em;color:#fff;background:#000;padding:3px 10px;border-radius:4px;margin-bottom:8px}.report-title{font-size:1.6rem;font-weight:900;line-height:1.4;margin:0 0 12px;text-shadow:0 4px 12px rgba(0,0,0,.7);color:#fff}.report-description{font-size:.95rem;color:#ffffffe6;max-width:90%;line-height:1.6;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5)}.slider-dots{display:flex;justify-content:center;gap:12px;margin-top:24px;width:100%}.dot{width:24px;height:6px;border-radius:3px;background:#334155;border:none;cursor:pointer;transition:all .3s;padding:0}.dot.active{background:#0284c7;width:48px}.main-container{max-width:1200px;margin:0 auto;padding:16px 20px}.layout-grid{display:grid;grid-template-columns:1fr 320px;gap:40px}.main-content-area{min-width:0}.main-board{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px #0000000d}.archive-header{margin-bottom:32px;border-bottom:4px solid #1e293b;padding-bottom:12px}.section-title{font-size:1.8rem;font-weight:900;color:#1e293b;margin:0;display:flex;align-items:baseline;letter-spacing:-.02em}.feature-sub{font-size:.9rem;margin-left:12px;color:#64748b;font-weight:700}.post-list{display:flex;flex-direction:column;gap:32px;margin-bottom:32px}.post-card{text-decoration:none;color:inherit;display:flex;gap:24px;border-bottom:1px solid #f1f5f9;padding-bottom:32px;transition:all .2s}.post-card:hover{transform:translate(5px)}.post-card:hover .post-title{color:#0284c7}.image-wrapper{flex:0 0 280px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#f1f5f9}.image-wrapper img{width:100%;height:100%;object-fit:cover}.post-content{flex:1;min-width:0}.post-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.category{background:#1e293b;color:#fff;font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:4px;text-transform:uppercase}time{color:#64748b;font-size:.85rem;font-weight:600}.post-title{font-size:1.25rem;margin:0 0 10px;color:#0f172a;font-weight:800;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-description{font-size:.95rem;color:#475569;margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px}.page-number,.page-arrow{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border:2px solid #e2e8f0;border-radius:12px;text-decoration:none;color:#1e293b;font-weight:800;transition:all .2s}.page-number.active{background:#1e293b;color:#fff;border-color:#1e293b}.page-number:hover:not(.active){border-color:#0284c7;color:#0284c7}.feature-section{margin-top:40px}.feature-footer{margin-top:40px;text-align:center}.feature-all-btn{display:inline-block;padding:12px 32px;background:#f1f5f9;color:#475569;text-decoration:none;font-weight:800;font-size:.95rem;border-radius:12px;transition:all .2s}.feature-all-btn:hover{background:#1e293b;color:#fff}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.feature-banner{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/9;display:block;box-shadow:0 20px 25px -5px #0000001a}.feature-banner img{width:100%;height:100%;object-fit:cover;transition:.5s}.feature-banner:hover img{transform:scale(1.05)}.feature-overlay{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;background:linear-gradient(#0f172a66,#0f172acc);color:#fff}.feature-date,.feature-tag{font-size:.7rem;font-weight:800;color:#fffc;margin:0 0 2px;background:none;padding:0;border-radius:0;width:max-content;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.feature-title-text{font-size:1.6rem;font-weight:900;line-height:1.2;margin:0 0 5px;text-shadow:0 4px 12px rgba(0,0,0,.8);max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feature-description{font-size:.78rem;line-height:1.4;color:#ffffffb3;margin:0 0 5px;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.5)}.feature-link{align-self:flex-end;margin-top:auto;font-size:.75rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.15em;transition:all .3s}.feature-banner:hover .feature-link{color:#38bdf8;text-decoration:underline}.slider-arrow{position:absolute;top:0;bottom:0;width:60px;background:#fff6;border:none;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;color:#0f172a;transition:all .3s ease;opacity:0}.slider-wrapper:hover .slider-arrow{opacity:1}.slider-arrow:hover{background:#ffffffd9;width:70px}.slider-arrow.prev{left:0;background:linear-gradient(to right,#fff9,#ffffff1a)}.slider-arrow.next{right:0;background:linear-gradient(to left,#fff9,#ffffff1a)}.slider-arrow svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .2s ease}.slider-arrow.prev:hover svg{transform:translate(-3px)}.slider-arrow.next:hover svg{transform:translate(3px)}@media(max-width:768px){.slider-arrow{display:none}.hero-text-content{flex-direction:column;align-items:flex-start;gap:24px}.hero-text-left,.hero-text-right{width:100%;flex:none}.hero-text-right{display:flex;flex-direction:column;gap:16px}.hero-text-area h1{font-size:2rem;line-height:1.2;margin-bottom:16px}.hero-text-area p{font-size:.95rem;line-height:1.6;margin-top:0}.tech-focus-card{width:100%;height:180px}}.search-layout-wrapper{margin-bottom:40px}.search-container{position:relative;width:100%}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:#94a3b8;pointer-events:none}#searchInput{width:100%;padding:16px 20px 16px 54px;font-size:1.1rem;border:2px solid #e2e8f0;border-radius:16px;background-color:#fff;color:#1e293b;box-shadow:0 10px 15px -3px #0000000d;transition:all .3s;box-sizing:border-box}#searchInput:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 4px #0284c71a}@media(max-width:1024px){.layout-grid{grid-template-columns:1fr}.hero-text-content{flex-direction:column;align-items:flex-start}.hero-text-right{width:100%;display:flex;justify-content:center}.slider-item{width:440px}.image-wrapper{flex:0 0 200px}}