.section{z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 60px;display:flex;position:relative}h1{text-transform:uppercase;letter-spacing:2px;margin-bottom:40px;font-size:4.5em;font-weight:700;position:relative}h1:before{content:"";background:linear-gradient(90deg,#9370db,orange);border-radius:2px;width:60px;height:4px;transition:width .4s,transform .4s;position:absolute;bottom:-15px;left:0}h1:hover:before{width:120px;transform:translate(10px)}.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:before{content:"";background:linear-gradient(#9370db,orange);width:4px;height:0;transition:height .4s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.research-item:hover:before{height:80%}.research-item:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;transform:translateY(-5px);box-shadow:0 15px 30px #0000004d}.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:orange}@media only screen and (max-width:768px){.section{margin-top:40px;padding:80px 20px}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){h1{font-size:2.2em}h1:before{width:40px;bottom:-10px}h1:hover:before{width:80px}.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)}}