@import url(https://api.fontshare.com/v2/css?f[]=gilroy@100,200,300,400,500,600,700,800,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Gilroy:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=JetBrains+Mono:wght@100;200;300;400;500;600;700;800&family=Gilroy:wght@100;200;300;400;500;600;700;800;900&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}.color-picker-overlay{align-items:center;animation:fadeInOverlay .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.color-picker-container{animation:slideInScale .3s ease;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 24px 60px #0000004d,0 8px 20px #00000026;max-height:90vh;max-width:400px;overflow-y:auto;padding:32px;position:relative;width:100%}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.color-picker-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:16px}.color-picker-header h3{color:#2c3e50;font-size:20px;font-weight:600;letter-spacing:.5px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.close-btn:hover{background:#f8f9fa;color:#495057;transform:scale(1.1)}.close-btn:active{transform:scale(.95)}.predefined-colors{margin-bottom:32px}.predefined-colors h4{color:#495057;font-size:16px;font-weight:600;letter-spacing:.3px;margin:0 0 16px}.color-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:8px}.color-option{border:3px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:48px;overflow:hidden;position:relative;transition:all .3s ease;width:48px}.color-option:before{background:linear-gradient(135deg,#fff3,#0000,#0000001a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.color-option:hover{border-color:#007bff;box-shadow:0 6px 20px #0003;transform:scale(1.15)}.color-option:hover:before{opacity:1}.color-option.active{border-color:#007bff;box-shadow:0 0 0 3px #007bff40,0 6px 20px #00000026;transform:scale(1.1)}.check-mark{color:#fff;filter:drop-shadow(0 0 2px rgba(255,255,255,.8));font-size:16px;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #000c,0 0 4px #00000080;top:50%;transform:translate(-50%,-50%)}.custom-color-picker{margin-bottom:24px}.custom-color-picker h4{color:#495057;font-size:16px;font-weight:600;letter-spacing:.3px;margin:0 0 16px}.picker-wrapper{display:flex;justify-content:center}.sketch-picker{border:none!important;border-radius:12px!important;box-shadow:0 8px 24px #00000026!important}.current-color{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;color:#495057;display:flex;font-size:14px;font-weight:500;gap:12px;padding:16px}.current-color-swatch{border:2px solid #dee2e6;border-radius:6px;box-shadow:0 2px 4px #0000001a;height:24px;width:24px}.current-color code{background:#e9ecef;border-radius:6px;color:#6f42c1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px}@media (max-width:768px){.color-picker-container{border-radius:16px;margin:10px;max-height:85vh;padding:24px 20px}.color-picker-header{margin-bottom:24px}.color-picker-header h3{font-size:18px}.color-grid{gap:10px;grid-template-columns:repeat(4,1fr)}.color-option{border-radius:10px;height:44px;width:44px}.check-mark{font-size:14px}.custom-color-picker,.predefined-colors{margin-bottom:24px}.current-color{font-size:13px;padding:12px}.current-color-swatch{height:20px;width:20px}}@media (max-width:480px){.color-picker-container{margin:5px;padding:20px 16px}.color-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.color-option{height:40px;width:40px}.sketch-picker{width:100%!important}}.navbar{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;position:fixed;right:24px;top:24px;z-index:1000}.nav-container{align-items:center;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 12px 40px #00000026,0 4px 20px #0000001a,inset 0 1px 0 #ffffff26,inset 0 0 20px #ffffff0d;display:flex;gap:24px;overflow:hidden;padding:20px 26px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.nav-container:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 16px 50px #0003,0 6px 25px #00000026,inset 0 1px 0 #fff3,inset 0 0 25px #ffffff14;transform:translateY(-2px) scale(1.02)}.nav-container:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .8s cubic-bezier(.4,0,.2,1);width:100%;z-index:-1}.nav-container:hover:before{animation:shimmer 2s ease-in-out infinite;left:100%}.nav-menu{align-items:center;display:flex;gap:12px;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;color:inherit;display:block;font-size:14px;font-weight:500;letter-spacing:.3px;overflow:hidden;padding:12px 18px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-link:before{background:linear-gradient(90deg,#0000,#fff3,#0000)}.nav-link:hover{background:#fff3;border:1px solid #ffffff4d;box-shadow:0 12px 25px #ffffff26,0 6px 15px #ffffff1a,inset 0 1px 0 #ffffff4d;color:#fff!important;text-shadow:0 0 15px #ffffff80;transform:translateY(-3px) scale(1.05)}.nav-link:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%;z-index:-1}.nav-link:hover:before{left:100%}.nav-link.active{background:#ffffff38;box-shadow:0 4px 16px #ffffff26,inset 0 1px 0 #ffffff40;color:#fff;font-weight:600}.nav-link.active:after{background:linear-gradient(90deg,#0000,currentColor,#0000);border-radius:1px;bottom:2px;box-shadow:0 0 8px currentColor;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:28px}.nav-link.active:hover{box-shadow:0 6px 20px #fff3,inset 0 1px 0 #ffffff4d;transform:translateY(-1px) scale(1.01)}.moon-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:42px;justify-content:center;margin-left:16px;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:42px}.moon-icon:hover{animation:float 2s ease-in-out infinite;background:#ffffff40;border-color:#fff9;box-shadow:0 12px 30px #fff3,0 0 50px #ffffff26,inset 0 2px 0 #fff6;transform:scale(1.15) rotate(15deg) translateY(-2px)}.moon-icon:before{background:linear-gradient(45deg,#ffffff4d,#0000,#ffffff4d);transition:opacity .4s ease;z-index:-1}.moon-icon:hover:before{animation:pulse 2s ease-in-out infinite}.moon-icon:before{animation:none;background:conic-gradient(#0000,#ffffff4d,#0000,#ffffff4d,#0000);border-radius:50%;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:all .4s ease}.moon-icon:hover:before{animation:rotate 2s linear infinite;opacity:1}.moon-icon:after{background:radial-gradient(circle,#fff3,#0000);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;width:0}.moon-icon:hover:after{height:50px;opacity:0;width:50px}.moon-emoji{filter:drop-shadow(0 0 6px rgba(255,255,255,.4));position:relative;transition:all .4s ease;z-index:2}.moon-icon:hover .moon-emoji{filter:drop-shadow(0 0 12px rgba(255,255,255,.8));transform:scale(1.1)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-menu-toggle{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:16px;box-shadow:0 8px 25px #0000001f,inset 0 1px 0 #ffffff26;cursor:pointer;display:none;padding:14px;position:fixed;right:24px;top:24px;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1001}.mobile-menu-toggle:hover{background:#ffffff2e;border-color:#ffffff59;box-shadow:0 12px 30px #00000026,inset 0 1px 0 #fff3;transform:scale(1.05)}.hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-between;position:relative;width:24px}.hamburger span{background:currentColor;border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.hamburger.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.nav-container.mobile-open{animation:slideDown .4s cubic-bezier(.4,0,.2,1);background:#ffffff26;border-radius:24px;box-shadow:0 20px 60px #00000040,0 8px 30px #00000026,inset 0 1px 0 #fff3;flex-direction:column;gap:0;left:24px;padding:30px;position:fixed;right:24px;top:80px}.mobile-open .nav-menu{flex-direction:column;gap:8px;margin-bottom:24px;width:100%}.mobile-open .nav-link{border-radius:16px;font-size:16px;padding:16px 24px;text-align:center;width:100%}.mobile-open .moon-icon{align-self:center;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.navbar{background:#0000;left:0;right:0;top:0}.mobile-menu-toggle{display:block}.nav-container{display:none}.nav-container.mobile-open{display:flex;max-width:none}}@media (max-width:480px){.mobile-menu-toggle{padding:12px;right:16px;top:16px}.nav-container.mobile-open{left:16px;padding:24px;right:16px;top:70px}.mobile-open .nav-link{font-size:15px;padding:14px 20px}}@media (max-width:360px){.mobile-menu-toggle{padding:10px}.hamburger{height:16px;width:20px}.nav-container.mobile-open{padding:20px}}@media (min-width:1200px){.nav-container{padding:20px 26px}.nav-link{font-size:15px;padding:12px 18px}.moon-icon{font-size:20px;height:42px;width:42px}}@media (prefers-contrast:high){.mobile-menu-toggle,.nav-container{background:#fff3;border-width:2px}.moon-icon,.nav-link{border:1px solid #fff6}}@media (prefers-reduced-motion:reduce){.hamburger span,.mobile-menu-toggle,.moon-icon,.nav-container,.nav-link{animation:none;transition:none}.moon-icon:before,.nav-container:before,.nav-link:before{display:none}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-top:1px solid #ffffff1a;margin-top:auto;padding:3rem 2rem 2rem;position:relative;text-align:center}.rainbow-star-container{height:80px;margin-bottom:2rem;position:relative}.rainbow-star,.rainbow-star-container{align-items:center;display:flex;justify-content:center}.rainbow-star{animation:circleRainbow 4s linear infinite,colorChange 3s linear infinite;font-size:2rem;height:60px;position:absolute;transform-origin:center;width:60px}@keyframes circleRainbow{0%{transform:rotate(0deg) translateX(30px) rotate(0deg)}to{transform:rotate(1turn) translateX(30px) rotate(-1turn)}}@keyframes colorChange{0%{filter:hue-rotate(0deg) brightness(1.2)}16.67%{filter:hue-rotate(60deg) brightness(1.2)}33.33%{filter:hue-rotate(120deg) brightness(1.2)}50%{filter:hue-rotate(180deg) brightness(1.2)}66.67%{filter:hue-rotate(240deg) brightness(1.2)}83.33%{filter:hue-rotate(300deg) brightness(1.2)}to{filter:hue-rotate(1turn) brightness(1.2)}}.contact-icons{flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.contact-icon,.contact-icons{display:flex;justify-content:center}.contact-icon{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:currentColor;height:40px;opacity:.7;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:40px}.contact-icon:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 10px 25px #0003;opacity:1;transform:translateY(-3px) scale(1.1)}.contact-icon:active{transform:translateY(-1px) scale(1.05)}.contact-icon svg{height:20px;transition:all .3s ease;width:20px}.contact-icon:hover svg{transform:scale(1.1)}.contact-icon:first-child:hover{color:#e4405f}.contact-icon:nth-child(2):hover{color:#1da1f2}.contact-icon:nth-child(3):hover{color:#333}.contact-icon:nth-child(4):hover{color:#0077b5}.contact-icon:nth-child(5):hover{color:orange}.copyright{font-size:.875rem;font-weight:300;letter-spacing:.5px;opacity:.6}.copyright p{margin:0}@media (max-width:768px){.footer{padding:2rem 1rem 1.5rem}.rainbow-star-container{height:60px;margin-bottom:1.5rem}.rainbow-star{font-size:1.5rem;height:45px;width:45px}@keyframes circleRainbow{0%{transform:rotate(0deg) translateX(20px) rotate(0deg)}to{transform:rotate(1turn) translateX(20px) rotate(-1turn)}}.contact-icons{gap:1.5rem;margin-bottom:1.5rem}.contact-icon{height:35px;width:35px}.contact-icon svg{height:18px;width:18px}.copyright{font-size:.8rem}}@media (max-width:480px){.footer{padding:1.5rem 1rem}.rainbow-star-container{height:50px;margin-bottom:1rem}.rainbow-star{font-size:1.2rem;height:35px;width:35px}@keyframes circleRainbow{0%{transform:rotate(0deg) translateX(15px) rotate(0deg)}to{transform:rotate(1turn) translateX(15px) rotate(-1turn)}}.contact-icons{gap:1rem;margin-bottom:1rem}.contact-icon{height:32px;width:32px}.contact-icon svg{height:16px;width:16px}}@media (prefers-contrast:high){.footer{background:#000c;border-top:2px solid}.contact-icon{background:#ffffff1a;border:2px solid}.contact-icon:hover{background:#fff3}}@media (prefers-color-scheme:dark){.contact-icon:nth-child(3):hover{color:#fff}}@media (prefers-reduced-motion:reduce){.rainbow-star{animation:none}.contact-icon{transition:none}.contact-icon:hover{transform:none}}.page-container{animation:fadeInFast .3s ease-out;margin:0 auto;max-width:1400px;padding:60px 30px;position:relative}.page-content{max-width:900px;position:relative}.page-content h1{-webkit-text-fill-color:#0000;animation:fadeInFast .3s ease-out;background:linear-gradient(135deg,currentColor,#fffc 50%,#fff9);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,6vw,5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem;position:relative}.page-content>p{animation:fadeInFast .3s ease-out .1s both;font-size:clamp(1.2rem,2.5vw,1.4rem);font-weight:400;letter-spacing:-.01em;line-height:1.8;margin-bottom:3rem;opacity:.92}.content-section{animation:fadeInFast .3s ease-out .15s both;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 12px 40px #0000001f,0 4px 16px #00000014,inset 0 1px 0 #ffffff1f;margin-top:3.5rem;overflow:hidden;padding:3rem;position:relative;transition:all .2s ease-out}.content-section:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 20px 60px #0000002e,0 8px 24px #0000001f,inset 0 1px 0 #ffffff2e;transform:translateY(-6px) scale(1.01)}.content-section:before{background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.content-section:hover:before{opacity:1}.content-section h2{color:inherit;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;letter-spacing:-.02em;margin-bottom:1.8rem;position:relative}.content-section h2:after{background:linear-gradient(90deg,currentColor,#ffffff4d);border-radius:2px;bottom:-12px;content:"";height:3px;left:0;opacity:.8;position:absolute;width:80px}.content-section p{font-size:clamp(1rem,2.2vw,1.15rem);letter-spacing:-.01em;line-height:1.8;margin-bottom:1.5rem;opacity:.88}.content-section ul{list-style:none;margin:2rem 0;padding-left:0}.content-section li{font-size:clamp(1rem,2.2vw,1.1rem);line-height:1.7;margin-bottom:1.2rem;opacity:.85;padding-left:2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.content-section li:before{color:currentColor;content:"▸";filter:drop-shadow(0 0 4px rgba(255,255,255,.3));font-size:1.3rem;left:0;opacity:.7;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1)}.content-section li:hover{color:#fff;opacity:1;transform:translateX(8px)}.content-section li:hover:before{filter:drop-shadow(0 0 8px rgba(255,255,255,.6));opacity:1;transform:scale(1.3)}.content-section strong{color:inherit;filter:drop-shadow(0 0 2px rgba(255,255,255,.2));font-weight:650;opacity:1}@keyframes fadeIn{0%{filter:blur(4px);opacity:0;transform:translateY(40px) scale(.95)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInFast{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.content-grid{grid-gap:2rem;gap:2rem;margin:3rem 0}.content-card{background:#ffffff0f;border:1px solid #ffffff1f;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.content-card:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 16px 40px #00000026,0 6px 20px #0000001a;transform:translateY(-4px)}.resume-download-section{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border:2px solid #fff3;overflow:hidden;position:relative}.resume-download-section:before{background:linear-gradient(45deg,#0000,#ffffff05 50%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.resume-download-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,currentColor,#fffc);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:1.5rem;text-align:center}.resume-download-section p{font-size:clamp(1.1rem,2.5vw,1.25rem);margin-bottom:2.5rem;opacity:.9;text-align:center}.download-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2rem}.download-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:2px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 25px #00000026,0 3px 10px #0000001a,inset 0 1px 0 #fff3;color:inherit;font-size:1.1rem;font-weight:600;letter-spacing:-.01em;overflow:hidden;padding:16px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.download-btn:hover{background:linear-gradient(135deg,#ffffff4d,#ffffff26);border-color:#ffffff80;box-shadow:0 15px 40px #0003,0 6px 16px #00000026,inset 0 1px 0 #ffffff4d,0 0 30px #fff3;color:#fff;transform:translateY(-4px) scale(1.05)}.download-btn:active{box-shadow:0 8px 20px #00000026,0 3px 8px #0000001a,inset 0 1px 0 #fff3;transform:translateY(-1px) scale(1.02)}.view-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #fff3;border-radius:12px;color:inherit;font-size:1rem;font-weight:500;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-btn:hover{background:#ffffff1f;border-color:#ffffff4d;box-shadow:0 8px 20px #0000001f,0 3px 8px #00000014;transform:translateY(-2px)}.btn-icon{display:inline-block;font-size:1.2em;margin-right:8px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.download-btn:hover .btn-icon{animation:bounce .6s ease-in-out;transform:translateY(-2px) scale(1.2)}.view-btn:hover .btn-icon{transform:scale(1.1)}.download-info{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.download-info p{font-size:.9rem;margin:0;opacity:.7}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1.2)}40%{transform:translateY(-4px) scale(1.3)}60%{transform:translateY(-2px) scale(1.25)}}@media (max-width:768px){.page-container{padding:30px 25px}.page-content h1{font-size:clamp(2.5rem,8vw,3.5rem);margin-bottom:1.2rem}.page-content>p{font-size:clamp(1.1rem,3vw,1.25rem);margin-bottom:2.5rem}.content-section{border-radius:16px;margin-top:2.5rem;padding:2.5rem}.content-section h2{font-size:clamp(1.4rem,4vw,1.8rem);margin-bottom:1.5rem}.content-section li,.content-section p{font-size:clamp(.95rem,2.5vw,1.05rem)}.content-section li{padding-left:2rem}.content-grid{gap:1.5rem;grid-template-columns:1fr}.download-buttons{flex-direction:column;gap:1rem}.download-btn,.view-btn{justify-content:center;max-width:280px;width:100%}.resume-download-section{padding:2rem 1.5rem}}@media (max-width:480px){.page-container{padding:20px}.page-content h1{font-size:clamp(2rem,8vw,2.8rem)}.content-section{padding:2rem}.content-section h2{font-size:clamp(1.3rem,5vw,1.6rem)}.content-card{padding:1.5rem}.download-btn{font-size:1rem;padding:14px 24px}.view-btn{font-size:.95rem;padding:12px 20px}}@media (max-width:360px){.page-container{padding:15px}.content-section{padding:1.5rem}}.download-btn:focus-visible,.view-btn:focus-visible{outline:3px solid #fff9;outline-offset:4px}@media print{.resume-download-section{display:none}}.page-container{font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;text-align:left}.page-container h1,.page-container h2,.page-container h3,.page-container h4,.page-container h5,.page-container h6{font-family:Gilroy,sans-serif!important;font-weight:700;letter-spacing:-.02em;text-align:left}.page-container h1{font-weight:800!important}.page-container h2{font-weight:700!important}.page-container h3{font-weight:600!important}.page-container li,.page-container p{font-family:Gilroy,sans-serif!important;font-weight:400;letter-spacing:-.01em;text-align:left}.page-container h1{animation:fadeInHomeFast .2s ease-out;color:inherit;font-size:3.5rem;font-weight:800;margin-bottom:2rem;text-align:left}.page-container>.page-content>p{animation:fadeInHomeFast .2s ease-out .05s both;font-size:1.2rem;margin-bottom:3rem;opacity:.9;text-align:left}.page-container .content-section{animation:fadeInHomeFast .2s ease-out .1s both;margin:4rem auto 2rem 0;max-width:1200px;padding:3rem 2rem}.page-container .content-section:first-of-type{margin-top:2rem}.page-container .content-section:last-child{margin-bottom:0}.page-container .content-section h2{color:inherit;font-size:2.5rem;margin-bottom:2.5rem;text-align:left}.content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.content-card-link{color:inherit;display:block;text-decoration:none;transition:all .15s ease-out}.content-card-link:hover{color:inherit;text-decoration:none;transform:translateY(-2px)}.content-card-link:focus{border-radius:16px;outline:2px solid #ffffff80;outline-offset:2px}.content-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;cursor:pointer;padding:32px;text-align:left;transition:all .15s ease-out}.content-card-link:hover .content-card,.content-card:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 32px #00000026}.content-card h3{color:inherit;font-size:1.5rem;font-weight:600;margin-bottom:16px;text-align:left}.content-card p{line-height:1.6;opacity:.9;text-align:left}@keyframes fadeInHomeFast{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .8s ease-out}.fade-in-delay-1{animation:fadeInUp .8s ease-out .2s both}.fade-in-delay-2{animation:fadeInUp .8s ease-out .4s both}@media (max-width:768px){.hero-section{padding:40px 20px}.hero-section h1{font-size:2.5rem}.content-grid{gap:20px;grid-template-columns:1fr}.content-card{padding:24px}.content-section h2{font-size:2rem}}@media (max-width:480px){.hero-section h1{font-size:2rem}.hero-section p{font-size:1rem}.content-card{padding:20px}}.projects-content{max-width:1400px}.projects-intro{font-size:1.2rem;font-weight:300;margin-bottom:4rem;max-width:800px;opacity:.85}.projects-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-top:3rem}.project-box{animation:fadeInProject .3s ease-out both;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 12px 40px #0000001f,0 4px 16px #00000014,inset 0 1px 0 #ffffff1f;font-family:Gilroy,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;overflow:hidden;position:relative;transition:all .2s ease-out}.project-box:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 20px 60px #0000002e,0 8px 24px #0000001f,inset 0 1px 0 #ffffff2e;transform:translateY(-8px) scale(1.02)}.project-image{height:250px;overflow:hidden;position:relative}.project-image img{background-color:#f3f4f6;border:none;height:100%;object-fit:cover;outline:none;transition:transform .4s ease;width:100%}.project-image img[src=""]{animation:imageLoading 1s linear infinite;background:linear-gradient(45deg,#f3f4f6 25%,#0000 0),linear-gradient(-45deg,#f3f4f6 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f3f4f6 0),linear-gradient(-45deg,#0000 75%,#f3f4f6 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}@keyframes imageLoading{0%{background-position:0 0,0 10px,10px -10px,-10px 0}to{background-position:20px 20px,20px 30px,30px 10px,10px 20px}}@keyframes fadeInProject{0%{opacity:0;transform:translateY(5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.project-image img[alt]:after{background:#000000b3;border-radius:4px;color:#fff;content:"Image not available";font-size:12px;left:50%;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.project-status{position:absolute;right:16px;top:16px}.status-badge{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:20px;font-family:Gilroy,sans-serif!important;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.status-badge.live{background:#22c55e33;border-color:#22c55e4d;color:#22c55e}.status-badge.in-development{background:#fbbf2433;border-color:#fbbf244d;color:#fbbf24}.status-badge.prototype{background:#9333ea33;border-color:#9333ea4d;color:#9333ea}.project-content{padding:2rem}.project-content,.project-title{font-family:Gilroy,sans-serif!important}.project-title{color:inherit;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:1rem}.project-title-with-date{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-title-with-date .project-title{flex-shrink:0;margin-bottom:0}.project-date-inline{color:inherit;font-size:.9rem;letter-spacing:.02em;opacity:.7;white-space:nowrap}.project-date-inline,.project-description{font-family:Gilroy,sans-serif!important;font-weight:400}.project-description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.9}.project-features{margin-bottom:1.5rem}.project-features h4{font-family:Gilroy,sans-serif!important;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;opacity:.8;text-transform:uppercase}.project-features ul{list-style:none;margin:0;padding:0}.project-features li{font-family:Gilroy,sans-serif!important;font-size:.85rem;font-weight:400;margin-bottom:.3rem;opacity:.8;padding-left:1rem;position:relative}.project-features li:before{color:#ffffff80;content:"•";left:0;position:absolute}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;color:inherit;font-family:Gilroy,sans-serif!important;font-size:.75rem;font-weight:500;letter-spacing:.02em;padding:4px 10px;transition:all .3s ease}.tech-tag:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-1px)}.project-links{display:flex;gap:1rem}.project-link{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:10px;display:inline-flex;flex:1 1;font-family:Gilroy,sans-serif!important;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:10px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-link.primary{background:#ffffff26;color:inherit}.project-link.secondary{background:#ffffff14;color:inherit}.project-link:hover{background:#fff3;border-color:#ffffff4d;color:#fff;transform:translateY(-2px)}.link-icon{font-size:1rem}.project-links button.project-link{align-items:center;background:none;border:none;border-radius:12px;color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.01em;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-categories{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.tech-category{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .3s ease}.tech-category:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.tech-category h3{color:inherit;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.tech-list{display:flex;flex-wrap:wrap;gap:.5rem}.tech-item{background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;color:inherit;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.tech-item:hover{background:#ffffff26;transform:translateY(-1px)}.project-fullpage-view{background:linear-gradient(135deg,#0f172af2,#1e293bf2 25%,#334155f2 50%,#1e293bf2 75%,#0f172af2);background-image:radial-gradient(circle at 20% 50%,#6366f11a 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf61a 0,#0000 50%),radial-gradient(circle at 40% 80%,#3b82f61a 0,#0000 50%);display:flex;flex-direction:column;height:100vh;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.close-fullpage-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;left:20px;padding:12px 20px;position:absolute;top:20px;transition:all .3s ease;z-index:1001}.close-fullpage-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateX(-3px)}.fullpage-content{align-items:center;display:flex;flex:1 1;justify-content:center;margin-top:60px}.fullpage-video{background:#fff;border:none;border-radius:8px;box-shadow:0 25px 50px -12px #0006,0 10px 20px -8px #0000004d,0 0 0 1px #ffffff1a;height:85vh;max-width:1200px;width:95%}@media (max-width:768px){.project-fullpage-view{padding:10px}.close-fullpage-btn{font-size:13px;left:10px;padding:10px 16px;top:10px}.fullpage-content{margin-top:50px}.fullpage-video{border-radius:4px;height:80vh;width:100%}}@media (max-width:480px){.fullpage-video{border-radius:0;height:75vh}}@media (max-width:1200px){.projects-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width:768px){.projects-content{max-width:100%}.projects-intro{font-size:1.1rem;margin-bottom:3rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-box{margin:0 auto;max-width:100%}.project-content{padding:1.5rem}.project-title{font-size:1.3rem}.project-title-with-date{align-items:flex-start;flex-direction:column;gap:.25rem}.project-date-inline{font-size:.85rem;margin-left:0}.project-description{font-size:.95rem}.project-links{flex-direction:column;gap:.5rem}.tech-categories{gap:1.5rem;grid-template-columns:1fr}.tech-category{padding:1.25rem}}@media (max-width:480px){.project-content{padding:1.25rem}.project-title{font-size:1.2rem}.project-description{font-size:.9rem}.project-features li{font-size:.8rem}.tech-tag{font-size:.7rem;padding:3px 8px}.project-link{font-size:.85rem;padding:8px 12px}}@media (prefers-contrast:high){.project-box,.tech-category{background:#ffffff26;border-width:2px}.project-link,.tech-item,.tech-tag{background:#fff3;border-width:2px}}@media (prefers-reduced-motion:reduce){.project-box,.project-link,.tech-category,.tech-item,.tech-tag{transition:none}.project-box:hover,.project-box:hover .project-image img,.project-link:hover,.tech-category:hover{transform:none}}.resume-seamless-container{background:#fff;bottom:0!important;height:100vh!important;left:0!important;margin:0!important;overflow:hidden;padding:0!important;position:fixed;right:0!important;top:0!important;width:100vw!important;z-index:9999}.resume-pdf-seamless{image-rendering:crisp-edges;image-rendering:-webkit-crisp-edges;object-fit:fill;object-position:center}.resume-iframe-seamless,.resume-pdf-seamless{background:#fff;border:none!important;box-sizing:border-box;display:block;height:100vh!important;left:0!important;margin:0!important;outline:none!important;padding:0!important;position:absolute!important;top:0!important;width:100vw!important}.resume-iframe-seamless{-webkit-overflow-scrolling:touch;overflow:hidden}.resume-action-buttons{display:flex;flex-wrap:wrap;gap:12px;left:20px!important;position:fixed!important;top:20px!important;z-index:10000}.resume-back-button-absolute{background:#000c;box-shadow:0 4px 12px #0000004d}.resume-back-button-absolute,.resume-download-button-absolute{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.resume-download-button-absolute{background:#22c55ecc;box-shadow:0 4px 12px #22c55e4d}.resume-back-button-absolute:hover{background:#000000e6;box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.resume-download-button-absolute:hover{background:#22c55ee6;box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}.resume-back-button-absolute:active,.resume-download-button-absolute:active{transform:translateY(0)}.pdf-fallback-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #00000026;color:#1f2937;left:50%;max-width:400px;padding:3rem 2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.pdf-fallback-content h2{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.pdf-fallback-content p{color:#6b7280;font-size:1rem;margin-bottom:2rem;opacity:.8}.pdf-download-link{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:16px 24px;text-decoration:none;transition:all .3s ease}.pdf-download-link:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 20px #3b82f666;color:#fff;transform:translateY(-2px)}.resume-seamless-container *{box-sizing:border-box!important}@media (max-width:768px){.resume-back-button-absolute{font-size:13px;left:15px!important;padding:10px 16px;top:15px!important}}@media (max-width:480px){.resume-back-button-absolute{font-size:12px;left:10px!important;padding:8px 14px;top:10px!important}}@media (prefers-contrast:high){.resume-back-button-absolute{background:#000;border:2px solid #fff}}.resume-back-button-absolute:focus{outline:3px solid #3b82f6;outline-offset:2px}.writing-intro{font-size:1.2rem;font-weight:300;margin-bottom:3rem;opacity:.8}.blog-list{margin-top:2rem}.blog-item{animation:fadeInUp 1.2s cubic-bezier(.4,0,.2,1) both;margin-bottom:2rem}.blog-link{border-left:2px solid #0000;color:inherit;display:block;margin-left:-1rem;padding:.5rem 0 .5rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-link:hover{border-left-color:#ffffff4d;color:#fff;transform:translateX(8px)}.blog-title{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:500;letter-spacing:-.02em;line-height:1.3;margin-bottom:.3rem;transition:all .3s ease}.blog-link:hover .blog-title{font-weight:600}.blog-date{font-size:.9rem;font-weight:300;letter-spacing:.02em;margin-top:.2rem;opacity:.6}.blog-link:hover .blog-date{opacity:.8}.blog-title-with-date{align-items:baseline;display:flex;flex-wrap:wrap;gap:0}.blog-title-with-date .blog-title{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:500;letter-spacing:-.02em;line-height:1.3;margin-bottom:0;transition:all .3s ease}.blog-title-with-date .blog-date-inline{font-size:.9rem;font-weight:300;letter-spacing:.02em;opacity:.6;white-space:nowrap}.blog-link:hover .blog-title-with-date .blog-title{font-weight:600}.blog-link:hover .blog-title-with-date .blog-date-inline{opacity:.8}@media (max-width:768px){.writing-intro{font-size:1.1rem;margin-bottom:2.5rem}.blog-item{margin-bottom:1.8rem}.blog-link{margin-left:-.8rem;padding:.4rem 0 .4rem .8rem}.blog-link:hover{transform:translateX(6px)}.blog-title{font-size:clamp(1.2rem,4vw,1.5rem)}.blog-date{font-size:.85rem}.blog-title-with-date .blog-title{font-size:clamp(1.2rem,4vw,1.5rem)}.blog-title-with-date .blog-date-inline{font-size:.85rem}}@media (max-width:480px){.blog-item{margin-bottom:1.5rem}.blog-link{margin-left:-.6rem;padding:.3rem 0 .3rem .6rem}.blog-link:hover{transform:translateX(4px)}.blog-title{font-size:clamp(1.1rem,4.5vw,1.3rem)}.blog-date{font-size:.8rem}.blog-title-with-date .blog-title{font-size:clamp(1.1rem,4.5vw,1.3rem)}.blog-title-with-date .blog-date-inline{font-size:.8rem}.blog-title-with-date{align-items:baseline;flex-direction:row}}.blog-page{margin:0 auto;max-width:800px;padding:40px 20px}.blog-header{margin-bottom:3rem;text-align:left}.blog-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:1rem}.blog-meta{font-size:1rem;font-weight:300;margin-bottom:2rem;opacity:.7}.blog-content{font-size:1.1rem;line-height:1.8;margin-bottom:3rem}.blog-content p{margin-bottom:1.5rem}.blog-content h2{font-size:1.8rem;font-weight:600;letter-spacing:-.02em;margin:2.5rem 0 1rem}.blog-content h3{font-size:1.4rem;font-weight:500;letter-spacing:-.01em;margin:2rem 0 .8rem}.blog-content ol,.blog-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.blog-content li{margin-bottom:.5rem}.blog-content blockquote{border-left:3px solid #ffffff4d;font-style:italic;margin:2rem 0;opacity:.9;padding-left:1.5rem}.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:inherit;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;margin-bottom:2rem;padding:12px 20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateX(-3px)}.back-button:active{transform:translateX(-1px)}@media (max-width:768px){.blog-page{padding:30px 20px}.blog-header{margin-bottom:2.5rem}.blog-content{font-size:1.05rem}.back-button{font-size:.9rem;padding:10px 16px}}@media (max-width:480px){.blog-page{padding:25px 15px}.blog-header{margin-bottom:2rem}.blog-content{font-size:1rem;line-height:1.7}.blog-content h2{font-size:1.5rem;margin:2rem 0 .8rem}.blog-content h3{font-size:1.2rem;margin:1.5rem 0 .6rem}.back-button{font-size:.85rem;padding:8px 14px}}.writing-article{animation:fadeInUp 1.2s cubic-bezier(.4,0,.2,1) both;line-height:1.7;margin:2rem auto 0;max-width:800px}.writing-article h2{font-size:clamp(1.8rem,4vw,2.2rem);font-weight:600;letter-spacing:-.02em;margin-bottom:1rem}.writing-article h3{font-size:clamp(1.4rem,3vw,1.6rem);font-weight:500;letter-spacing:-.01em;margin:2rem 0 1rem}.article-date{font-size:.95rem;margin-bottom:1.5rem;opacity:.8}.article-image{margin:1.5rem 0;text-align:center}.article-image img{border-radius:8px;box-shadow:0 4px 20px #0000001a}.writing-article p{font-size:1.1rem;margin-bottom:1.5rem}.article-quote{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-left:3px solid #ffffff4d;border-radius:8px;font-style:italic;margin:2rem 0;opacity:.9;padding:1.5rem}.event-photos{gap:20px;margin:1.5rem 0}.event-photos img{border-radius:8px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.event-photos img:hover{transform:scale(1.02)}@media (max-width:768px){.writing-article{margin:1rem auto 0;padding:0 1rem}.event-photos{flex-direction:column}.event-photos img{max-width:100%!important;min-width:auto!important}}.writing-cards{animation:fadeInUp 1.2s cubic-bezier(.4,0,.2,1) both;margin-top:2rem}.writing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:inherit;display:block;margin-bottom:1.5rem;padding:2rem;text-decoration:none;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.writing-card:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 32px #0000001a;color:#fff;transform:translateY(-4px)}.card-content h3{font-size:clamp(1.5rem,3vw,1.8rem);font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem;transition:all .3s ease}.card-date{font-size:.9rem;font-weight:300;letter-spacing:.02em;margin-bottom:1rem;opacity:.7}.card-description{font-size:1rem;line-height:1.6;margin-bottom:1rem;opacity:.8}.read-more{font-size:.9rem;font-weight:500;opacity:.8;transition:all .3s ease}.writing-card:hover .read-more{opacity:1;transform:translateX(4px)}.writing-card:hover .card-date{opacity:.9}.writing-card:hover .card-description{opacity:1}.card-image{border-radius:8px 8px 0 0;height:200px;margin-bottom:1.5rem;overflow:hidden;width:100%}.card-preview-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.writing-card:hover .card-preview-image{transform:scale(1.05)}@media (max-width:768px){.writing-card{padding:1.5rem}.card-content h3{font-size:clamp(1.3rem,4vw,1.5rem)}}@media (max-width:480px){.writing-card{padding:1.2rem}.card-description{font-size:.95rem}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"cv01" 1,"cv02" 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;letter-spacing:-.01em;line-height:1.7;overflow-x:hidden;text-rendering:optimizeLegibility;transition:background-color .6s cubic-bezier(.4,0,.2,1)}.app{background-attachment:fixed;display:flex;flex-direction:column;min-height:100vh;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1)}.app:before{background:radial-gradient(circle at 20% 80%,#ffffff05 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff05 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff03 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}.main-content{flex:1 1;padding:80px 280px 40px 80px;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:2}@media (max-width:1600px){.main-content{padding-left:70px;padding-right:260px}}@media (max-width:1400px){.main-content{padding-left:60px;padding-right:240px}}@media (max-width:1200px){.main-content{padding-left:50px;padding-right:220px}}@media (max-width:992px){.main-content{padding-left:40px;padding-right:200px}}@media (max-width:768px){.main-content{padding:140px 40px 30px}}@media (max-width:480px){.main-content{padding:130px 30px 20px}}@media (max-width:360px){.main-content{padding:120px 20px 20px}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:8px;margin:10px 0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fff6,#fff3);background-clip:padding-box;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #ffffff1a;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fff9,#ffffff59);box-shadow:0 4px 12px #00000026,inset 0 1px 0 #fff3}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#ffffffb3,#ffffff73)}html{scrollbar-color:#fff6 #ffffff0d;scrollbar-width:thin}::selection{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff4d;color:inherit;text-shadow:none}::-moz-selection{background:#ffffff4d;color:inherit;text-shadow:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-radius:6px;box-shadow:0 0 0 4px #ffffff1a,0 0 20px #fff3;outline:2px solid #ffffffb3;outline-offset:4px}a,button,input,select,textarea{transition:all .3s cubic-bezier(.4,0,.2,1)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fade-in{animation:fadeInUp 1.2s cubic-bezier(.4,0,.2,1)}.fade-in-delay{animation:fadeInUp 1.2s cubic-bezier(.4,0,.2,1) .3s both}.fade-in-delay-2{animation:fadeInUp 1.2s cubic-bezier(.4,0,.2,1) .6s both}.slide-in-left{animation:slideInLeft 1s cubic-bezier(.4,0,.2,1)}.slide-in-right{animation:slideInRight 1s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{filter:blur(4px);opacity:0;transform:translateY(40px) scale(.95)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-25px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #fff3}50%{box-shadow:0 0 20px #fff6}}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin-bottom:.8em}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.03em}h2{font-size:clamp(2rem,4vw,3rem);font-weight:650}h3{font-size:clamp(1.5rem,3vw,2.25rem)}h4{font-size:clamp(1.25rem,2.5vw,1.75rem)}p{margin-bottom:1.2em;opacity:.9}.btn,p{color:inherit}.btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;letter-spacing:-.01em;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 25px #00000026,0 3px 10px #0000001a;transform:translateY(-2px)}.btn:active{box-shadow:0 4px 15px #0000001a,0 1px 5px #0000000d;transform:translateY(0)}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.card:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 20px 60px #00000026,0 8px 25px #0000001a;transform:translateY(-4px)}@media (max-width:768px){html{font-size:14px}.btn{font-size:.9rem;padding:10px 20px}.card{border-radius:12px;padding:20px}}@media (prefers-contrast:high){.btn,.card,.nav-container{background:#ffffff26;border-width:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.loading{animation:pulse 2s infinite}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:16px}.shadow-soft{box-shadow:0 8px 32px #0000001f}.shadow-medium{box-shadow:0 12px 40px #0000002e}.shadow-strong{box-shadow:0 20px 60px #00000040}@media (prefers-contrast:high){.nav-container{background:#ffffff26;border-width:2px}.nav-link{font-weight:600}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.1c275823.css.map*/