.header{position:relative;z-index:9;width:100%;min-height:auto;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;background-color:var(--color-dark);padding:var(--spacing-md)}.header-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../pattern.png);background-size:324px;background-repeat:repeat;opacity:.8;animation:psychedelic-pulse 8s ease-in-out infinite;filter:saturate(1.2) contrast(1.1);mix-blend-mode:screen}.header-pattern:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ff6b354d,#9b59b633,#00ced14d);animation:wave-distortion 6s ease-in-out infinite;mix-blend-mode:overlay}.header-content{position:relative;z-index:10;width:auto;max-width:400px;padding:0}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-start;padding:var(--spacing-md);background:#1a1a1ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid var(--color-primary-orange);max-width:400px;animation:psychedelic-glow 3s ease-in-out infinite}.contact-link{font-family:var(--font-display);font-size:1.2rem;font-weight:500;color:var(--color-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.contact-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,53,.3),transparent);transition:left .5s ease}.contact-link:hover:before{left:100%}.contact-link:hover{color:var(--color-primary-orange);transform:translate(10px);text-shadow:0 0 20px rgba(255,107,53,.6)}@media (max-width: 768px){.header{padding:var(--spacing-sm)}.header-content,.contact-info{max-width:100%}.contact-link{font-size:1rem}}.projects-section{padding:var(--spacing-xl) var(--spacing-md);max-width:1600px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md);width:100%}.project-card{position:relative;aspect-ratio:9 / 16;cursor:pointer;border-radius:12px;overflow:hidden;background:var(--color-dark);transition:transform .3s ease}.project-card:hover{transform:translateY(-8px)}.project-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .5s ease}.psychedelic-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background:radial-gradient(circle at center,#ff6b354d,#9b59b64d,#00ced14d);background-size:200% 200%;mix-blend-mode:screen;transition:opacity .5s ease,background-position 2s ease-in-out}.project-card:hover .project-image{transform:scale(1.05);filter:saturate(1.4) contrast(1.2) hue-rotate(5deg)}.project-card:hover .psychedelic-overlay{opacity:1;animation:psychedelic-wave 5s ease-in-out infinite}@keyframes psychedelic-wave{0%,to{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:0% 0%}}.project-card:hover{box-shadow:0 10px 40px #ff6b354d,0 0 60px #9b59b633}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-sm)}}@media (max-width: 768px){.projects-section{padding:var(--spacing-md) var(--spacing-sm)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}.project-card{border-radius:8px}}@media (max-width: 480px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.pdf-section{padding:var(--spacing-xl) var(--spacing-md);max-width:900px;margin:0 auto}.pdf-container{position:relative;width:100%;border-radius:24px;background:#2a2d2e;box-shadow:0 20px 60px #0003;padding:var(--spacing-lg);text-align:center}.resume-text-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.resume-text{font-size:1.2rem;line-height:1.7;color:var(--color-light);max-width:600px;margin:0 auto}.download-button{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-primary-orange) 0%,var(--color-secondary-orange) 100%);border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 25px #ff6b354d}.download-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ff6b3566}.download-button:active{transform:translateY(0);box-shadow:0 8px 25px #ff6b354d}@media (max-width: 768px){.pdf-section{padding:var(--spacing-md) var(--spacing-sm)}.pdf-container{padding:var(--spacing-md)}.resume-text{font-size:1rem}.download-button{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md)}}.status-bar{position:absolute;top:0;left:0;right:0;height:47px;display:grid;grid-template-columns:1fr auto 1fr;align-items:flex-start;padding:0 42px;z-index:20;color:#080808;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:15px;font-weight:600}.status-bar-left{display:flex;align-items:center;justify-content:flex-start;height:100%;padding-top:24.5px}.status-bar-center{width:126px;padding-top:24.5px}.status-bar-right{display:flex;align-items:center;justify-content:flex-end;gap:6px;height:100%;padding-top:24.5px}.status-time{font-size:15px;font-weight:600;letter-spacing:-.3px}.status-icon{color:#080808;opacity:1}.status-icon.signal{margin-right:4px}.status-icon.battery{opacity:1}.iphone-frame.landscape .status-bar{top:0;left:0;bottom:0;right:auto;width:47px;height:100%;grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;padding:42px 0;writing-mode:horizontal-tb}.iphone-frame.landscape .status-bar-left{writing-mode:horizontal-tb;transform:rotate(-90deg) translate(-272px,-3px);transform-origin:center;padding-top:0;padding-left:24.5px;height:auto;width:100%}.iphone-frame.landscape .status-bar-center{width:auto;height:37px;padding-top:0;padding-left:0}.iphone-frame.landscape .status-bar-right{writing-mode:horizontal-tb;transform:rotate(-90deg) translate(150px,-1px);transform-origin:center;padding-top:0;padding-left:24.5px;height:auto;width:100%}.modal-content.mobile .status-bar{display:none}.modal-backdrop{position:fixed;top:-10%;left:-10%;width:120%;height:120%;background:#000000e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;will-change:opacity;transform:translateZ(0);backface-visibility:hidden;transition:opacity .4s ease-in-out}.modal-content{position:fixed;z-index:1001}.modal-content.desktop{top:0;left:0;right:0;bottom:0;margin:auto;width:fit-content;height:fit-content}.modal-content.mobile{top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:fixed}.iphone-frame{position:relative;background:#1d1d1f;border-radius:55px;padding:12px;box-shadow:0 0 0 2px #3a3a3c,0 20px 60px #00000080,inset 0 0 20px #0000004d;transition:none}.iphone-frame.portrait{border-radius:55px}.iphone-frame.landscape{border-radius:45px}.dynamic-island{position:absolute;top:20px;left:50%;transform:translate(-50%);width:126px;height:37px;background:#000;border-radius:19px;z-index:10;box-shadow:0 2px 10px #00000080}.iphone-frame.landscape .dynamic-island{top:50%;left:-27px;transform:translateY(-50%) rotate(90deg)}.iphone-screen{width:100%;height:100%;background:#e1e1e1;border-radius:45px;overflow:hidden;position:relative;padding-top:55px}.iphone-frame.landscape .iphone-screen{padding-top:0;padding-left:47px}.playable-iframe{width:100%;height:calc(100% - 55px);border:none;display:block;background:#fff;opacity:0;animation:fadeInIframe .4s ease-in-out forwards;position:absolute;top:55px;left:0}.iphone-frame.landscape .playable-iframe{width:calc(100% - 47px);height:100%;top:0;left:47px}@keyframes fadeInIframe{to{opacity:1}}.reload-button,.orientation-button,.close-button{position:absolute;width:50px;height:50px;border-radius:50%;background:var(--color-primary-orange);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:3px solid white;transition:all .4s ease;z-index:20;box-shadow:0 4px 20px #ff6b3566}.reload-button:hover,.orientation-button:hover,.close-button:hover{transform:scale(1.1) rotate(15deg);background:var(--color-secondary-orange);box-shadow:0 6px 30px #ff6b3599,0 0 40px #9b59b666}.reload-button:active,.orientation-button:active,.close-button:active{transform:scale(.95)}.reload-button{top:-70px;left:50%;transform:translate(-50%);font-weight:700}.reload-button:hover{transform:translate(-50%) scale(1.1) rotate(180deg)}.orientation-button{bottom:-70px;left:20px}.close-button{top:-10px;right:-10px;background:var(--color-accent-purple);border-color:var(--color-accent-purple)}.close-button:hover{background:var(--color-accent-pink);border-color:var(--color-accent-pink)}.modal-content.mobile .iphone-frame{width:100vw!important;height:100vh!important;border-radius:0;padding:0;box-shadow:none;position:fixed;top:0;left:0;background:transparent}.modal-content.mobile .dynamic-island,.modal-content.mobile .status-bar{display:none}.modal-content.mobile .iphone-screen{border-radius:0;padding:0;width:100vw;height:100vh}.modal-content.mobile .playable-iframe{width:100%;height:100%;top:0;left:0;position:absolute}.modal-content.mobile .reload-button,.modal-content.mobile .orientation-button{display:none}.modal-content.mobile .close-button{top:20px;right:20px;width:60px;height:60px;font-size:28px;background:#9b59b6e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes button-pulse{0%,to{box-shadow:0 4px 20px #ff6b3566,0 0 30px #ff6b3533}50%{box-shadow:0 4px 30px #ff6b3599,0 0 50px #9b59b666}}.reload-button,.orientation-button,.close-button{animation:button-pulse 3s ease-in-out infinite}@media (max-width: 1024px){.iphone-frame{transform:scale(.8)}}@media (max-width: 768px){.modal-content.desktop{display:none}}.app{min-height:100vh;width:100%;position:relative;background:var(--color-dark)}.app.modal-open{padding-right:var(--scrollbar-width, 0px)}.app.modal-open .main-content{overflow:hidden}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:linear-gradient(45deg,#ff6b3526,#9b59b61a,#00ced126,#ff14931a,#ff6b3526);background-size:400% 400%;animation:psychedelic-background 15s ease-in-out infinite;mix-blend-mode:multiply;opacity:.6}@keyframes psychedelic-background{0%,to{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:50% 0%}}.main-content{width:100%;position:relative;z-index:1;background-color:var(--color-dark)}.main-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(45deg,#ff6b354d,#9b59b633,#00ced14d);mix-blend-mode:overlay;animation:wave-distortion 6s ease-in-out infinite,psychedelic-pulse 8s ease-in-out infinite;filter:saturate(1.2) contrast(1.1)}html{scroll-behavior:smooth}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.app>*{animation:fadeInUp .4s ease-out}.project-card,.modal-content,.iphone-frame{will-change:transform;transform:translateZ(0);backface-visibility:hidden}@media (max-width: 768px){.app{-webkit-overflow-scrolling:touch}}button:focus-visible,a:focus-visible{outline:3px solid var(--color-primary-orange);outline-offset:4px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@font-face{font-family:Fixel;src:url(./FixelDisplay-Regular-BuKr9E3J.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fixel;src:url(./FixelDisplay-Bold-Cr-t0h_O.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fixel;src:url(./FixelDisplay-Medium-ABEgljqF.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fixel Text;src:url(./FixelText-Regular-Dv1kOdN_.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--color-primary-orange: #FF6B35;--color-secondary-orange: #FF8C42;--color-accent-purple: #9B59B6;--color-accent-pink: #FF1493;--color-accent-blue: #00CED1;--color-accent-yellow: #FFD700;--color-dark: #1e2021;--color-light: #f5f5f5;--font-display: "Fixel", sans-serif;--font-text: "Fixel Text", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:var(--font-text);background-color:var(--color-dark);color:var(--color-light);line-height:1.6;height:100%}#root{height:100%}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-primary-orange);border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-orange)}*{scrollbar-width:thin;scrollbar-color:var(--color-primary-orange) transparent}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-text);border:none;background:none}@keyframes psychedelic-pulse{0%,to{filter:hue-rotate(0deg) saturate(1)}50%{filter:hue-rotate(20deg) saturate(1.3)}}@keyframes psychedelic-glow{0%,to{box-shadow:0 0 20px #ff6b354d}50%{box-shadow:0 0 40px #ff6b3599,0 0 60px #9b59b666}}@keyframes wave-distortion{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}