*{box-sizing:border-box}.portfolio-main{max-width:1000px;margin:auto;padding:0 16px}.portfolio-row{display:flex;flex-wrap:wrap;gap:16px;margin:10px 0}.portfolio-col{display:none;flex:1 1 30%;max-width:32%;opacity:0;transition:all 0.3s ease;position:relative;margin-bottom:2rem}.portfolio-col.portfolio-show{display:flex;flex-direction:column;opacity:1;box-shadow:0 4px 12px rgb(0 0 0 / .1)}.portfolio-col:hover{box-shadow:0 8px 16px rgb(0 0 0 / .15);transform:translateY(-5px)}.portfolio-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;width:100%;transition:transform 0.2s}.fadebox{opacity:0;transition:opacity 0.3s ease,transform 0.3s ease;font-size:.95rem;color:#585858;background-color:rgb(255 255 255 / .9);padding:.8rem 1rem;border-radius:8px;text-align:center;margin-top:.5rem;box-shadow:0 2px 6px rgb(0 0 0 / .1);transform:translateY(4px)}.portfolio-col:hover .fadebox{opacity:1;transform:translateY(0)}.greentext{font-weight:600;color:#2e8b57;margin:.5rem 0 0;font-size:1rem;transition:color 0.3s ease}.portfolio-col:hover .greentext{color:#226a42}#myBtnContainer{text-align:center;margin:2rem 0;padding:1rem}.filter-btn,.refresh-btn{border:none;outline:none;padding:10px 16px;background:rgb(0 230 118 / .1);color:#a7ffeb;border:1px solid #00e676;border-radius:6px;font-family:'Sansation',sans-serif;font-size:1rem;cursor:pointer;transition:all 0.3s ease;margin:0 6px}.filter-btn:hover,.refresh-btn:hover{background:rgb(0 230 118 / .3);box-shadow:0 0 10px rgb(0 230 118 / .4);transform:translateY(-1px)}.filter-btn.active{background:rgb(0 230 118 / .4);color:#fff;box-shadow:0 0 14px rgb(0 230 118 / .5);font-weight:500;border-color:#00e676}.tech-audit-container h2{font-family:'Sansation',Tahoma,Verdana,sans-serif;text-align:center;font-size:2.2em;color:#a7ffeb;margin-bottom:10px;text-shadow:0 0 10px rgb(0 230 118 / .4)}.tech-audit-container p.lead{text-align:center;font-size:1.2em;color:#b2dfdb;margin-bottom:20px}.tech-audit-container{position:relative;z-index:10;max-width:1100px;margin:60px auto;padding:40px 30px 20px;background:rgb(20 30 48 / .85);backdrop-filter:blur(10px);border-radius:16px 16px 0 0;color:#e0f7fa;line-height:1.8;box-shadow:0 8px 32px rgb(0 0 0 / .4);border:1px solid rgb(0 230 118 / .3)}.tech-section{margin-top:-10px;padding:30px 20px 20px;background:rgb(0 20 10 / .4);border-radius:0 0 12px 12px;border-top:1px solid rgb(0 230 118 / .2);box-shadow:0 4px 16px rgb(0 0 0 / .3);text-align:center}.tech-section .sansation-light-italic{color:#a7ffeb;font-size:1.1em;margin-bottom:12px;text-shadow:0 0 8px rgb(0 230 118 / .3)}#performance-trend{max-width:100%;height:auto;display:block;margin:0 auto 16px;border-radius:8px;background:rgb(10 26 42 / .6);border:1px solid rgb(0 230 118 / .3);box-shadow:0 0 12px rgb(0 230 118 / .2)}#performance-trend:hover{box-shadow:0 0 20px rgb(0 230 118 / .4);transform:translateY(-1px);transition:all 0.3s ease}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px;margin:50px 0;text-align:center;justify-content:center;justify-items:center;align-items:start}@media (min-width:1200px){.metrics-grid{grid-template-columns:repeat(5,1fr);max-width:1150px;margin:50px auto}}.progress-circle{--value:0%;--size:60px;--thickness:12px;width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(#00e676 var(--value),#0d47a1 0);position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 0 20px rgb(0 230 118 / .2);z-index:1;transition:background 1.2s ease}.progress-circle::before{content:'';position:absolute;width:calc(var(--size) - var(--thickness) * 2);height:calc(var(--size) - var(--thickness) * 2);background:#0a1a2a;border-radius:50%;z-index:1}.progress-circle::after{content:attr(data-value) '%';position:relative;z-index:2;font-size:1.4em;font-family:'Sansation',sans-serif;font-weight:300;color:#a7ffeb;text-shadow:0 0 5px rgb(0 230 118 / .7)}.brave-badge{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:#2d3748;text-decoration:none;border:1px solid rgb(0 230 118 / .2);padding:6px 10px;border-radius:6px;background:#fff0;transition:all 0.2s}.brave-badge:hover{background:#fff0;border-color:#4285f4;transform:translateY(-1px)}.notification{position:fixed;top:20px;right:20px;background:#2d3748;color:#fff;padding:12px 16px;border-radius:6px;font-size:14px;z-index:10000;box-shadow:0 2px 8px rgb(0 0 0 / .2);animation:fadeOut 3s forwards}.notification2{position:fixed;top:20px;right:20px;background:#0a1a2a;color:#a7ffeb;padding:12px 20px;border:1px solid #00e676;border-radius:6px;font-size:14px;z-index:9999;opacity:0;transition:opacity 0.3s ease;box-shadow:0 2px 8px rgb(0 0 0 / .3);font-family:'Sansation',sans-serif;white-space:nowrap;pointer-events:none}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}80%{opacity:1}100%{opacity:0;transform:translateY(-10px)}}.job-location,.job-type,.job-salary,.job-date{color:#ccc;font-size:.9em;margin:4px 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--primary-color:#64ffda;--text-color:#ccc;--bg-dark:#1a1a1a;--border-color:#444;--spacing-sm:8px;--spacing-md:16px}.job-listing{background-color:#1a1a1a;border:1px solid #444;border-radius:8px;padding:16px;margin-bottom:16px}.job-title{color:#64ffda;font-size:1.2em;margin:0 0 8px 0}.performance-metric{color:#d4d3d3;text-shadow:2px 2px 5px blueviolet;transition:color 1.3s,text-shadow 1.8s;cursor:default}.biotechcenter .sansation-light-italic{color:#a7ffeb;font-size:1.1em;margin-bottom:8px}#performance-score{font-size:25px;color:#a7ffeb;text-shadow:1px 1px 2px rgb(0 0 0 / .4),0 0 25px rgb(76 76 231 / .315),0 0 5px rgb(6 6 150 / .301);display:block;margin:8px 0 12px;font-family:'Sansation',sans-serif;font-weight:300;letter-spacing:.5px}.biotechcenter .lead{color:#b2dfdb;font-size:.9em;margin-top:8px;font-style:italic;text-align:center;line-height:1.4}.action-btn{margin-top:12px;padding:8px 18px;background:rgb(103 58 183 / .1);color:#b39ddb;border:1px solid #7c4dff;border-radius:6px;font-family:'Sansation',sans-serif;font-size:.95em;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 1px 4px rgb(0 0 0 / .2)}.action-btn:hover{background:rgb(103 58 183 / .3);box-shadow:0 0 10px rgb(124 77 255 / .4);transform:translateY(-1px);border-color:#b39ddb}.action-btn:active{transform:translateY(0)}.action-btn:focus{outline:none;box-shadow:0 0 0 3px rgb(124 77 255 / .3)}.metric{opacity:0;transform:translateY(10px);animation:fadeInUp 0.6s ease forwards}.metric:nth-child(1){animation-delay:0.1s}.metric:nth-child(2){animation-delay:0.2s}.metric:nth-child(3){animation-delay:0.3s}.metric:nth-child(4){animation-delay:0.4s}.metric:nth-child(5){animation-delay:0.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}#trend-indicator{transition:transform 0.3s ease,color 0.3s ease;display:inline-block;width:16px;height:16px;text-align:center;margin-left:6px;font-size:1.2em;vertical-align:middle}#trend-indicator:hover{transform:scale(1.3)}@media (max-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:30px 0}.metric p{font-size:.95em}.tech-audit-container{margin:30px auto;padding:20px 15px 10px;border-radius:12px}.tech-section{padding:20px 15px;border-radius:0 0 10px 10px}#performance-trend{max-height:200px}.portfolio-col{flex:1 1 45%;max-width:45%}#myBtnContainer .btn,.refresh-btn{padding:8px 12px;font-size:.9em;margin:2px 4px}.action-btn{font-size:.9em;padding:8px 16px;gap:6px}.portfolio-main{padding:0 12px}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr;gap:12px;margin:20px 0}.metric p{font-size:.9em}.tech-audit-container h2{font-size:1.8em}.tech-audit-container{margin:20px auto;padding:16px 12px 8px;border-radius:10px}.tech-section{padding:16px 12px;border-radius:0 0 8px 8px}#performance-trend{max-height:180px}.portfolio-col{flex:1 1 100%;max-width:100%}#myBtnContainer{padding:.8rem}#myBtnContainer .btn,.refresh-btn{padding:6px 10px;font-size:.85em;margin:2px 3px}.action-btn{font-size:.85em;padding:6px 12px;gap:4px}.brave-badge{font-size:.8em;padding:4px 8px;gap:4px}.notification{font-size:13px;padding:10px 14px}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}