*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#fff;background:linear-gradient(135deg,#1a202c,#2d3748,#1a202c);line-height:1.8;transition:all .3s ease;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(184,209,228,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(66,153,225,.15) 0%,transparent 50%);z-index:0;animation:slowPulse 15s infinite alternate ease-in-out}html,body{height:100%;overflow-x:hidden}#app{height:100%;position:relative;z-index:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.n-layout{min-height:100vh}.navbar{background-color:#1a202c;box-shadow:0 2px 10px #0000001a}.nav-menu{margin-left:auto}:deep(.n-menu-horizontal){background-color:transparent}:deep(.n-menu-item){color:#fff;font-size:16px;transition:all .3s ease;position:relative}:deep(.n-menu-item::after){content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--primary-color);transform:translate(-50%);transition:width .3s ease}:deep(.n-menu-item:hover){color:var(--primary-color)}:deep(.n-menu-item:hover::after){width:80%}:deep(.n-menu-item-active){color:var(--primary-color)}:deep(.n-menu-item-active::after){width:80%}.hero{background:linear-gradient(#1a202ccc,#1a202ccc),url(/hero-bg.jpg);background-size:cover;background-position:center;padding:150px 0;text-align:center}.hero-title{font-size:48px;font-weight:700;margin-bottom:20px;animation:fadeInUp 1s ease-out;color:#fff}.hero-subtitle{font-size:20px;margin-bottom:40px;opacity:.9;animation:fadeInUp 1s ease-out .2s both;color:#fff}.hero-buttons{display:flex;gap:20px;justify-content:center;animation:fadeInUp 1s ease-out .4s both}:deep(.n-button){border-radius:8px;transition:all .3s ease;font-weight:500;letter-spacing:.5px;text-transform:uppercase;padding:12px 24px}:deep(.n-button-primary){background:linear-gradient(145deg,#4299e1,#3182ce);border-color:#4299e1;box-shadow:0 4px 12px #4299e14d;position:relative;overflow:hidden}:deep(.n-button-primary::before){content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}:deep(.n-button-primary:hover::before){width:300px;height:300px}:deep(.n-button-primary:hover){background:linear-gradient(145deg,#3182ce,#2b6cb0);border-color:#3182ce;transform:translateY(-4px);box-shadow:0 12px 25px #4299e180;animation:pulse 2s infinite}:deep(.n-button-secondary){background:transparent;color:#fff;border-color:#ffffff80}:deep(.n-button-secondary:hover){background:#ffffff1a;color:#fff;border-color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #ffffff26}.section-title{font-size:40px;font-weight:700;text-align:center;margin-bottom:30px;color:#4299e1;letter-spacing:1px;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent,#4299e1,transparent)}.about-section{padding:120px 0;background:linear-gradient(180deg,#1a202c,#2d3748);position:relative}.about-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#4299e1,transparent)}.about-intro{text-align:center;font-size:18px;max-width:800px;margin:0 auto 60px;opacity:1;color:#fff;line-height:1.8;padding:0 20px}.about-card{background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid rgba(66,153,225,.2);border-radius:16px;transition:all .4s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden}.about-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.about-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #4299e133;background:linear-gradient(145deg,#ffffff14,#ffffff0a);border-color:var(--primary-color)}.about-card:hover:before{transform:scaleX(1)}:deep(.n-descriptions-item-label){color:#4299e1;font-weight:500;padding-right:12px;margin-bottom:0}:deep(.n-descriptions-item-content){color:#fff!important;margin-top:0;margin-bottom:8px}:deep(.n-descriptions-item){padding-bottom:16px;margin-bottom:8px;color:#fff!important}:deep(.n-heading){margin-top:0;color:#fff;letter-spacing:.5px}:deep(.n-text){color:#fff;line-height:1.8}:deep(.n-card-content){padding:20px}.lab-section{padding:120px 0;background:linear-gradient(180deg,#2d3748,#1a202c);position:relative}.lab-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#4299e1,transparent)}.lab-card{background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid rgba(66,153,225,.2);border-radius:16px;transition:all .4s ease;overflow:hidden;position:relative}.lab-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.lab-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #4299e133;border-color:var(--primary-color)}.lab-card:hover:before{transform:scaleX(1)}.footer{background-color:#1a202c;padding:40px 0;border-top:1px solid rgba(255,255,255,.1)}.footer-text{margin:0;color:#fff}@media(max-width:768px){.hero{padding:100px 0}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.section-title{font-size:28px}.about-section,.lab-section{padding:60px 0}:deep(.n-menu-horizontal){font-size:14px}:deep(.n-button){font-size:14px}}@media(max-width:480px){.hero-title{font-size:28px}.hero-subtitle{font-size:16px}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .n-button{width:200px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slowPulse{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.05)}}@keyframes pulse{0%{box-shadow:0 0 #4299e166}70%{box-shadow:0 0 0 10px #4299e100}to{box-shadow:0 0 #4299e100}}:root{--primary-color: #4299e1;--primary-hover: #63b3ed;--text-primary: #ffffff;--text-secondary: #cbd5e0;--bg-primary: #1a202c;--bg-secondary: #2d3748;--border-color: rgba(255, 255, 255, .1);--shadow-light: 0 4px 20px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 30px rgba(66, 153, 225, .2)}.lab-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:50px}.lab-image-container{border-radius:16px 16px 0 0;overflow:hidden;transition:transform .3s ease;position:relative;height:280px}.lab-image{width:100%;height:100%;object-fit:cover;transition:all .5s ease;border-radius:16px 16px 0 0}.lab-card:hover .lab-image{transform:scale(1.05);filter:brightness(1.1) saturate(1.1)}.lab-card:hover .lab-image-container{box-shadow:0 10px 30px #4299e14d}.lab-image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 60%,rgba(66,153,225,.1) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.lab-card:hover .lab-image-container:before{opacity:1}.lab-caption{font-size:18px;font-weight:700;margin:0;color:#fff;letter-spacing:.5px;transition:all .3s ease;padding:20px 0;text-align:center;text-transform:uppercase}.font-bold{font-weight:700}.text-center{text-align:center}.footer{background:linear-gradient(180deg,#1a202c,#171923);padding:40px 0;text-align:center;color:#ffffffb3;font-size:14px;border-top:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.nav-links{gap:15px}.nav-links a{font-size:14px}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.about-cards,.lab-gallery{grid-template-columns:1fr}.lab-image img{height:250px}}@media(max-width:480px){.navbar .container{flex-direction:column;gap:15px}.hero{padding:100px 0}.hero-title{font-size:28px}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:200px}}html{scroll-behavior:smooth}.card,.lab-image{animation:fadeInUp .8s ease-out}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.lab-image:nth-child(1){animation-delay:.1s}.lab-image:nth-child(2){animation-delay:.2s}.lab-image:nth-child(3){animation-delay:.3s}.lab-image:nth-child(4){animation-delay:.4s}#app{width:100%;height:100vh;margin:0;padding:0}