:root{--bg: #f5f5f7;--bg-muted: #ededf0;--text: #1d1d1f;--muted: #3c3c43;--card-bg: #ffffff;--card-soft: #f8f8fa;--border: rgba(0, 0, 0, .12);--shadow-soft: 0 18px 50px rgba(0, 0, 0, .08);--shadow-strong: 0 26px 90px rgba(0, 0, 0, .12);--accent: #1d1d1f;--accent-hover: #000000;--accent-contrast: #ffffff;--glow: rgba(0, 0, 0, .08);--frost: rgba(255, 255, 255, .7);--font-heading: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-body: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif}[data-theme=dark]{--bg: #0c0c0d;--bg-muted: #141417;--text: #f5f5f7;--muted: #d1d1d6;--card-bg: #161618;--card-soft: #1d1d20;--border: rgba(255, 255, 255, .14);--shadow-soft: 0 18px 50px rgba(0, 0, 0, .6);--shadow-strong: 0 26px 90px rgba(0, 0, 0, .72);--accent: #f5f5f7;--accent-hover: #ffffff;--accent-contrast: #000000;--glow: rgba(255, 255, 255, .08);--frost: rgba(22, 22, 24, .9)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at 20% 20%,var(--bg-muted),transparent 28%),radial-gradient(circle at 80% 10%,var(--bg-muted),transparent 30%),var(--bg);color:var(--text);font-family:var(--font-body);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.theme-toggle{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border);box-shadow:0 10px 26px var(--shadow-soft),0 1px #fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9999;transition:all .3s cubic-bezier(.25,.46,.45,.94);color:var(--text);font-size:24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.theme-toggle:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 32px var(--shadow-strong);border-color:var(--accent)}.theme-toggle:active{transform:translateY(0) scale(.98)}.theme-toggle svg{width:24px;height:24px;transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(10deg)}@keyframes rotate-sun{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-moon{0%,to{opacity:1}50%{opacity:.72}}.theme-toggle .icon-sun{animation:rotate-sun 20s linear infinite}.theme-toggle .icon-moon{animation:pulse-moon 3s ease-in-out infinite}body,.profile-container,.details-container,.card,.button,a.button{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0;padding:clamp(20px,5vh,64px) clamp(16px,6vw,64px);display:flex;flex-direction:column;align-items:center;min-height:100vh;box-sizing:border-box;line-height:1.6;width:100%;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.profile-container,.details-container{padding:clamp(24px,4vw,48px);border-radius:18px;background-color:var(--card-bg);width:min(100%,1600px);box-shadow:0 2px 8px #0000000a,0 12px 24px #00000014;border:1px solid var(--border);box-sizing:border-box;margin:0 auto}.details-container{padding-block:clamp(18px,3vw,30px)}.profile-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(24px,4vw,48px);margin-bottom:clamp(16px,3.5vw,40px)}.profile-main{display:flex;align-items:center;gap:clamp(16px,3vw,40px);flex:2 1 520px;min-width:min(100%,280px)}.profile-picture{border-radius:50%;width:clamp(160px,20vw,220px);height:clamp(160px,20vw,220px);object-fit:cover;margin:0;border:4px solid var(--accent);box-shadow:0 4px 16px #0071e326;flex-shrink:0}.profile-info{display:flex;flex-direction:column;gap:6px;flex:1 1 0;min-width:240px}.profile-info h1{margin:0;font-size:clamp(2rem,1.6vw + 1.6rem,2.8rem);font-weight:600;color:var(--text);font-family:var(--font-heading);letter-spacing:-.5px}.profile-info p{margin:4px 0;font-size:clamp(1rem,.55vw + .95rem,1.2rem);line-height:1.6;color:var(--muted)}.buttons-container{position:relative;display:flex;flex-wrap:wrap;gap:clamp(6px,1vw,12px);margin-top:clamp(12px,2vw,24px);justify-content:flex-start;width:100%;overflow:visible}.button,a.button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:clamp(44px,4vw + 32px,56px);height:clamp(44px,4vw + 32px,56px);border-radius:12px;border:1px solid var(--border);background:var(--card-bg);color:var(--accent);cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-weight:500;text-decoration:none;min-height:0;box-shadow:0 1px 3px #0000000f}.button:hover,a.button:hover{background:var(--accent);color:var(--accent-contrast);transform:translateY(-2px);box-shadow:0 4px 12px #0071e340;border-color:var(--accent)}.button.button--wide,a.button.button--wide{width:auto;min-width:120px;padding-inline:clamp(14px,3vw,24px);height:clamp(44px,4vw + 32px,56px);justify-content:center;gap:8px}.landscape-note{position:fixed;top:12px;left:16px;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#e2e8f0b8;pointer-events:none;z-index:3200;mix-blend-mode:screen}.button-prompt{position:absolute;left:calc(72% + 12px);top:-25%;transform:translateY(-50%);display:flex;flex-direction:row;align-items:center;gap:12px;pointer-events:none;z-index:4;opacity:0;animation:promptEntrance .4s cubic-bezier(.22,.61,.36,1) forwards}.button-prompt-arrow{position:relative;width:42px;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent) 100%);border-radius:999px;animation:arrowPulse 1.4s ease-in-out infinite;filter:drop-shadow(0 0 10px var(--glow))}.button-prompt-arrow:after{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid var(--accent)}.button-prompt-text{display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:700;padding:8px 14px;border-radius:12px;background:var(--card-bg);color:var(--text);border:1px solid var(--border);box-shadow:0 8px 18px var(--shadow-soft)}@keyframes promptEntrance{0%{opacity:0;transform:translate(-50%,-18px)}to{opacity:1;transform:translate(-50%)}}@keyframes arrowPulse{0%{transform:translateY(-6px)}50%{transform:translateY(6px)}to{transform:translateY(-6px)}}@keyframes arrowGlow{0%,to{filter:drop-shadow(0 0 10px rgba(0,113,227,.4))}50%{filter:drop-shadow(0 0 20px rgba(0,113,227,.75))}}@keyframes arrowAura{0%{transform:translate(-50%) scale(.85);opacity:.35}50%{transform:translate(-50%) scale(1.05);opacity:.75}to{transform:translate(-50%) scale(.85);opacity:.35}}@keyframes textGlow{0%{box-shadow:0 4px 8px #0071e326;border-color:#0071e399}to{box-shadow:0 8px 16px #0071e359;border-color:#0071e3e6}}.button svg,a.button svg{font-size:clamp(1.1rem,.4vw + 1rem,1.4rem)}.button:focus-visible,a.button:focus-visible{outline:2px solid rgba(255,255,255,.3);outline-offset:3px}.button[data-tooltip]:after,a.button[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:-26px;left:50%;transform:translate(-50%) scale(.85);transform-origin:50% 100%;background:var(--card-bg);color:var(--text);padding:8px 12px;border-radius:8px;white-space:nowrap;font-size:.82rem;letter-spacing:.02em;font-weight:500;opacity:0;pointer-events:none;border:1px solid var(--border);box-shadow:0 8px 22px var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .2s ease,transform .25s ease}.button[data-tooltip]:before,a.button[data-tooltip]:before{content:"";position:absolute;top:-30px;left:50%;width:14px;height:14px;transform:translate(-50%) rotate(45deg) scale(.7);background:var(--card-bg);border:1px solid var(--border);border-top:none;border-left:none;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .25s ease}.button:hover:after,.button:focus-visible:after,a.button:hover:after,a.button:focus-visible:after{opacity:1;transform:translate(-50%,-18px) scale(1);animation:tooltip-bloom .45s cubic-bezier(.22,1,.36,1) forwards}.button:hover:before,.button:focus-visible:before,a.button:hover:before,a.button:focus-visible:before{opacity:1;transform:translate(-50%,-2px) rotate(45deg) scale(1);animation:tooltip-glimmer 1.1s ease-in-out infinite alternate}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes tooltip-bloom{0%{opacity:0;transform:translate(-50%,6px) scale(.7);filter:blur(6px)}55%{opacity:1;transform:translate(-50%,-22px) scale(1.05);filter:blur(0)}to{opacity:1;transform:translate(-50%,-18px) scale(1)}}@keyframes tooltip-glimmer{0%{transform:translate(-50%,-2px) rotate(45deg) scale(1)}to{transform:translate(-50%,-4px) rotate(45deg) scale(1.05)}}@media (prefers-reduced-motion: reduce){.button,a.button{transition:none}.button:hover,.button:focus-visible,a.button:hover,a.button:focus-visible{transform:none;box-shadow:0 4px 12px #1f293740}.button[data-tooltip]:after,a.button[data-tooltip]:after,.button[data-tooltip]:before,a.button[data-tooltip]:before{transition:opacity .15s ease;animation:none!important}}.tech-icons-container{flex:0 1 auto;display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;column-gap:clamp(6px,1vw,12px);row-gap:clamp(6px,1vw,12px);align-content:flex-start;justify-items:center;align-items:center;margin-left:auto;align-self:flex-start;padding-right:4px}.tech-icon{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.tech-icon img{width:clamp(36px,5vw,54px);height:clamp(36px,5vw,54px);object-fit:contain;display:block}.tech-icon:hover{transform:scale(1.2);text-shadow:0 0 10px var(--glow)}#character-highlights p{text-align:justify;margin-bottom:1.1em;font-size:clamp(1rem,.45vw + .95rem,1.12rem)}#character-highlights h2{margin-bottom:18px}#character-highlights p:last-of-type{margin-bottom:0}.details-container h2{font-size:2em;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:10px;margin-bottom:25px;text-shadow:0 0 0 transparent;font-family:var(--font-heading)}.job{margin-bottom:30px;padding-left:20px;border-left:3px solid var(--accent)}.job h3{font-size:1.5em;color:var(--text);margin-bottom:5px}.job-title,.job-duration,.job-location{font-style:italic;color:var(--muted);margin-bottom:8px;font-size:1em}.details-container ul{list-style:none;padding-left:0}.details-container li{position:relative;padding-left:25px;margin-bottom:10px;line-height:1.6}.details-container li:before{content:"»";position:absolute;left:0;color:var(--accent);font-size:1.2em;line-height:1}.details-container h4{font-size:1.2em;color:var(--accent);margin-top:20px}.details-container h5{font-size:1.1em;color:var(--text);margin-top:15px}.education-item{margin-bottom:15px;padding-left:15px;border-left:3px solid var(--border)}@media (min-aspect-ratio: 19/6){body{padding-inline:clamp(48px,12vw,160px)}.profile-container,.details-container{max-width:1680px}}.page-enter{animation:pageIn .6s cubic-bezier(.22,.9,.29,1) both}@keyframes pageIn{0%{opacity:0;transform:translateY(18px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboards-grid>div{transition:transform .22s ease,box-shadow .22s ease}.dashboards-grid>div:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 18px 36px #0000002e}.dashboards-list{display:flex;flex-direction:column;gap:32px}.dashboard-item{display:flex;gap:24px;align-items:center;background:#141414bf;border-radius:12px;padding:24px;box-shadow:0 10px 30px #0009;color:var(--text);border:1px solid rgba(255,255,255,.04)}.dashboard-item.reverse{flex-direction:row-reverse}.dashboard-image{flex:1 1 55%}.dashboard-image img{width:100%;max-width:900px;height:auto;border-radius:8px;display:block;object-fit:contain;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 24px #0009,inset 0 0 18px #0003}.dashboard-content{flex:1 1 45%;color:var(--text)}.dashboard-title{margin-top:0;color:var(--accent);font-size:1.6rem;font-family:var(--font-heading)}.dashboard-text p,.dashboard-text li{color:var(--muted);line-height:1.6;font-size:1rem}.dashboard-item{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.dashboard-item:hover{transform:translateY(-8px);box-shadow:0 24px 48px #000000b3;border-color:#e971322e}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.gallery-item{background:#14141499;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px;box-shadow:0 10px 26px #00000080;position:relative}.gallery-item img{width:100%;height:auto;display:block;border-radius:6px;object-fit:contain}.zoom-button{position:absolute;right:14px;top:14px;display:inline-flex;align-items:center;gap:6px;background:#0009;color:var(--accent-contrast);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:6px 10px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.zoom-button:hover{background:#000c}.lightbox{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:zoom-out;overflow:auto}.lightbox-image{height:auto;display:block;border-radius:8px;box-shadow:0 10px 30px #0009;margin:0 auto}.lightbox-close{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;border:none;background:#000000b3;color:var(--accent-contrast);font-size:22px;line-height:36px;cursor:pointer}.lightbox-close:hover{background:#000000e6}.quiz-screen{display:flex;flex-direction:column;gap:clamp(18px,4vw,32px)}.quiz-header{display:grid;gap:clamp(16px,3vw,24px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}.quiz-header-text h2{margin:0;color:var(--accent);font-family:var(--font-heading);font-size:clamp(1.6rem,1vw + 1.4rem,2.3rem)}.quiz-header-text p{margin:0;color:var(--muted);line-height:1.55}.quiz-header-controls{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.quiz-progress{display:flex;flex-wrap:wrap;gap:12px;font-size:.95rem;color:var(--muted)}.quiz-progress span{background:#0f1114b8;border:1px solid rgba(233,113,50,.35);border-radius:999px;padding:6px 14px}.quiz-cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.quiz-cta .button{min-width:128px}.quiz-grid{display:grid;gap:clamp(18px,4vw,30px)}.quiz-section{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:clamp(16px,3vw,28px);background:linear-gradient(150deg,#10131bd9,#181220b8);box-shadow:0 22px 38px #00000073;display:flex;flex-direction:column;gap:clamp(14px,3vw,22px)}.quiz-section-header{display:flex;flex-direction:column;gap:6px}.quiz-section-title{margin:0;color:var(--accent);font-family:var(--font-heading)}.quiz-section-subtitle{margin:0;color:var(--muted);font-size:.95rem}.quiz-questions{display:grid;gap:clamp(12px,2.5vw,18px)}.quiz-card{border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:clamp(14px,2.2vw,20px);background:#0b0d13c7;display:flex;flex-direction:column;gap:12px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.quiz-card:hover{transform:translateY(-2px)}.quiz-card--correct{border-color:#22c55e99;box-shadow:0 0 24px #22c55e40}.quiz-card--incorrect{border-color:#ef444499;box-shadow:0 0 20px #ef444438}.quiz-card-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.quiz-card-topic{font-weight:700}.quiz-card-number{font-weight:600}.quiz-question{margin:0;font-size:clamp(1rem,.5vw + 1rem,1.2rem);color:var(--text);line-height:1.5}.quiz-options{display:grid;gap:10px}.quiz-option{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid rgba(233,113,50,.2);background:#14161ecc;color:var(--muted);text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.quiz-option:hover{border-color:#e971328c;transform:translateY(-1px)}.quiz-option--selected{border-color:#e97132d9;background:linear-gradient(140deg,#e9713247,#e971321f)}.quiz-option--correct{border-color:#22c55ed9;background:linear-gradient(140deg,#22c55e59,#22c55e26);color:#dcfce7}.quiz-option--incorrect{border-color:#ef4444cc;background:linear-gradient(140deg,#ef444447,#ef44441f);color:#fee2e2}.quiz-option-letter{font-weight:700;font-size:.95rem}.quiz-option-text{font-size:.95rem;line-height:1.45}.quiz-feedback{margin-top:4px;font-size:.9rem;color:#fbbf24}.quiz-card--correct .quiz-feedback{color:#34d399}:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}body{background:var(--bg);color:var(--text)}.profile-container,.details-container,.gallery-item,.quiz-section,.quiz-card,.card,.report-container,.xero-container,.products-section,.dbapi-section,.lm-dashboard{background:var(--card-bg)!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:var(--shadow-soft)!important}.profile-container h1,.profile-info h1,.details-container h2,.report-title,.lm-title,.products-title,.dbapi-title,.xero-title{color:var(--text)!important}.profile-info p,.details-container p,.job-title,.job-duration,.job-location,.lm-meta,.metric-sub,.report-meta,.quiz-header-text p,.quiz-section-subtitle,.quiz-card-meta,.quiz-feedback,.quiz-progress span,.quiz-option-text,.quiz-option-letter,.footer{color:var(--muted)!important}.button,a.button{background:var(--card-bg);color:var(--text);border:1px solid var(--border);box-shadow:0 10px 26px var(--shadow-soft)}.button:hover,a.button:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);box-shadow:0 18px 40px var(--shadow-strong)}.quiz-section{border:1px solid var(--border)!important;background:linear-gradient(180deg,var(--card-soft),var(--card-bg))!important}.quiz-card{border:1px solid var(--border)!important;background:linear-gradient(180deg,var(--card-soft),var(--card-bg))!important;box-shadow:0 12px 30px var(--shadow-soft)!important}.quiz-option{background:var(--card-soft)!important;border:1px solid var(--border)!important;color:var(--text)!important}.quiz-option:hover{background:var(--card-bg)!important;border-color:var(--accent)!important}.quiz-option--selected{border-color:var(--accent)!important;background:var(--card-bg)!important}.quiz-progress span{background:var(--card-soft);border:1px solid var(--border)}.gallery-item{border:1px solid var(--border);box-shadow:0 10px 30px var(--shadow-soft)}.zoom-button{background:var(--card-bg);color:var(--text);border:1px solid var(--border)}.lightbox{background:#000000d1}@media (max-width: 900px){body{padding:18px 12px;align-items:stretch}.profile-container,.details-container{padding:18px;width:100%}.profile-container{flex-direction:column;align-items:center;gap:18px}.profile-main{flex-direction:column;align-items:center;text-align:center}.profile-info{align-items:center;min-width:0}.buttons-container{justify-content:center}.button.button--wide,a.button.button--wide{width:min(100%,340px)}.tech-icons-container{margin-left:0;grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));width:100%;justify-items:center}.tech-icon img{width:44px;height:44px}.button-prompt,.landscape-note{display:none}#character-highlights p{text-align:left}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.quiz-header{grid-template-columns:1fr}.quiz-header-controls{align-items:flex-start}.quiz-cta{width:100%;justify-content:flex-start}.quiz-section{padding:14px 12px}.quiz-card{padding:12px}}@media (max-width: 540px){.profile-picture{width:140px;height:140px}.buttons-container{gap:8px}.button,a.button{width:48px;height:48px}.button.button--wide,a.button.button--wide{width:100%;justify-content:center}.profile-info h1{font-size:1.9rem}}@media (max-width: 900px){.xero-neo__kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}.xero-neo__matrix{grid-template-columns:1fr!important;gap:12px!important}.xero-neo__tables{grid-template-columns:1fr!important}.xero-neo__ratios{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-template-rows:none!important;gap:10px}.xero-neo__chart-card{overflow-x:auto}.xero-neo__chart-card svg{width:100%!important;min-width:560px;height:auto!important}.xero-neo__table-card{height:auto!important;min-height:0}.xero-neo__progress{height:auto!important}}@media (max-width: 600px){.xero-neo__kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}.xero-neo__chart-card svg{min-width:480px}.xero-neo__main{gap:12px!important}}