.hero-bg-animated{position:relative;overflow:hidden;border:none!important}.hero-bg-animated:before{content:"";position:absolute;inset:0;z-index:0;opacity:.35}#hero-section{position:relative;z-index:1;border:none!important}@keyframes heroFireCalmGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body{background:linear-gradient(135deg,#f8fafc,#e0f2fe)}.tech-tag{box-shadow:0 0 #3b82f6;transition:box-shadow .3s,background .2s}.tech-tag:hover{animation:tagPulse .5s;background:#e0f2fe;box-shadow:0 0 8px 2px #3b82f633}@keyframes tagPulse{0%{box-shadow:0 0 #3b82f6}50%{box-shadow:0 0 8px 2px #3b82f6}to{box-shadow:0 0 #3b82f6}}@keyframes badgeBounce{0%{transform:scale(1);box-shadow:0 0 #fde68a}30%{transform:scale(1.12);box-shadow:0 0 8px 2px #fde68a}60%{transform:scale(.96);box-shadow:0 0 4px 1px #fde68a}to{transform:scale(1);box-shadow:0 0 #fde68a}}.portfolio-accent{color:#3b82f6}.portfolio-accent-bg{background:#3b82f6;color:#fff}.portfolio-accent-green{color:#10b981}.portfolio-accent-yellow{color:#fde68a}.portfolio-accent-lavender{color:#a78bfa}.project-link-btn{display:inline-flex;align-items:center;padding:4px 8px;background:#24292f;color:#fff;text-decoration:none;border-radius:6px;font-size:12px;font-weight:500;margin-right:8px;transition:background .2s}.project-link-btn:hover{background:#333}.about-practice-section{padding:2.5rem 1.5rem;max-width:800px;margin:2rem auto;text-align:center;font-family:Segoe UI,Arial,Helvetica,sans-serif;background:#fff;border-radius:1.2rem;box-shadow:0 2px 12px #0000000f}.about-practice-reveal{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.about-practice-revealed{opacity:1;transform:translateY(0)}.about-practice-section h2{font-size:2rem;font-weight:700;margin-bottom:1.2rem;color:#1f2937}.about-practice-section p{font-size:1.15rem;color:#374151;margin-bottom:1.5rem;line-height:1.7}.about-practice-section blockquote{font-style:italic;color:#10b981;font-size:1.1rem;margin:0 auto;max-width:600px;border-left:4px solid #10b981;padding-left:1rem}.reel-gallery-section{max-width:1100px;margin:2.5rem auto;padding:0 1rem}.reel-gallery-heading{text-align:center;font-size:1.7rem;font-weight:700;margin-bottom:2rem;font-family:Segoe UI,Arial,Helvetica,sans-serif;color:#1f2937}.reel-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;justify-items:center}.reel-gallery-card{background:#fff;border-radius:1.2rem;box-shadow:0 2px 12px #00000014;padding:1.2rem;width:100%;max-width:320px;cursor:pointer;text-align:center;transition:box-shadow .2s;display:flex;flex-direction:column;align-items:center}.reel-gallery-card:hover{box-shadow:0 4px 24px #10b98126}.reel-gallery-day{font-weight:600;color:#10b981;margin-bottom:.5rem}.reel-gallery-thumb,.reel-gallery-video{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;border-radius:.8rem;margin-bottom:.8rem;background:#f3f4f6}.reel-gallery-caption{font-size:1rem;color:#374151;margin-bottom:.5rem;font-weight:500}.reel-gallery-tags{font-size:.85rem;color:#6b7280;margin-top:.3rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.reel-gallery-tag{background:#f3f4f6;border-radius:8px;padding:2px 8px}.reel-gallery-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center}.reel-gallery-modal-content{background:#fff;border-radius:1rem;padding:2rem;max-width:480px;width:90vw;position:relative;text-align:center}.reel-gallery-modal-day{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:#10b981}.reel-gallery-modal-player{margin-bottom:1rem}.reel-gallery-modal-caption{font-size:1rem;color:#374151;margin-bottom:.5rem}.reel-gallery-modal-close{margin-top:1rem;padding:.5rem 1.2rem;border-radius:.8rem;background:#10b981;color:#fff;border:none;font-weight:600;cursor:pointer}@media (max-width: 600px){.reel-gallery-grid{grid-template-columns:1fr;gap:1.2rem}.reel-gallery-card{max-width:98vw;padding:.8rem}.reel-gallery-modal-content{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#fff}#root{min-height:100vh}button{cursor:pointer;border:none;outline:none;transition:all .3s ease}button:hover{opacity:.9}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}