@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-cream:#f8f6f0;--primary-dark:#75070c;--text-dark:#1a1a1a;--text-light:#5a5a5a;--text-accent:#8b5a2b;--border-light:#75070c14;--shadow-soft:0 8px 32px #0000000f;--shadow-hover:0 16px 48px #0000001f;--glass-bg:#fffc;--glass-border:#00000014;--sophisticated-bg:#f8f6f0e6;--card-bg:#fffffff2}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f8f6f0,#f2f0eb 50%,#ede9e0);color:#1a1a1a;color:var(--text-dark);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}body:before{animation:float 25s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#75070c05 0,#0000 60%),radial-gradient(circle at 80% 20%,rgba(117,7,12,.025) 0,#0000 60%),radial-gradient(circle at 40% 40%,rgba(0,0,0,.015) 0,#0000 50%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes float{0%,to{opacity:1;transform:translateY(0) rotate(0deg)}25%{opacity:.8;transform:translateY(-15px) rotate(1deg)}50%{opacity:.9;transform:translateY(8px) rotate(-.5deg)}75%{opacity:.85;transform:translateY(-8px) rotate(1.5deg)}}.portfolio{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem;position:relative;z-index:1}.left-section{animation:slideInLeft .8s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;gap:1rem;padding-right:2rem}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.header{display:flex;flex-direction:column;gap:2rem}.logo{-webkit-text-fill-color:#0000;animation:logoGlow 4s ease-in-out infinite alternate;background:linear-gradient(135deg,#75070c,#a0090f 60%,#8b5a2b);background:linear-gradient(135deg,var(--primary-dark) 0,#a0090f 60%,#8b5a2b 100%);-webkit-background-clip:text;background-clip:text;color:#75070c;color:var(--primary-dark);cursor:pointer;font-family:Outfit,sans-serif;font-size:4.8rem;font-weight:800;letter-spacing:-.03em;margin:0;text-shadow:0 0 30px #75070c1a;transition:transform .2s ease}.logo:hover{transform:translateY(-2px)}@keyframes logoGlow{0%{filter:drop-shadow(0 0 8px rgba(117,7,12,.3));transform:translateY(0)}to{filter:drop-shadow(0 0 20px rgba(117,7,12,.5));transform:translateY(-2px)}}.email-section{align-items:center;display:flex;gap:1.5rem;margin-left:.5rem}.email{color:#1a1a1a;color:var(--text-dark);font-size:1.1rem;font-weight:500;letter-spacing:-.01em;position:relative;text-decoration:underline;-webkit-text-decoration-color:#75070c;text-decoration-color:#75070c;-webkit-text-decoration-color:var(--primary-dark);text-decoration-color:var(--primary-dark);text-decoration-thickness:2px;text-underline-offset:6px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.email:after{background:linear-gradient(135deg,#75070c,#a0090f);background:linear-gradient(135deg,var(--primary-dark),#a0090f);bottom:-3px;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.25,.46,.45,.94);width:0}.email-section:hover .email:after{width:100%}.email-actions{display:flex;gap:.8rem}.email-btn{align-items:center;background:linear-gradient(135deg,#75070c,#a0090f);background:linear-gradient(135deg,var(--primary-dark) 0,#a0090f 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #75070c40,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:40px}.email-btn:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.email-btn:hover:before{left:100%}.email-btn:hover{background:linear-gradient(135deg,#a0090f,#c50a11);box-shadow:0 8px 25px #75070c66,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.08)}.email-btn:active{transform:translateY(-1px) scale(.98)}.copy-message{animation:elegantBounce 2.8s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#75070c,#a0090f);background:linear-gradient(135deg,var(--primary-dark),#a0090f);border-radius:14px;box-shadow:0 8px 25px #75070c4d,inset 0 1px 0 #fff3;color:#fff;font-size:.85rem;font-weight:600;opacity:0;padding:.7rem 1.4rem;position:absolute;right:0;top:-3.5rem}@keyframes elegantBounce{0%{opacity:0;transform:translateY(15px) scale(.8) rotate(-2deg)}15%{opacity:1;transform:translateY(-8px) scale(1.05) rotate(1deg)}30%{transform:translateY(2px) scale(1) rotate(0deg)}85%{opacity:1}to{opacity:0;transform:translateY(-8px) scale(.95) rotate(.5deg)}}.about-section{animation:fadeInUp .8s ease-out .3s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--card-bg);border:1px solid #00000014;border:1px solid var(--glass-border);border-radius:28px;box-shadow:0 8px 32px #0000000f,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-soft),inset 0 1px 0 #ffffffe6;overflow:hidden;padding:2.5rem;position:relative}.about-section:before{background:linear-gradient(90deg,#0000,#0000001a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.about-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#75070c,#a0090f 60%,#8b5a2b);background:linear-gradient(135deg,var(--primary-dark) 0,#a0090f 60%,var(--text-accent) 100%);-webkit-background-clip:text;background-clip:text;color:#75070c;color:var(--primary-dark);font-family:Outfit,sans-serif;font-size:2.4rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem;position:relative;z-index:1}.about-section p{color:#5a5a5a;color:var(--text-light);font-size:1rem;font-weight:400;line-height:1.85;margin-bottom:1.2rem;position:relative;text-align:justify;z-index:1}.about-section p:last-child{margin-bottom:0}.social-links{animation:fadeInUp .8s ease-out .6s both;display:flex;flex-direction:column;gap:1.2rem}.social-btn{align-items:center;background:linear-gradient(135deg,#75070c,#a0090f 70%,#8b5a2b);background:linear-gradient(135deg,var(--primary-dark) 0,#a0090f 70%,var(--text-accent) 100%);border-radius:18px;box-shadow:0 8px 32px #0000000f,inset 0 1px 0 #ffffff40;box-shadow:var(--shadow-soft),inset 0 1px 0 #ffffff40;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:1rem;justify-content:center;letter-spacing:-.01em;overflow:hidden;padding:1.2rem 1.8rem;position:relative;text-align:center;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.social-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.social-btn:hover:before{left:100%}.social-btn:hover{background:linear-gradient(135deg,#a0090f,#c50a11 70%,#b8763a);box-shadow:0 16px 48px #0000001f,inset 0 1px 0 #ffffff59;box-shadow:var(--shadow-hover),inset 0 1px 0 #ffffff59;transform:translateY(-6px) scale(1.02)}.social-icon{height:22px;transition:transform .3s ease;width:22px}.social-btn:hover .social-icon{transform:scale(1.1) rotate(-5deg)}.right-section{animation:slideInRight .8s cubic-bezier(.25,.46,.45,.94) .2s both;display:flex;flex-direction:column;gap:.5rem}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.slideshow-container{border-radius:28px;box-shadow:0 8px 32px #0000000f,inset 0 1px 0 #ffffff1a;box-shadow:var(--shadow-soft),inset 0 1px 0 #ffffff1a;height:350px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.slideshow-container:hover{box-shadow:0 16px 48px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-6px) scale(1.02)}.slideshow{position:relative}.slide,.slideshow{height:100%;width:100%}.slide{background-position:50%;background-size:cover;filter:brightness(.95) contrast(1.05) saturate(1.1);left:0;opacity:0;position:absolute;top:0;transition:all 1.4s cubic-bezier(.25,.46,.45,.94)}.slide.active{filter:brightness(1) contrast(1.1) saturate(1.2);opacity:1}.slide:before{background:linear-gradient(135deg,#75070c14,#0000 40%,#75070c0d);content:"";inset:0;position:absolute;transition:opacity .3s ease}.slideshow-container:hover .slide:before{opacity:.7}.slideshow-dots{bottom:1.8rem;display:flex;gap:1rem;left:50%;position:absolute;transform:translateX(-50%)}.dot{background:#ffffff4d;border:2px solid #ffffffe6;border-radius:50%;cursor:pointer;height:10px;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:10px}.dot:hover{background:#ffffffb3;transform:scale(1.2)}.dot.active{background:#fff;box-shadow:0 0 25px #fffc;transform:scale(1.4)}.audio-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--card-bg);border:1px solid #00000014;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0000000f,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-soft),inset 0 1px 0 #ffffffe6;padding:1.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.audio-player:hover{box-shadow:0 16px 48px #0000001f,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-hover),inset 0 1px 0 #ffffffe6;transform:translateY(-4px)}.audio-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.audio-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#75070c,#a0090f);background:linear-gradient(135deg,var(--primary-dark) 0,#a0090f 100%);-webkit-background-clip:text;background-clip:text;color:#75070c;color:var(--primary-dark);font-size:1.1rem;font-weight:700;margin:0}.audio-info p{color:#5a5a5a;color:var(--text-light);font-size:.9rem;font-weight:500;margin:0}.compact-controls{gap:1rem}.compact-controls,.control-btn{align-items:center;display:flex}.control-btn{background:linear-gradient(135deg,#75070c,#a0090f);background:linear-gradient(135deg,var(--primary-dark) 0,#a0090f 100%);border:none;border-radius:50%;box-shadow:0 6px 20px #75070c4d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:44px}.control-btn:before{background:linear-gradient(45deg,#0000 30%,#ffffff40,#0000 70%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.control-btn:hover:before{opacity:1}.control-btn:hover{background:linear-gradient(135deg,#a0090f,#c50a11);box-shadow:0 10px 30px #75070c66,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.05)}.audio-progress{align-items:center;display:flex;gap:.8rem}.time{color:#5a5a5a;color:var(--text-light);font-size:.75rem;font-weight:600;min-width:32px}.progress-bar{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#0000001a,#0000000d);border-radius:3px;cursor:pointer;flex:1 1;height:5px;outline:none;transition:all .2s ease}.progress-bar:hover{background:linear-gradient(90deg,#00000026,#00000014)}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#75070c,#a0090f);background:linear-gradient(135deg,var(--primary-dark),#a0090f);border-radius:50%;box-shadow:0 3px 10px #75070c4d,inset 0 1px 0 #fff3;cursor:pointer;height:14px;-webkit-transition:all .2s ease;transition:all .2s ease;width:14px}.progress-bar::-webkit-slider-thumb:hover{box-shadow:0 5px 15px #75070c66,inset 0 1px 0 #ffffff4d;transform:scale(1.15)}.volume-control{align-items:center;display:flex;gap:.6rem}.volume-bar{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#0000001a,#0000000d);border-radius:2px;cursor:pointer;height:4px;outline:none;width:60px}.volume-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#75070c,#a0090f);background:linear-gradient(135deg,var(--primary-dark),#a0090f);border-radius:50%;box-shadow:0 2px 6px #75070c4d,inset 0 1px 0 #fff3;cursor:pointer;height:12px;width:12px}.video-section{background:#fffffff2;background:var(--card-bg);border-radius:28px;box-shadow:0 8px 32px #0000000f,inset 0 1px 0 #ffffff1a;box-shadow:var(--shadow-soft),inset 0 1px 0 #ffffff1a;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.video-section:hover{box-shadow:0 16px 48px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-6px) scale(1.01)}.video-container{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-container iframe{border:none;border-radius:28px;height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:1024px){.portfolio{gap:2.5rem;grid-template-columns:1fr;padding:1.5rem}.left-section{padding-right:0}.logo{font-size:4rem}.email-section{justify-content:flex-start;margin-left:0}}@media (max-width:768px){body{padding-top:80px}.portfolio{gap:2rem;padding:1rem}.header{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(135deg,#f8f6f0,#f2f0eb 50%,#ede9e0);border:none;box-shadow:none;gap:0;left:0;margin:0;outline:none;padding:1rem 1rem .5rem;position:fixed;top:0;width:100%;z-index:1000}.logo{font-size:2.8rem;margin-bottom:.5rem}.slideshow-container{height:280px}.about-section{padding:2rem}.email-section{align-items:center;flex-direction:row;gap:1rem;margin-left:0}.email-actions,.email-section{justify-content:flex-start}.compact-controls{justify-content:center}}@media (max-width:480px){.portfolio{padding-top:110px}.header{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(135deg,#f8f6f0,#f2f0eb 50%,#ede9e0);border:none;box-shadow:none;margin:0;outline:none;padding:.8rem 1rem 1.8rem}.logo{font-size:2.4rem}.slideshow-container{height:220px}.control-btn{height:38px;width:38px}.audio-player{padding:1.2rem}.social-btn{font-size:.9rem;padding:1rem 1.4rem}.social-icon{height:18px;width:18px}.about-section{padding:1.8rem}.about-section h2{font-size:2rem}.email-section{align-items:center;flex-direction:row;gap:1rem;margin-left:0}.email-actions,.email-section{justify-content:flex-start}}.App{min-height:100vh;text-align:left;width:100%}
/*# sourceMappingURL=main.8a3f6c6e.css.map*/