.navigation{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);z-index:1000;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;font-family:Forum,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.nav-logo-img{height:40px;width:auto;border-radius:6px}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;padding:.5rem 0;font-family:Forum,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.nav-link:hover,.nav-link.active{color:#f0f0f0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:white;transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;font-family:Forum,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}@media (max-width: 768px){.nav-menu{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:rgba(102,126,234,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:2rem;transition:left .3s ease;gap:1rem}.nav-menu.active{left:0}.nav-link{font-size:1.2rem;padding:1rem 0}.nav-toggle{display:block}}.hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 20px 60px;position:relative;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/geppi-headshot.jpg.jpg);background-size:cover;background-position:center 30%;background-repeat:no-repeat;opacity:.65;z-index:1}.hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.9) 0%,rgba(118,75,162,.8) 50%,rgba(102,126,234,.95) 100%);z-index:2}.hero-content{max-width:1000px;width:100%;margin:0 auto;position:relative;z-index:3}.hero-text{margin-bottom:3rem}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2;animation:fadeInUp 1s ease}.highlight{background:linear-gradient(45deg,var(--secondary-300),var(--accent-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-subtitle{font-size:1.8rem;font-weight:400;margin-bottom:1.5rem;opacity:.9;animation:fadeInUp 1s ease .2s both;color:var(--neutral-100)}.hero-description{font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;opacity:.8;animation:fadeInUp 1s ease .4s both;color:var(--neutral-200)}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease .6s both}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-top:3rem;animation:fadeInUp 1s ease .8s both}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;border-radius:15px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;min-width:120px}.stat-item:hover{transform:translateY(-5px);border-color:var(--secondary-300);box-shadow:0 10px 25px #0003}.stat-item:nth-child(1){border-color:var(--secondary-300)}.stat-item:nth-child(2){border-color:var(--accent-300)}.stat-item:nth-child(3){border-color:var(--warning-300)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--neutral-100);margin-bottom:.5rem}.stat-item:nth-child(1) .stat-number{color:var(--secondary-300)}.stat-item:nth-child(2) .stat-number{color:var(--accent-300)}.stat-item:nth-child(3) .stat-number{color:var(--warning-300)}.stat-label{font-size:.9rem;opacity:.8;text-transform:uppercase;letter-spacing:1px;color:var(--neutral-200)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;animation:bounce 2s infinite;color:var(--secondary-300);z-index:3}.scroll-indicator:hover{transform:translate(-50%) translateY(-5px);color:var(--secondary-200)}.scroll-indicator svg{font-size:1.5rem;margin-bottom:.5rem}.scroll-indicator span{font-size:.9rem;opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.4rem}.hero-description{font-size:1rem}.hero-stats{gap:1rem;flex-wrap:wrap}.stat-item{min-width:100px;padding:.75rem}.stat-number{font-size:2rem}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:200px}.scroll-indicator{bottom:10px;transform:translate(-50%) scale(.85);position:fixed}.scroll-indicator:hover{transform:translate(-50%) translateY(-3px) scale(.85)}.scroll-indicator svg{font-size:1.1rem;margin-bottom:.2rem}.scroll-indicator span{font-size:.75rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0) scale(.9)}40%{transform:translate(-50%) translateY(-8px) scale(.9)}60%{transform:translate(-50%) translateY(-4px) scale(.9)}}}@media (max-width: 480px){.hero{padding:60px 15px 40px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:.9rem}.scroll-indicator{bottom:5px;transform:translate(-50%) scale(.75);position:fixed}.scroll-indicator:hover{transform:translate(-50%) translateY(-2px) scale(.75)}.scroll-indicator svg{font-size:.9rem;margin-bottom:.15rem}.scroll-indicator span{font-size:.65rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0) scale(.75)}40%{transform:translate(-50%) translateY(-5px) scale(.75)}60%{transform:translate(-50%) translateY(-2px) scale(.75)}}}@media (max-width: 360px){.scroll-indicator{bottom:2px;transform:translate(-50%) scale(.7)}.scroll-indicator:hover{transform:translate(-50%) translateY(-1px) scale(.7)}.scroll-indicator svg{font-size:.8rem;margin-bottom:.1rem}.scroll-indicator span{font-size:.6rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0) scale(.7)}40%{transform:translate(-50%) translateY(-4px) scale(.7)}60%{transform:translate(-50%) translateY(-2px) scale(.7)}}}.about{padding:60px 20px;background:rgba(255,255,255,.05)}.container{max-width:1200px;margin:0 auto}.about .section-subtitle{margin-left:auto;margin-right:auto;display:block}.carousel-container{margin-top:2rem;position:relative}.carousel-navigation{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.nav-dot{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--neutral-200);padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem}.nav-dot:hover{background:rgba(255,255,255,.2);color:var(--neutral-100);transform:translateY(-2px)}.nav-dot.active{background:linear-gradient(45deg,var(--primary-500),var(--primary-700));border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.carousel-content{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.carousel-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--neutral-100);width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.carousel-btn:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff;transform:scale(1.1)}.carousel-btn:disabled{opacity:.5;cursor:not-allowed}.carousel-slide{flex:1;background:rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);min-height:400px;display:flex;flex-direction:column;position:relative;overflow:hidden}.carousel-slide:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--secondary-400),var(--accent-400))}.slide-title{font-size:2rem;margin-bottom:1.5rem;color:var(--neutral-100);text-align:center}.slide-content{flex:1;display:flex;flex-direction:column;justify-content:center}.journey-content{display:flex;flex-direction:column;gap:2rem}.journey-text p{font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem;color:var(--neutral-200);text-align:center}.journey-highlights{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.highlight-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:rgba(255,255,255,.1);border-radius:15px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;min-width:120px}.highlight-item:hover{transform:translateY(-5px);border-color:var(--secondary-300);box-shadow:0 10px 25px #0003}.highlight-number{font-size:2.5rem;font-weight:700;color:var(--secondary-300);margin-bottom:.5rem}.highlight-label{font-size:.9rem;color:var(--neutral-200);text-transform:uppercase;letter-spacing:1px;font-weight:500}.strengths-content{width:100%}.strengths-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.strength-card{background:rgba(255,255,255,.1);padding:1.5rem;border-radius:15px;border:1px solid rgba(255,255,255,.2);text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.strength-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-500)}.strength-card:nth-child(1):before{background:var(--secondary-500)}.strength-card:nth-child(2):before{background:var(--accent-500)}.strength-card:nth-child(3):before{background:var(--warning-500)}.strength-card:nth-child(4):before{background:var(--success-500)}.strength-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003;border-color:var(--secondary-300)}.strength-icon{font-size:2.5rem;color:var(--primary-500);margin-bottom:1rem}.strength-card:nth-child(1) .strength-icon{color:var(--secondary-400)}.strength-card:nth-child(2) .strength-icon{color:var(--accent-400)}.strength-card:nth-child(3) .strength-icon{color:var(--warning-400)}.strength-card:nth-child(4) .strength-icon{color:var(--success-400)}.strength-card h5{font-size:1.2rem;margin-bottom:.5rem;color:var(--neutral-100)}.strength-card p{font-size:.9rem;line-height:1.5;color:var(--neutral-200)}.skills-content{width:100%}.skills-intro{font-size:1rem;line-height:1.6;color:var(--neutral-200);margin-bottom:2rem;text-align:center}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.skill-item{background:rgba(255,255,255,.1);padding:1rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.skill-item:hover{border-color:var(--secondary-300);transform:translate(5px)}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skill-name{font-weight:600;color:var(--neutral-100)}.skill-level{font-size:.9rem;color:var(--neutral-300)}.skill-bar{height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(45deg,var(--primary-500),var(--primary-700));border-radius:4px;transition:width 1s ease}.skill-item:nth-child(3n+1) .skill-progress{background:linear-gradient(45deg,var(--secondary-500),var(--secondary-700))}.skill-item:nth-child(3n+2) .skill-progress{background:linear-gradient(45deg,var(--accent-500),var(--accent-700))}.skill-item:nth-child(3n+3) .skill-progress{background:linear-gradient(45deg,var(--warning-500),var(--warning-700))}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.indicator{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3);border:none;cursor:pointer;transition:all .3s ease}.indicator:hover{background:rgba(255,255,255,.5)}.indicator.active{background:var(--primary-500);transform:scale(1.2)}@media (max-width: 768px){.carousel-content{flex-direction:column;gap:1rem}.carousel-btn{width:40px;height:40px}.carousel-slide{padding:1.5rem;min-height:350px}.slide-title{font-size:1.5rem}.journey-highlights{gap:1rem}.highlight-item{min-width:100px;padding:1rem}.highlight-number{font-size:2rem}.strengths-grid,.skills-grid{grid-template-columns:1fr}.nav-dot{padding:.5rem 1rem;font-size:.8rem}.carousel-navigation{gap:.5rem}}.projects{padding:100px 20px;background:rgba(255,255,255,.02)}.projects .section-subtitle{margin-left:auto;margin-right:auto;display:block}.filter-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn:hover,.filter-btn.active{background:linear-gradient(45deg,var(--primary-500),var(--primary-700));border-color:transparent;transform:translateY(-2px)}.filter-btn:nth-child(2):hover,.filter-btn:nth-child(2).active{background:linear-gradient(45deg,var(--secondary-500),var(--secondary-700))}.filter-btn:nth-child(3):hover,.filter-btn:nth-child(3).active{background:linear-gradient(45deg,var(--accent-500),var(--accent-700))}.filter-btn:nth-child(4):hover,.filter-btn:nth-child(4).active{background:linear-gradient(45deg,var(--warning-500),var(--warning-700))}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.project-card{background:rgba(255,255,255,.1);border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-500);z-index:1}.project-card:nth-child(3n+1):before{background:var(--secondary-500)}.project-card:nth-child(3n+2):before{background:var(--accent-500)}.project-card:nth-child(3n+3):before{background:var(--warning-500)}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d;border-color:var(--secondary-300)}.project-thumbnail{position:relative;overflow:hidden;height:200px}.project-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-thumbnail img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(102,126,234,.9);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.project-card:nth-child(3n+1) .project-overlay{background:rgba(49,151,149,.9)}.project-card:nth-child(3n+2) .project-overlay{background:rgba(229,62,62,.9)}.project-card:nth-child(3n+3) .project-overlay{background:rgba(245,158,11,.9)}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-link{display:flex;flex-direction:column;align-items:center;color:#fff;text-decoration:none;padding:1rem;border-radius:10px;background:rgba(255,255,255,.2);transition:all .3s ease}.project-link:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.project-link svg{font-size:1.5rem;margin-bottom:.5rem}.project-link span{font-size:.9rem;font-weight:500}.project-content{padding:1.5rem}.project-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:var(--neutral-100)}.project-description{font-size:.95rem;line-height:1.6;margin-bottom:1rem;opacity:.9;color:var(--neutral-200)}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.project-tag{background:rgba(255,255,255,.2);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:500;transition:all .3s ease}.project-tag:hover{background:var(--secondary-400);transform:translateY(-1px)}.project-tag:nth-child(3n+1){background:rgba(49,151,149,.3);border:1px solid rgba(49,151,149,.5)}.project-tag:nth-child(3n+2){background:rgba(229,62,62,.3);border:1px solid rgba(229,62,62,.5)}.project-tag:nth-child(3n+3){background:rgba(245,158,11,.3);border:1px solid rgba(245,158,11,.5)}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}.filter-buttons{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.9rem}.project-card{margin:0 .5rem}}.outcomes{padding:60px 20px;background:rgba(255,255,255,.05)}.outcomes .section-subtitle{margin-left:auto;margin-right:auto;display:block}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem;max-width:900px;margin-left:auto;margin-right:auto}.metric-card{background:rgba(255,255,255,.1);padding:1.5rem;border-radius:15px;text-align:center;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.metric-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0003}.metric-icon{font-size:3rem;color:#667eea;margin-bottom:1rem}.metric-number{font-size:3rem;font-weight:700;color:#fff;margin-bottom:.5rem;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-label{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:1rem}.metric-description{font-size:.9rem;line-height:1.5;opacity:.8}.cta-section{text-align:center;margin-top:2rem}.learn-more-btn{font-size:1.1rem;padding:1rem 2rem;border-radius:50px;background:linear-gradient(45deg,var(--primary-500),var(--primary-700));border:none;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:none;letter-spacing:.5px}.learn-more-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000004d;background:linear-gradient(45deg,var(--primary-600),var(--primary-800))}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr;gap:1.5rem;max-width:100%}.metric-number,.metric-icon{font-size:2.5rem}.learn-more-btn{font-size:1rem;padding:.875rem 1.75rem}}.resume-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.resume-modal{background:white;border-radius:15px;max-width:90vw;max-height:90vh;width:800px;animation:slideIn .3s ease;overflow:hidden;box-shadow:0 20px 40px #0000004d}.resume-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(45deg,var(--primary-500),var(--primary-700));color:#fff}.resume-modal-header h3{margin:0;font-size:1.5rem;font-weight:600}.resume-modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.resume-modal-close:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.resume-modal-content{padding:0;height:600px;overflow:hidden}@media (max-width: 768px){.resume-modal{width:95vw;max-height:95vh}.resume-modal-header{padding:1rem 1.5rem}.resume-modal-header h3{font-size:1.2rem}.resume-modal-content{height:500px}}.quiz{padding:60px 20px;background:rgba(255,255,255,.02)}.quiz .section-subtitle{margin-left:auto;margin-right:auto;display:block}.quiz-container{max-width:800px;margin:0 auto;background:rgba(255,255,255,.1);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2)}.quiz-progress{margin-bottom:2rem;text-align:center}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:4px;transition:width .5s ease}.progress-text{font-size:.9rem;opacity:.8}.question-container{text-align:center}.question-text{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:#fff;line-height:1.4}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;max-width:600px;margin:0 auto}.option-button{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);color:#fff;padding:1.2rem;border-radius:15px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;text-align:center}.option-button:hover{background:linear-gradient(45deg,#667eea,#764ba2);border-color:transparent;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.quiz-result{text-align:center;max-width:800px;margin:0 auto}.result-icon{font-size:4rem;color:#667eea;margin-bottom:1.5rem}.quiz-result h3{font-size:2rem;font-weight:600;margin-bottom:1rem;color:#fff}.result-description{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.result-recommendation{background:rgba(255,255,255,.1);padding:1.5rem;border-radius:15px;border:1px solid rgba(255,255,255,.2);margin-bottom:1.5rem}.check-icon{font-size:1.5rem;color:#4caf50;margin-bottom:.75rem}.result-recommendation h4{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:#fff}.result-recommendation p{font-size:.9rem;line-height:1.5;opacity:.9}.results-breakdown{margin:1.5rem 0;text-align:center;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.result-item:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;max-width:400px}.result-item{background:rgba(255,255,255,.1);border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.result-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003;border-color:var(--secondary-300)}.result-question h4{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.25rem;line-height:1.3}.result-answer{font-size:.85rem;color:var(--secondary-300);margin-bottom:.75rem;font-weight:500}.result-rationale{background:rgba(255,255,255,.05);padding:.75rem;border-radius:8px;border-left:2px solid var(--secondary-400)}.result-rationale strong{color:#fff;font-size:.8rem;display:block;margin-bottom:.25rem}.result-rationale p{font-size:.8rem;line-height:1.4;color:#ffffffe6;margin:0}.quiz-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}@media (max-width: 768px){.quiz-container{padding:2rem 1.5rem}.question-text{font-size:1.3rem}.options-grid{grid-template-columns:1fr}.option-button{padding:1.2rem}.quiz-result h3{font-size:1.5rem}.result-icon{font-size:3rem}.quiz-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:200px}.results-breakdown{grid-template-columns:1fr;gap:1rem}.result-item{padding:.875rem}.result-question h4{font-size:.9rem}.result-rationale{padding:.625rem}.result-rationale p{font-size:.8rem}}.contact{padding:60px 20px;background:rgba(255,255,255,.05)}.contact .section-subtitle{margin-left:auto;margin-right:auto;display:block}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.contact-info h3{font-size:2rem;margin-bottom:1.5rem;color:var(--neutral-100)}.contact-info p{font-size:1.1rem;line-height:1.7;margin-bottom:2rem;opacity:.9;color:var(--neutral-200)}.social-links h4{font-size:1.3rem;margin-bottom:1.5rem;color:var(--neutral-100)}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.social-link{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.1);border-radius:10px;text-decoration:none;color:#fff;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-500)}.social-link:nth-child(1):before{background:var(--secondary-500)}.social-link:nth-child(2):before{background:var(--accent-500)}.social-link:nth-child(3):before{background:var(--warning-500)}.social-link:nth-child(4):before{background:var(--success-500)}.social-link:hover{background:var(--hover-color);transform:translateY(-2px);box-shadow:0 10px 20px #0003;border-color:var(--secondary-300)}.social-icon{font-size:1.5rem;color:var(--primary-400)}.social-link:nth-child(1) .social-icon{color:var(--secondary-400)}.social-link:nth-child(2) .social-icon{color:var(--accent-400)}.social-link:nth-child(3) .social-icon{color:var(--warning-400)}.social-link:nth-child(4) .social-icon{color:var(--success-400)}.contact-form-container{background:rgba(255,255,255,.1);padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.contact-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--secondary-400),var(--accent-400))}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--neutral-100);font-size:.9rem}.form-group input,.form-group textarea{padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:1rem;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary-400);box-shadow:0 0 0 2px #31979533}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{margin-top:1rem;padding:1rem 2rem;font-size:1.1rem}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.success-message{background:rgba(76,175,80,.2);color:var(--success);padding:1rem;border-radius:8px;text-align:center;font-weight:500;border:1px solid rgba(76,175,80,.3)}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:2rem}.social-grid{grid-template-columns:1fr}.contact-info h3{font-size:1.5rem}.contact-info p{font-size:1rem}.contact-form-container{padding:1.5rem}}.engagement-tracker{position:fixed;bottom:30px;right:30px;z-index:1000;transition:all .3s ease}.engagement-badge{display:flex;align-items:center;gap:.75rem;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:50px;box-shadow:0 10px 30px #0003;cursor:pointer;transition:all .3s ease;border:2px solid #FFD700;min-width:140px}.engagement-badge:hover{transform:translateY(-2px);box-shadow:0 15px 40px #0000004d}.score-icon{font-size:1.2rem;color:gold}.score-content{display:flex;flex-direction:column;align-items:center}.score-number{font-size:1.5rem;font-weight:700;color:gold;line-height:1}.score-label{font-size:.7rem;color:var(--neutral-600);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.engagement-details{position:absolute;bottom:100%;right:0;background:white;border-radius:15px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 15px 40px #0003;min-width:280px;border:1px solid var(--border)}.engagement-details h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.engagement-message{font-size:.9rem;color:var(--score-color);font-weight:500;margin-bottom:1rem}.score-breakdown{margin-bottom:1rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--neutral-200);font-size:.85rem}.breakdown-item:last-child{border-bottom:none}.breakdown-item span:first-child{color:var(--text-secondary)}.breakdown-item span:last-child{color:var(--score-color);font-weight:600}.high-engagement{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:1rem;text-align:center}.high-engagement p{font-size:.9rem;color:var(--success);font-weight:500;margin:0}.minimized-engagement-modal{position:fixed;bottom:30px;left:30px;z-index:999;cursor:pointer;transition:all .3s ease;animation:slideInFromLeft .5s ease}.minimized-modal-content{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-600) 100%);color:#fff;padding:1rem 1.5rem;border-radius:50px;box-shadow:0 10px 30px #0000004d;transition:all .3s ease;min-width:160px}.minimized-modal-content:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0006;background:linear-gradient(135deg,var(--accent-400) 0%,var(--accent-500) 100%)}.chat-icon{font-size:1.2rem;color:#fff}.minimized-modal-content span{font-size:.9rem;font-weight:600;white-space:nowrap}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.engagement-tracker{bottom:20px;right:20px}.engagement-badge{padding:.75rem 1rem;min-width:120px}.score-number{font-size:1.3rem}.engagement-details{min-width:250px;right:-50px}.minimized-engagement-modal{bottom:20px;left:20px}.minimized-modal-content{padding:.75rem 1rem;min-width:140px}.minimized-modal-content span{font-size:.8rem}}.gp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.gp-modal{background:linear-gradient(135deg,#ffffff,#f8f9fa);border-radius:20px;padding:0;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0003;border:3px solid #FFD700;animation:slideIn .3s ease}.gp-modal-header{background:linear-gradient(135deg,#FFD700,#FFA500);padding:1.5rem;border-radius:17px 17px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #FFD700}.gp-modal-header h3{color:#000;margin:0;font-size:1.3rem;font-weight:700;text-align:center;flex:1}.gp-modal-close{background:none;border:none;color:#000;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.gp-modal-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.gp-modal-content{padding:2rem}.gp-modal-description{color:#333;font-size:1rem;line-height:1.6;margin-bottom:2rem;text-align:center}.gp-modal-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.gp-store-btn{padding:1rem 1.5rem;border-radius:12px;border:2px solid;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:none;letter-spacing:.5px}.gp-store-btn.enabled{background:linear-gradient(135deg,#FFD700,#FFA500);border-color:gold;color:#000}.gp-store-btn.enabled:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffd7004d;background:linear-gradient(135deg,#FFA500,#FF8C00)}.gp-store-btn.disabled{background:rgba(255,255,255,.8);border-color:#ccc;color:#999;cursor:not-allowed}.unlocked-content{background:rgba(255,215,0,.1);border-radius:12px;padding:1.5rem;border:2px solid #FFD700;text-align:center;animation:fadeIn .5s ease;margin-bottom:1rem}.unlocked-content:last-child{margin-bottom:0}.unlocked-content h4{color:#b8860b;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.fun-fact-text{color:#333;font-size:1rem;line-height:1.6;margin:0;font-style:italic}.picture-container{display:flex;justify-content:center;margin-top:1rem}.embarrassing-picture{max-width:100%;max-height:300px;border-radius:12px;box-shadow:0 8px 20px #ffd7004d;border:3px solid #FFD700;transition:transform .3s ease}.embarrassing-picture:hover{transform:scale(1.02)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.gp-modal{width:95%;max-height:85vh}.gp-modal-header h3{font-size:1.1rem}.gp-modal-content{padding:1.5rem}.gp-store-btn{padding:.875rem 1.25rem;font-size:.9rem}}.App{min-height:100vh;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);color:#fff}section{padding:80px 20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.section-title{font-size:2.5rem;margin-bottom:2rem;text-align:center;background:linear-gradient(45deg,var(--secondary-300),var(--accent-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.2rem;margin-bottom:3rem;text-align:center;opacity:.9;max-width:600px;color:var(--neutral-100)}.btn-primary{background:linear-gradient(45deg,var(--primary-500),var(--primary-700));color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003;background:linear-gradient(45deg,var(--primary-400),var(--primary-600))}.btn-secondary{background:transparent;color:#fff;border:2px solid var(--secondary-300);padding:10px 22px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-secondary:hover{background:var(--secondary-300);color:var(--neutral-900);transform:translateY(-2px)}.btn-accent{background:linear-gradient(45deg,var(--accent-500),var(--accent-600));color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003;background:linear-gradient(45deg,var(--accent-400),var(--accent-500))}.card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:2rem;margin:1rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;max-width:400px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--secondary-400),var(--accent-400))}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000004d;border-color:var(--secondary-300)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;width:100%;margin:0 auto}.engagement-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.engagement-modal{background:white;color:var(--text-primary);padding:2rem;border-radius:15px;text-align:center;max-width:400px;margin:20px;animation:slideIn .3s ease;border:3px solid var(--secondary-300)}.engagement-modal h3{margin-bottom:1rem;color:var(--primary-600);background:linear-gradient(45deg,var(--primary-600),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.engagement-modal p{margin-bottom:1.5rem;color:var(--text-secondary)}.modal-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.modal-buttons .btn-secondary{color:var(--text-primary);border-color:var(--secondary-400)}.modal-buttons .btn-secondary:hover{background:var(--secondary-400);color:#fff}@media (max-width: 768px){.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.grid{grid-template-columns:1fr;gap:1rem}.card{margin:.5rem;padding:1.5rem}.modal-buttons{flex-direction:column}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@font-face{font-family:Forum;src:url(/Forum-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}h1,h2,h3,h4,h5,h6,button,.btn,.cta{font-family:Forum,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;--primary-50: #f3f1ff;--primary-100: #e5dbff;--primary-200: #d1bfff;--primary-300: #b794f4;--primary-400: #9f7aea;--primary-500: #805ad5;--primary-600: #6b46c1;--primary-700: #553c9a;--primary-800: #44337a;--primary-900: #322659;--secondary-50: #e6fffa;--secondary-100: #b2f5ea;--secondary-200: #81e6d9;--secondary-300: #4fd1c7;--secondary-400: #38b2ac;--secondary-500: #319795;--secondary-600: #2c7a7b;--secondary-700: #285e61;--secondary-800: #234e52;--secondary-900: #1d4044;--accent-50: #fff5f5;--accent-100: #fed7d7;--accent-200: #feb2b2;--accent-300: #fc8181;--accent-400: #f56565;--accent-500: #e53e3e;--accent-600: #c53030;--accent-700: #9b2c2c;--accent-800: #742a2a;--accent-900: #521414;--success-50: #f0fff4;--success-100: #c6f6d5;--success-200: #9ae6b4;--success-300: #68d391;--success-400: #48bb78;--success-500: #38a169;--success-600: #2f855a;--success-700: #276749;--success-800: #22543d;--success-900: #1c4532;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--primary: var(--primary-600);--primary-light: var(--primary-400);--primary-dark: var(--primary-800);--secondary: var(--secondary-500);--secondary-light: var(--secondary-300);--secondary-dark: var(--secondary-700);--accent: var(--accent-500);--accent-light: var(--accent-300);--accent-dark: var(--accent-700);--success: var(--success-500);--warning: var(--warning-500);--error: var(--error-500);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-light: var(--neutral-100);--background: var(--neutral-50);--surface: white;--border: var(--neutral-200);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%)}#root{width:100%;margin:0 auto;text-align:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}html{scroll-behavior:smooth}@media (max-width: 768px){body{font-size:14px}}.fade-in{animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .8s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}