.section{z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 60px;display:flex;position:relative}.section.research h1{text-transform:uppercase;letter-spacing:2px;margin-bottom:40px;font-size:4.5em;font-weight:700;position:relative}.research-list{z-index:15;width:100%;max-width:800px;margin-top:40px;padding:0;list-style:none;position:relative}.research-item{cursor:pointer;color:inherit;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:20px;text-decoration:none;transition:transform .4s,box-shadow .4s,background .4s;display:block;position:relative;overflow:hidden}.research-item:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--dw-accent-border);background:#ffffff14;transform:translateY(-5px);box-shadow:0 18px 50px #00000073,inset 0 0 0 1px #a78bfa14}.research-item-content{z-index:2;padding:25px;transition:transform .3s;position:relative}.research-item:hover .research-item-content{transform:translate(10px)}.research-item h3{color:#fff;margin-bottom:10px;padding:0 5px;font-size:1.6em;font-weight:600}.research-item p{color:#ccc;padding:0 5px 10px;font-size:1em;line-height:1.6}.research-date{color:#9370db;opacity:.8;padding:0 5px;font-size:.9em;display:block}.bg-shape{opacity:.1;pointer-events:none;z-index:5;position:absolute}.circle{border-radius:50%}.triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.pentagon{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.purple{background:#9370db}.orange{background:var(--gold-metal)}@media only screen and (max-width:768px){.section{margin-top:40px;padding:80px 20px}.section.research h1{margin-bottom:30px;font-size:2.5em}.research-list{max-width:100%}.research-item h3{font-size:1.4em}.research-item p{font-size:.9em}.research-date{font-size:.85em}.bg-shape{opacity:.05;transform:scale(.7)}}@media only screen and (max-width:480px){.section.research h1{font-size:2.2em}.research-item-content{padding:15px}.research-item h3{margin-bottom:8px}.research-item:hover{transform:translateY(-3px)}.research-item:hover .research-item-content{transform:translate(5px)}}