body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.1rem!important;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace!important;font-size:1rem!important}.main-container{background-color:#0d1116;position:relative}a{text-decoration:none}a:hover{color:#bf5700;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}a,button,h1,h2,h3,h4,h5,label,p{color:#fff;font-family:Lato,sans-serif}.navigation-bar{background-color:#0d1116;justify-content:space-between}.navigation-bar button{font-family:Lato,sans-serif;font-size:1.1rem;padding:6px 10px;text-transform:none}.navigation-bar svg{cursor:pointer}.navigation-bar-responsive p,.navigation-bar-responsive span{color:#0d1116;font-family:Lato,sans-serif}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:64px;width:100%}.header-image,.header-image img{height:450px;width:100%}.header-image img{object-fit:cover}.mobile-menu-top{align-items:center;font-weight:700;gap:5px}.items-container,.mobile-menu-top{display:flex;justify-content:center}.items-container{flex-direction:column;padding:40px 10%;text-align:left}.dot-grid{--dx:0px;--dy:0px;animation:dotFade 6s ease-in-out infinite;background-image:radial-gradient(circle,#ffffff38 1px,#0000 1.5px);background-position:0 0;background-size:28px 28px;inset:-40px;mask-image:radial-gradient(ellipse at center,#000 40%,#0000 85%);-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,#0000 85%);pointer-events:none;position:absolute;transform:translate3d(var(--dx),var(--dy),0);transition:transform .25s ease-out;z-index:0}.light-mode .dot-grid{background-image:radial-gradient(circle,#0d111638 1px,#0000 1.5px)}@keyframes dotFade{0%,to{opacity:.35}50%{opacity:.85}}.light-mode,.light-mode .navigation-bar{background-color:#f8f9fa}.light-mode a,.light-mode button,.light-mode h1,.light-mode h2,.light-mode h3,.light-mode h4,.light-mode h5,.light-mode label,.light-mode p{color:#0d1116}.light-mode a:hover{color:#bf5700;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.light-mode .navigation-bar svg{color:#0d1116}.light-mode .about-section{background-image:url(/static/media/bg-light.fcc58858e51375feba2d.png)}.light-mode .skills-container svg{color:#0d1116}.light-mode .chip{box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f}.light-mode .chip,.light-mode .vertical-timeline:before{background-color:#00000014}.light-mode .vertical-timeline--animate .vertical-timeline-element-content.bounce-in{box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f}.light-mode .vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{color:gray}.light-mode .vertical-timeline-element-content-arrow{border-right:7px solid #00000014!important}.light-mode .flex-chips .chip-title{color:#0d1116}@media screen and (max-width:768px){.items-container{padding:5%}}footer{padding-bottom:50px;padding-top:50px;text-align:center}footer svg{height:1.1em!important;margin-right:10px;width:1.1em!important}footer p{font-size:.8em}.dark-mode .about-section{background-color:#0003}.about-section{align-items:center;background-attachment:fixed;background-image:url(/static/media/bg-dark.f41e66b19a63b83ec618.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;gap:40px;justify-content:flex-start;min-height:700px;overflow:hidden;padding:0 15%;position:relative;width:100%}.hero-bg-layer{animation:heroPulse 14s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 30%,#bf570059,#0000 45%),radial-gradient(circle at 80% 70%,#bf570038,#0000 50%),radial-gradient(circle at 60% 20%,#6432002e,#0000 45%);filter:blur(40px);inset:-20%}.hero-bg-layer,.hero-grid{pointer-events:none;position:absolute;z-index:0}.hero-grid{background-image:linear-gradient(#bf570014 1px,#0000 0),linear-gradient(90deg,#bf570014 1px,#0000 0);background-size:48px 48px;inset:0;mask-image:radial-gradient(circle at center,#000 30%,#0000 75%);-webkit-mask-image:radial-gradient(circle at center,#000 30%,#0000 75%)}@keyframes heroPulse{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2%,-2%,0) scale(1.08)}}.about-section .content{position:relative;text-align:left;z-index:2}.about-section .content .social_icons{color:#fff;display:flex;flex-direction:row;gap:12px;margin-bottom:10px}.about-section .content .social_icons a{transition:transform .2s ease,color .2s ease}.about-section .content .social_icons a:hover{color:#bf5700;transform:translateY(-2px)}.about-section .content .social_icons svg{font-size:1.8em}.about-section .content .mobile_social_icons{display:none}.about-section .content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#bf5700);-webkit-background-clip:text;background-clip:text;font-size:5em;letter-spacing:-1px;margin-block-end:8px;margin-block-start:0}.about-section .content .tagline{font-size:1.5em;margin-block-end:6px;margin-block-start:0;min-height:1.5em}.about-section .content .tagline .tagline-static{opacity:.75}.about-section .content .tagline .tagline-dynamic{color:#bf5700;font-weight:600}.about-section .content .tagline .caret{animation:blink 1s step-end infinite;color:#bf5700;display:inline-block;font-weight:300;margin-left:2px}.about-section .content .sub-tagline{font-size:1em;margin-block-end:28px;margin-block-start:0;opacity:.7}.light-mode .about-section .content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0d1116,#bf5700);-webkit-background-clip:text;background-clip:text}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.hero-cta .cta-primary,.hero-cta .cta-secondary{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95em;font-weight:600;gap:8px;padding:12px 22px;text-decoration:none;transition:all .25s ease}.hero-cta .cta-primary svg,.hero-cta .cta-secondary svg{font-size:1em;transition:transform .25s ease}.hero-cta .cta-primary{background:#bf5700;border:1px solid #bf5700;box-shadow:0 6px 20px #bf570059;color:#fff}.hero-cta .cta-primary:hover{background:#d66a0e;box-shadow:0 10px 28px #bf570080;transform:translateY(-2px)}.hero-cta .cta-primary:hover svg{transform:translateY(3px)}.hero-cta .cta-secondary{background:#0000;border:1px solid #ffffff4d;color:#fff}.hero-cta .cta-secondary:hover{border-color:#bf5700;color:#bf5700;transform:translateY(-2px)}.light-mode .hero-cta .cta-secondary{border-color:#0d11164d;color:#0d1116}.light-mode .hero-cta .cta-secondary:hover{border-color:#bf5700;color:#bf5700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.about-section .image-wrapper{height:170px;position:relative;transition:transform .15s ease-out;width:170px;will-change:transform;z-index:2}.about-section .image-wrapper .image-ring{animation:ringSpin 8s linear infinite;background:conic-gradient(from 0deg,#bf5700,#0000,#bf5700);border-radius:50%;filter:blur(1px);inset:-10px;position:absolute}.about-section .image-wrapper img{border:3px solid #0d1116;border-radius:50%;height:170px;object-fit:cover;position:relative;width:170px}.light-mode .about-section .image-wrapper img{border-color:#f8f9fa}@keyframes ringSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about p{padding-bottom:30%;padding-top:30%;text-align:center}@media screen and (max-width:567px){.nav-left{float:left;padding-top:20px}.nav-left img{height:35px}.nav-right{float:right}.nav-right li{color:#fff;font-size:13px;list-style:none;padding:10px 15px;width:10%}.nav-right ul{list-style-type:none;margin:0;padding:0}body{width:100%}.about{font-size:12px;padding-left:5%;padding-right:5%}}@media screen and (max-width:768px){.about-section h1{font-size:3.5em!important;text-align:left}.about-section .sub-tagline,.about-section .tagline{text-align:left}.container{display:inline;display:initial}.social_icons{display:none!important}.mobile_social_icons{color:#fff;display:flex!important;flex-direction:row;gap:12px;padding-top:10px}.mobile_social_icons svg{font-size:1.8em}.about-section{display:block;min-height:auto;padding:130px 0 60px}.about-section .content{padding-bottom:5%;padding-left:5%;padding-right:5%;width:90%}.about-section .image-wrapper{height:140px;margin-bottom:20px;margin-left:5%;width:140px}.about-section .image-wrapper img{height:140px;width:140px}.hero-cta .cta-primary,.hero-cta .cta-secondary{flex:1 1;justify-content:center}}.skills-container{display:flex;flex-direction:column;padding:60px 10%;text-align:left}.skills-container h1{margin-block-end:32px}.skills-container .skills-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.skill-group{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff05;border:1px solid #bf57002e;border-radius:14px;overflow:hidden;padding:24px;position:relative;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.skill-group:before{background:linear-gradient(90deg,#bf5700,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.skill-group:hover{border-color:#bf57008c;box-shadow:0 10px 28px #bf57001f;transform:translateY(-3px)}.skill-group .group-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.skill-group .group-header svg{color:#bf5700;font-size:1.3em}.skill-group .group-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#bf5700);-webkit-background-clip:text;background-clip:text;font-size:1.15em;font-weight:700;margin:0}.skill-group p{font-size:.88em;line-height:1.5;margin:0 0 18px;opacity:.7}.light-mode .skill-group{background:#00000005}.light-mode .skill-group .group-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0d1116,#bf5700);-webkit-background-clip:text;background-clip:text}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.skill-pill{align-items:center;background:#bf57001a;border:1px solid #bf57004d;border-radius:20px;color:#fff;cursor:default;display:inline-flex;font-size:.82em;font-weight:600;gap:7px;padding:6px 12px;transition:all .2s ease}.skill-pill .pill-icon{color:#bf5700;font-size:.95em}.skill-pill:hover{background:#bf570033;border-color:#bf5700;transform:translateY(-2px)}.light-mode .skill-pill{background:#bf57000f;color:#0d1116}@media(max-width:1024px){.skills-container .skills-grid{gap:18px;grid-template-columns:1fr}}@media(max-width:768px){.skills-container{padding:40px 5%}}.timeline-section{--tx:50%;--ty:50%;overflow:hidden;position:relative}.timeline-bg{background:radial-gradient(500px circle at var(--tx) var(--ty),#bf57001f,#0000 55%);inset:0;pointer-events:none;position:absolute;transition:background .2s ease;z-index:0}.timeline-section .items-container{padding:60px 10%;position:relative;z-index:1}.timeline-section .items-container h1{margin-block-end:32px}.timeline{display:flex;flex-direction:column;gap:40px;padding:20px 0;position:relative}.timeline-rail{background:linear-gradient(180deg,#0000,#bf570099 10%,#bf570099 90%,#0000);bottom:0;box-shadow:0 0 12px #bf57004d;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-item{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:1fr auto 1fr;position:relative}.timeline-item.left .timeline-card{grid-column:1;padding-left:64px;padding-right:22px;text-align:right}.timeline-item.right .timeline-card{grid-column:3;text-align:left}.timeline-node{align-items:center;background:linear-gradient(135deg,#bf5700,#8a3f00);border-radius:50%;box-shadow:0 0 0 4px #0d1116,0 0 24px #bf570080;color:#fff;display:flex;grid-column:2;height:44px;justify-content:center;transition:transform .3s ease;width:44px;z-index:2}.timeline-node svg{font-size:1em}.timeline-node:hover{transform:scale(1.1)}.light-mode .timeline-node{box-shadow:0 0 0 4px #f8f9fa,0 0 24px #bf570066}.timeline-logo{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000040;height:32px;object-fit:contain;padding:3px;position:absolute;right:14px;top:14px;width:32px;z-index:2}.timeline-item.left .timeline-card .timeline-logo{left:14px;right:auto}@media(max-width:900px){.timeline-item.left .timeline-card .timeline-logo{left:auto;right:14px}}.timeline-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0d111699;border:1px solid #bf570040;border-radius:14px;padding:20px 64px 20px 22px;position:relative;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.timeline-card:hover{border-color:#bf5700b3;box-shadow:0 12px 32px #bf570026;transform:translateY(-3px)}.light-mode .timeline-card{background:#fff9}.timeline-date{color:#bf5700;display:inline-block;font-size:.78em;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.timeline-title{font-size:1.15em;font-weight:700;margin:0 0 4px}.timeline-company{font-size:.92em;font-weight:500;margin:0 0 10px;opacity:.88}.timeline-company span{font-weight:400;opacity:.7}.timeline-desc{font-size:.9em;line-height:1.55;margin:0 0 12px;opacity:.8}.timeline-tags{display:flex;flex-wrap:wrap;gap:6px}.timeline-tags .tl-tag{background:#bf57001f;border:1px solid #bf57004d;border-radius:20px;color:#bf5700;font-size:.72em;font-weight:600;padding:3px 10px}.timeline-item.left .timeline-tags{justify-content:flex-end}@media(max-width:900px){.timeline-rail{left:24px}.timeline-item{gap:16px;grid-template-columns:48px 1fr}.timeline-item.left .timeline-card,.timeline-item.right .timeline-card{grid-column:2;text-align:left}.timeline-item .timeline-node{grid-column:1;height:36px;width:36px}.timeline-item.left .timeline-tags{justify-content:flex-start}}@media(max-width:768px){.timeline-section .items-container{padding:40px 5%}}.projects-container{display:flex;flex-direction:column;padding:60px 10%;text-align:left}.projects-container h1{margin-block-end:8px}.projects-container .projects-subhead{font-size:1em;margin-block-end:32px;margin-block-start:0;opacity:.7}.projects-container .more-projects-heading{font-size:1.6em;font-weight:600;margin-block-end:24px;margin-block-start:60px;opacity:.85}.featured-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,1fr)}.compact-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.project-card{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;background:#ffffff05;border:1px solid #bf570033;border-radius:14px;overflow:hidden;position:relative;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:border-color .3s ease,transform .2s ease,box-shadow .3s ease;will-change:transform}.project-card:hover{border-color:#bf5700b3;box-shadow:0 12px 40px #bf570026}.project-card:hover .card-glow,.project-card:hover .play-overlay{opacity:1}.project-card:hover .card-media img{transform:scale(1.05)}.light-mode .project-card{background:#00000005;border-color:#bf570040}.card-glow{background:radial-gradient(420px circle at var(--mx) var(--my),#bf57002e,#0000 40%);border-radius:14px;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.card-inner{display:flex;flex-direction:column;height:100%;position:relative;z-index:2}.card-media{aspect-ratio:16/9;background:linear-gradient(135deg,#0d1116,#bf5700);cursor:pointer;overflow:hidden;position:relative;width:100%}.card-media img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.card-media .play-overlay{align-items:center;background:#00000073;color:#fff;display:flex;flex-direction:column;gap:6px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .25s ease}.card-media .play-overlay svg{font-size:3.5em}.card-media .play-overlay span{font-size:.85em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.card-media .gradient-placeholder{align-items:center;background:inherit;display:flex;height:100%;justify-content:center;width:100%}.card-media .gradient-placeholder .placeholder-title{color:#fff;font-size:2.2em;font-weight:800;letter-spacing:1px;text-shadow:0 4px 20px #0006}.project-card.compact .card-media{aspect-ratio:16/10}.project-card.compact .card-media .gradient-placeholder .placeholder-title{font-size:1.6em}.in-progress-badge{background-color:#bf5700;border-radius:12px;box-shadow:0 2px 10px #bf570066;color:#fff!important;font-size:.65em;font-weight:700;letter-spacing:1px;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:3}.card-body{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:20px 22px 22px}.card-header h2{font-size:1.45em;margin:0;transition:color .2s ease}.card-header a h2:hover{color:#bf5700}.card-header .project-subtitle{color:#bf5700!important;font-size:.85em;font-weight:500;margin:4px 0 0}.project-card.compact .card-header h2{font-size:1.15em}.project-card.compact .card-header .project-subtitle{font-size:.78em}.project-description{flex:1 1;font-size:.92em;line-height:1.55;margin:0;opacity:.85}.project-card.compact .project-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;font-size:.82em;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.card-tags .tag{background:#bf57001f;border:1px solid #bf57004d;border-radius:20px;color:#bf5700;font-size:.7em;font-weight:600;letter-spacing:.3px;padding:3px 10px}.light-mode .card-tags .tag{background:#bf570014}.card-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.card-links .card-link{align-items:center;background:#bf57000f;border:1px solid #bf570059;border-radius:8px;color:#fff;display:inline-flex;font-size:.8em;font-weight:600;gap:5px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.card-links .card-link svg{font-size:1em}.card-links .card-link:hover{background:#bf57001a;border-color:#bf5700;color:#bf5700;transform:translateY(-1px)}.card-links .card-link.primary{background:#bf5700;border-color:#bf5700;color:#fff}.card-links .card-link.primary:hover{background:#d66a0e;color:#fff}.light-mode .card-links .card-link{background:#bf570014;color:#0d1116}.light-mode .card-links .card-link.primary{color:#fff}.video-modal-backdrop{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:40px 20px;position:fixed;z-index:9999}.video-modal{animation:scaleIn .25s ease;max-width:1100px;position:relative;width:100%}.modal-close{align-items:center;background:#0000;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;top:-44px;transition:all .2s ease;width:36px}.modal-close:hover{background:#ffffff1a;border-color:#bf5700}.modal-close svg{font-size:1.2em}.video-wrapper{aspect-ratio:16/9;border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden;position:relative;width:100%}.video-wrapper iframe{border:0;height:100%;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:1100px){.compact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projects-container{padding:40px 5%}.featured-grid{gap:20px;grid-template-columns:1fr}.compact-grid{gap:16px;grid-template-columns:1fr}.project-card{transform:none!important}.card-body{padding:16px 18px 18px}}#contact .items-container{padding:60px 10%}.contact_wrapper{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff08;border:1px solid #bf570040;border-radius:18px;margin:0 auto;max-width:780px;overflow:hidden;padding:36px 34px;position:relative}.contact_wrapper:before{background:linear-gradient(90deg,#0000,#bf5700,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.contact_wrapper h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#bf5700);-webkit-background-clip:text;background-clip:text;margin-block-end:8px;margin-block-start:0}.contact_wrapper>p{margin-block-end:20px;margin-block-start:0;opacity:.8}.contact_wrapper svg{font-size:1em;margin-right:5px;vertical-align:middle}.light-mode .contact_wrapper{background:#00000005}.light-mode .contact_wrapper h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0d1116,#bf5700);-webkit-background-clip:text;background-clip:text}.success-message{background:#bf57001f;border:1px solid #bf570066;border-radius:10px;color:#bf5700;font-weight:600;margin-top:10px;padding:14px 18px}.contact-form{padding-top:10px}.contact-form .MuiOutlinedInput-root{background:#fffffff2;border-radius:10px}.contact-form .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#bf570033}.contact-form .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#bf5700}.contact-form .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#bf5700;border-width:2px}.contact-form .MuiInputLabel-root{color:#0d1116b3}.contact-form .MuiInputLabel-root.Mui-focused{color:#bf5700}.contact-form button{background:#bf5700;border-radius:10px;box-shadow:0 6px 18px #bf57004d;color:#fff;float:right;font-size:.95em;font-weight:600;padding:10px 24px;text-transform:none;transition:all .25s ease}.contact-form button:hover{background:#d66a0e;box-shadow:0 10px 24px #bf570073;transform:translateY(-2px)}label{font-family:DomaineDispNar-Medium,sans-serif;font-size:1.2rem}.form-flex{display:flex;gap:15px;padding-bottom:15px}.form-flex .MuiFormControl-root{width:100%}.body-form,form{width:100%!important}.body-form{margin-bottom:15px!important}@media(max-width:768px){#contact .items-container{padding:40px 5%}.contact_wrapper{padding:26px 22px}.form-flex{flex-direction:column}}.certifications-container{display:flex;flex-direction:column;overflow:hidden;padding:60px 10%;position:relative;text-align:left}.certifications-container h1{margin-block-end:32px;position:relative;z-index:1}.certifications-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);position:relative;z-index:1}.certification{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #bf570038;border-radius:14px;overflow:hidden;padding:22px;position:relative;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.certification:before{background:linear-gradient(180deg,#bf5700,#0000);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.certification:hover{border-color:#bf570099;box-shadow:0 10px 30px #bf570026;transform:translateY(-3px)}.light-mode .certification{background:#00000005}.cert-header{align-items:flex-start;display:flex;gap:14px}.cert-logo{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000026;object-fit:contain;padding:4px}.cert-logo,.cert-logo-fallback{flex-shrink:0;height:44px;width:44px}.cert-logo-fallback{color:#bf5700}.cert-logo-fallback.hidden{display:none}.cert-info{flex:1 1;min-width:0}.cert-info h3{font-size:1em;font-weight:700;line-height:1.3;margin:0 0 2px}.cert-info a{color:inherit;text-decoration:none}.cert-info a:hover h3{color:#bf5700}.cert-issuer{font-size:.85em;font-weight:500;margin:0 0 2px;opacity:.9}.cert-date{font-size:.78em;margin:0 0 2px;opacity:.65}.cert-credential{font-family:Courier Prime,monospace;font-size:.75em;margin:0;opacity:.55}.cert-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.cert-skill-tag{background:#bf57001f;border:1px solid #bf57004d;border-radius:20px;color:#bf5700;font-size:.72em;font-weight:600;padding:3px 10px}@media(max-width:768px){.certifications-container{padding:40px 5%}.certifications-grid{grid-template-columns:1fr}}.readnotes-page{min-height:100vh;padding-top:80px}.readnotes-hero{padding:40px 10%}.readnotes-hero .back-link{align-items:center;display:inline-flex;font-size:.95rem;gap:5px;margin-bottom:30px;opacity:.8;transition:opacity .2s}.readnotes-hero .back-link:hover{color:#bf5700!important;opacity:1}.readnotes-hero .back-link svg{font-size:1.2rem}.readnotes-hero .hero-content{align-items:center;display:flex;gap:50px}.readnotes-hero .readnotes-logo{border-radius:32px;height:180px;object-fit:cover;width:180px}.readnotes-hero .hero-text h1{font-size:3em;margin-block-end:5px;margin-block-start:0}.readnotes-hero .hero-text .tagline{color:#bf5700!important;font-size:1.3em;font-weight:500;margin-block-end:15px;margin-block-start:0}.readnotes-hero .hero-text .description{font-size:1.1em;line-height:1.6;margin-block-end:25px;max-width:600px}.readnotes-hero .app-store-btn{align-items:center;background-color:#bf5700;border-radius:10px;color:#fff!important;display:inline-flex;font-size:1.05rem;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s}.readnotes-hero .app-store-btn:hover{background-color:#a34b00;color:#fff!important;text-decoration:none}.readnotes-hero .app-store-btn svg{color:#fff!important;font-size:1.3rem}.readnotes-tech{padding:40px 10%}.readnotes-tech h2{margin-block-end:25px}.readnotes-tech .tech-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.readnotes-tech .tech-item{border:1px solid #bf570033;border-radius:8px;padding:20px}.readnotes-tech .tech-item h3{color:#bf5700!important;font-size:.9em;letter-spacing:1px;margin-block-end:8px;margin-block-start:0;text-transform:uppercase}.readnotes-tech .tech-item p{font-size:1em;margin-block-end:0;margin-block-start:0}.readnotes-features{padding:40px 10% 80px}.readnotes-features h2{margin-block-end:40px}.readnotes-features .features-list{display:flex;flex-direction:column;gap:60px}.readnotes-features .feature-row{align-items:center;display:flex;gap:60px}.readnotes-features .feature-row.reverse{flex-direction:row-reverse}.readnotes-features .feature-image{flex:0 0 280px}.readnotes-features .feature-image img{border-radius:16px;box-shadow:0 8px 30px #0000004d;width:280px}.readnotes-features .feature-text{flex:1 1}.readnotes-features .feature-text h3{font-size:1.8em;margin-block-end:10px;margin-block-start:0}.readnotes-features .feature-text p{font-size:1.1em;line-height:1.6;opacity:.85}@media screen and (max-width:768px){.readnotes-hero{padding:30px 5%}.readnotes-hero .hero-content{align-items:flex-start;flex-direction:column;gap:25px}.readnotes-hero .readnotes-logo{border-radius:24px;height:120px;width:120px}.readnotes-hero .hero-text h1{font-size:2.2em}.readnotes-tech{padding:30px 5%}.readnotes-tech .tech-grid{grid-template-columns:repeat(2,1fr)}.readnotes-features{padding:30px 5% 60px}.readnotes-features .feature-row,.readnotes-features .feature-row.reverse{flex-direction:column;gap:25px}.readnotes-features .feature-image{flex:none}.readnotes-features .feature-image img{width:220px}.readnotes-features .feature-text h3{font-size:1.4em}}
/*# sourceMappingURL=main.663ddfc2.css.map*/