@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700;900&family=Inter:wght@300;400;500&display=swap);:root{--bg-color:#0d1624;--bg-gradient:radial-gradient(circle at top left,#1a2c42,#0d1624 90%);--text-primary:#f7ece1;--text-secondary:#6b818c;--accent-color:#e74a32;--accent-secondary:#80475e;--glass-bg:#19283766;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0006;--skeuo-highlight:inset 1px 1px 2px #fff3;--skeuo-shadow:inset -1px -1px 2px #00000080,0 4px 10px #00000080;--skeuo-pushed:inset 2px 2px 5px #0009,inset -1px -1px 2px #ffffff1a;--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d1624;background:var(--bg-color);color:#f7ece1;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;line-height:1.1}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e74a32,#80475e);background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;background-clip:text}.glass-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#19283766;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px 0 #0006;box-shadow:var(--glass-shadow)}.skeuo-element{background:#0d1a29;border-radius:16px;box-shadow:inset -1px -1px 2px #00000080,0 4px 10px #00000080;box-shadow:var(--skeuo-shadow);position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.skeuo-element:before{border-radius:inherit;bottom:0;box-shadow:inset 1px 1px 2px #fff3;box-shadow:var(--skeuo-highlight);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.skeuo-button{background:linear-gradient(145deg,#142539,#08111a);border:none;border-radius:12px;box-shadow:4px 4px 10px #0009,-2px -2px 6px #ffffff0d,inset 0 0 0 #0000;color:#f7ece1;color:var(--text-primary);cursor:pointer;font-family:Outfit,sans-serif;font-family:var(--font-heading);font-weight:700;padding:16px 32px;transform:translateY(0);transition:all .2s ease}.skeuo-button:hover{box-shadow:6px 6px 12px #000000b3,-3px -3px 8px #ffffff0f,inset 0 0 0 #0000;transform:translateY(-4px) scale(1.02)}.skeuo-button:active{box-shadow:0 0 0 #0000,0 0 0 #fff0,inset 3px 3px 6px #0009,inset -2px -2px 4px #ffffff0d;color:#e74a32;color:var(--accent-color);transform:translateY(2px)}.app-container{background:var(--bg-gradient);min-height:100vh;overflow-x:hidden;position:relative;width:100vw}.orb-container{height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.bg-orb{border-radius:50%;filter:blur(160px);pointer-events:none;position:absolute}.bg-orb-1{animation:float 24s ease-in-out infinite alternate;background:radial-gradient(circle,#80475e99 0,#80475e00 70%);height:50vw;left:-10%;opacity:.3;top:-8%;width:50vw}.bg-orb-2{animation:float 28s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,#e74a3280 0,#e74a3200 70%);bottom:-10%;height:45vw;opacity:.25;right:-8%;width:45vw}.bg-orb-3{animation:float2 26s ease-in-out infinite alternate;background:radial-gradient(circle,#80475e66 0,#80475e00 70%);height:35vw;left:35%;opacity:.2;top:30%;width:35vw}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(12vw,-6vh) scale(1.06)}to{transform:translate(-6vw,8vh) scale(.98)}}@keyframes float2{0%{transform:translate(0) scale(1)}50%{transform:translate(-10vw,10vh) scale(1.04)}to{transform:translate(6vw,-5vh) scale(.96)}}.content-wrapper{margin:0 auto;max-width:1440px;padding:0 24px;position:relative;width:100%;z-index:10}.section-block{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative}@media (max-width:480px){.content-wrapper{padding:0 16px}}#projectsBlock{min-height:100vh!important;padding-bottom:60px}.floating-dock{border-radius:28px;flex-direction:column;gap:0;left:24px;padding:20px 12px;position:fixed;top:50%;transform:translateY(-50%);z-index:1000}.dock-logo,.floating-dock{align-items:center;display:flex;justify-content:center}.dock-logo{color:var(--accent-color);cursor:pointer;margin-bottom:4px;padding:4px}.dock-divider{background:#ffffff1a;height:1px;margin-bottom:8px;width:28px}.dock-list{display:flex;flex-direction:column;gap:28px;list-style:none;margin:0;padding:0}.dock-item{align-items:center;background:#ffffff0d;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;transition:color .3s ease,background .3s ease,box-shadow .3s ease;width:48px}.dock-item:hover{background:#ffffff1a;box-shadow:0 0 15px var(--accent-color);color:var(--accent-color)}.dock-icon{display:flex;font-size:22px}.dock-tooltip{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-bg);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:12px;left:62px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-10px);transition:all .3s cubic-bezier(.25,.8,.25,1);white-space:nowrap}.dock-item:hover .dock-tooltip{opacity:1;transform:translateX(0)}.hamburger-btn{border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;font-size:22px;height:48px;left:20px;position:fixed;top:20px;width:48px;z-index:1100}.hamburger-btn,.hamburger-icon{align-items:center;display:flex;justify-content:center}.mobile-drawer{border-radius:20px;left:20px;min-width:180px;padding:16px 12px;position:fixed;top:80px;z-index:1000}.mobile-nav-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.mobile-nav-item{align-items:center;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;gap:14px;padding:12px 16px;transition:color .2s ease,background .2s ease}.mobile-nav-item:hover{background:#ffffff14;color:var(--accent-color)}.mobile-nav-icon{display:flex;font-size:20px}.mobile-nav-label{font-family:var(--font-heading);font-size:.95rem;font-weight:600;letter-spacing:.02em}@media (hover:none) and (pointer:coarse){.dock-tooltip{display:none!important}}.home-container{height:100%;justify-content:center;width:100%}.hero-content,.home-container{align-items:center;display:flex}.hero-content{flex-direction:column;text-align:center;z-index:10}.avatar-container{align-items:center;border-radius:50%;display:flex;height:150px;justify-content:center;margin-bottom:32px;padding:6px;width:150px}.avatar-img{border-radius:50%;filter:grayscale(20%) contrast(120%);height:100%;object-fit:cover;transition:filter .5s ease;width:100%}.avatar-container:hover .avatar-img{filter:grayscale(0) contrast(100%)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.hero-name{align-items:center;display:flex;flex-direction:column;gap:0;line-height:1;margin-bottom:20px}.hero-first-name{font-weight:300}.hero-first-name,.hero-last-name{font-family:var(--font-heading);font-size:clamp(3.2rem,9vw,6.5rem);letter-spacing:.12em;text-transform:uppercase}.hero-last-name{font-weight:700}.hero-subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:clamp(.85rem,1.8vw,1.1rem);font-weight:400;letter-spacing:.25em;margin-bottom:48px}.cta-btn,.hero-subtitle{text-transform:uppercase}.cta-btn{font-size:.9rem;font-weight:500;letter-spacing:.15em}@media (max-width:768px){.avatar-container{height:120px;width:120px}}@media (max-width:480px){.hero-first-name,.hero-last-name{font-size:clamp(2.2rem,14vw,3.2rem);letter-spacing:.08em}.hero-subtitle{font-size:.8rem;letter-spacing:.12em;margin-bottom:32px}.cta-btn{font-size:.85rem;padding:12px 24px}}.about-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.about-bg{background-position:50%;background-size:cover;border-radius:40px;filter:brightness(.6) contrast(1.2);inset:0;mix-blend-mode:screen;pointer-events:none;position:absolute;z-index:0}.about-card{display:flex;flex-direction:column;gap:32px;max-width:800px;padding:48px;perspective:1000px;position:relative;width:100%;z-index:10}.about-header h2{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:16px}.divider{background:linear-gradient(90deg,var(--accent-color),#0000);height:4px}.about-body{display:flex;flex-direction:column;gap:24px}.lead-text{color:var(--text-primary);font-size:clamp(1.1rem,2vw,1.3rem);font-weight:300;line-height:1.8}.secondary-text{border-left:3px solid var(--accent-secondary);color:var(--text-secondary);font-size:clamp(1rem,1.8vw,1.15rem);font-style:italic;line-height:1.6;padding-left:16px}.highlight{color:var(--accent-color);font-weight:700}.about-footer{border-top:1px solid var(--glass-border);color:var(--text-secondary);font-family:var(--font-body);font-size:1rem;justify-content:space-between;margin-top:16px;padding-top:24px}.about-footer,.arrow-container{align-items:center;display:flex}.arrow-container{font-size:24px;justify-content:center}@media (max-width:768px){.about-card{padding:32px 24px}}@media (max-width:480px){.about-card{gap:24px;padding:32px 16px}.about-footer{flex-direction:column;gap:12px;text-align:center}}.modal-overlay{align-items:center;background:#000000bf;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-panel{border-radius:24px;cursor:default;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:calc(100% - 48px)}.modal-banner{border-radius:24px 24px 0 0;height:160px;overflow:hidden;position:relative;width:100%}.modal-banner-inner{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.modal-banner-inner svg{color:#ffffffe6;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.modal-close-btn{align-items:center;background:#0006;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s ease;width:44px;z-index:1}.modal-close-btn:hover{background:#0009}.modal-close-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.modal-body{display:flex;flex-direction:column;gap:16px;padding:24px}.modal-title{color:var(--text-primary);font-family:var(--font-heading);font-size:1.25rem;font-weight:700}.modal-role{color:var(--text-secondary);font-size:.875rem;margin-top:-8px}.modal-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.modal-badges{display:flex;flex-wrap:wrap;gap:8px}.modal-action-btn{align-self:flex-start}@media (max-width:768px){.modal-panel{width:calc(100% - 32px)}.modal-banner{height:120px}.modal-banner-inner svg{height:48px;width:48px}.modal-body{padding:16px}}.projects-container{display:flex;flex-direction:column;gap:48px;padding:100px 0;width:100%}.projects-header{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.projects-header h2{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);font-weight:700}.divider{background:linear-gradient(90deg,var(--accent-color),var(--accent-secondary));border-radius:2px;height:3px;width:60px}.projects-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);width:100%}@media (max-width:1023px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:639px){.projects-grid{gap:24px;grid-template-columns:1fr}}.project-card{border-radius:24px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0}.project-card:focus-visible{border-radius:24px;outline:2px solid var(--accent-color);outline-offset:4px}.card-banner{padding-top:56.25%;position:relative;width:100%}.card-banner-inner{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.card-banner-inner svg{color:#ffffffe6;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.card-body{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px}.card-title{color:var(--text-primary);font-family:var(--font-heading);font-size:1.25rem;font-weight:700}.card-role{color:var(--text-secondary);font-size:.875rem;margin-top:-4px}.card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9375rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:8px}.card-badges{display:flex;flex-wrap:wrap;gap:8px}.small-btn{align-items:center;border-radius:8px;display:inline-flex;gap:6px;padding:8px 16px;text-decoration:none}.self-hosted-indicator,.small-btn{font-size:.875rem;white-space:nowrap}.self-hosted-indicator{color:var(--text-secondary)}.tech-badge{background:#e74a321a;border:1px solid #e74a3233;border-radius:20px;color:var(--accent-color);font-size:.875rem;font-weight:400;padding:6px 16px}@media (max-width:768px){.projects-container{padding:60px 0}}.contact-container{height:100%;justify-content:center;padding:24px}.contact-card,.contact-container{align-items:center;display:flex;width:100%}.contact-card{border-radius:32px;flex-direction:column;gap:40px;max-width:600px;padding:48px;text-align:center}.contact-header h2{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:8px}.contact-header p{color:var(--text-secondary);font-size:1.1rem}.email-block{align-items:center;border-radius:16px;display:flex;gap:16px;justify-content:center;padding:24px;text-decoration:none;width:100%}.email-icon{color:var(--accent-color);font-size:28px}.email-text{font-size:clamp(1rem,3vw,1.5rem);font-weight:700;letter-spacing:.5px}.social-links{flex-wrap:wrap;gap:24px}.social-btn,.social-links{display:flex;justify-content:center}.social-btn{align-items:center;background:var(--glass-bg);border-radius:16px;color:var(--text-primary);font-size:24px;height:60px;text-decoration:none;transition:all .3s ease;width:60px}.social-btn.linkedin:hover{box-shadow:0 0 20px #0a66c266,inset 1px 1px 2px #fff3;color:#0a66c2}.social-btn.github:hover{box-shadow:0 0 20px #fff6,inset 1px 1px 2px #fff3;color:#fff}.social-btn.youtube:hover{box-shadow:0 0 20px #f006,inset 1px 1px 2px #fff3;color:red}.social-btn.soundcloud:hover{box-shadow:0 0 20px #f506,inset 1px 1px 2px #fff3;color:#f50}.social-btn.spotify:hover{box-shadow:0 0 20px #1ed76066,inset 1px 1px 2px #fff3;color:#1ed760}@media (max-width:480px){.contact-card{gap:20px;max-width:100%;padding:24px 8px}.email-text{font-size:.85rem}.email-block{gap:6px;padding:12px}.social-btn{font-size:18px;height:40px;width:40px}.social-links{gap:8px}}
/*# sourceMappingURL=main.9079f4c3.css.map*/