@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--codersrank-color-1: rgb(221, 221, 221);--codersrank-color-2: #67a4ac;--link-icon-size: 80px}.codersrank-color-1{fill:var(--codersrank-color-1)}.codersrank-color-2{fill:var(--codersrank-color-2)}section{display:flex;flex-direction:column}.category-header{font-size:1.1rem;font-weight:600;color:#14b8a6e6;margin:0;text-align:center;letter-spacing:.5px}.glass-effect{border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0003}.transition-smooth{transition:all .3s ease}.teal-accent{color:#14b8a6e6}.codersrank-path-dark{fill:var(--codersrank-dark)}.codersrank-path-teal{fill:var(--codersrank-teal)}body{font-family:Inter,sans-serif;margin:0;background:linear-gradient(30deg,transparent 0%,rgba(6,43,85,.897) 90%),linear-gradient(30deg,#1a1a1a,#0a4a2a),#0a0a0a;color:#fff;overflow:auto;display:flex;flex-direction:column;min-height:100vh;position:relative}p{margin:0;color:#fff}#main{display:flex;flex:1;justify-content:center;align-items:center;padding:3rem;.box{width:100%;max-width:1200px;align-items:flex-start}h1{font-size:3rem;color:#14b8a6e6;font-weight:200;margin:0;margin-bottom:1rem;letter-spacing:-.02rem}}.card{width:100%;box-sizing:border-box;padding:3rem;background:linear-gradient(30deg,#2388b71a,#9db9770d);box-shadow:0 20px 60px #6d6d6d80;display:flex;flex-direction:column;position:relative;z-index:3;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;.horizontal{display:flex;flex-direction:row;gap:2rem;.left{flex:2;display:flex;flex-direction:column;gap:2rem}.right{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:2rem}}&:hover{transform:translateY(-5px);background:linear-gradient(30deg,#2388b726,#9db97714);box-shadow:0 30px 80px #6d6d6d99;border-color:#2388b74d}&:before{content:"";position:absolute;inset:0;z-index:-1;background:transparent;pointer-events:none}}@media (max-width: 1000px){.card{.horizontal{flex-direction:column;gap:1rem}}}@media (max-width: 768px){:root{--link-icon-size: 70px}.card{padding:1.5rem;flex-direction:column;gap:1.5rem;.horizontal{.left,.right{flex:none;width:100%}}}}@media (max-width: 654px){:root{--link-icon-size: 100px}.card{padding:1rem;gap:1rem}}@media (max-width: 320px){#main{h1{font-size:1.5rem}}}#profile{display:flex;justify-content:center;align-items:center;min-height:800px;padding:4rem 0;position:relative;z-index:2;box-sizing:border-box;.box{width:800px}}.header-group{display:flex;flex-direction:column;align-items:center;text-align:center}#profile-header{display:flex;flex-direction:row;gap:1rem;align-items:first baseline;position:relative;z-index:2}#profile-content{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:2;padding:1rem;margin-top:1rem}#title{font-size:5em;margin:0;font-weight:200;letter-spacing:-.1rem}#username{background:linear-gradient(135deg,#14b8a6,#2388b7,#9db977);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 3s ease-in-out infinite;font-size:3rem;font-weight:200;margin:0;letter-spacing:-.05rem}#subtitle{font-size:1.667em;font-weight:500;letter-spacing:-.02em;background:linear-gradient(#dfdfdf,#b4b4b4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-top:.1rem;margin-bottom:1.5rem;min-height:1.5rem;line-height:1.2}#profile .links{display:flex;flex-direction:row;flex-flow:wrap;justify-content:center;gap:.5rem;font-size:clamp(1.5rem,2vw,1.1em);font-weight:300;opacity:.8;line-height:1.6;letter-spacing:.3px;margin-top:.75rem;margin-bottom:.25rem;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.1);& a{color:#fffffff6;text-decoration:none;font-weight:500;padding:.25rem .5rem;border-radius:6px;background:#7a7a7a46;border:1px solid rgba(255,255,255,.116);transition:all .3s ease;display:inline-block;margin:0;white-space:nowrap;flex-shrink:0;&:hover{color:#f3cd7b;background:#2388b726;border-color:#f5c88ed7;transform:translateY(-1px);box-shadow:0 4px 12px #2388b733}&:active{transform:translateY(0);transition:all .1s ease}& i{font-size:.85em;margin-right:.3rem;opacity:.8}&:hover i{opacity:1}}}#locations{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;row-gap:.5rem;padding:.5rem 0rem;& div{display:flex;flex-direction:row;gap:.5rem;align-items:center}.icon{font-size:1.5rem}.text{font-size:1rem}}.feature-flags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.5rem 0;.flag{display:inline-flex;align-items:center;gap:.6rem;font-size:1rem;font-weight:500;color:#25d4c0e6;background:#14b8a614;border:1px solid rgba(20,184,166,.3);border-radius:20px;padding:.6rem 1.2rem;transition:all .3s ease;word-break:break-word;box-shadow:0 2px 8px #14b8a626;& i{font-size:1em;opacity:.8}&:hover{background:#14b8a626;border-color:#14b8a680;color:#25d4c0e6;transform:translateY(-3px);box-shadow:0 6px 16px #14b8a640}}}@media (max-width: 1100px){#profile-header{flex-direction:column;align-items:center;gap:.5rem}#title{font-size:4rem}#username{font-size:3rem}}@media (max-width: 1000px){#profile{.box{width:80%;max-width:80%}}}@media (max-width: 768px){#profile{.box{max-width:600px}}#title{font-size:2.5rem}#username{font-size:2rem}#subtitle{font-size:1.2rem;min-height:1.2rem}.feature-flags{gap:.75rem;.flag{padding:.4rem .8rem;font-size:.9rem}}.profile-links{font-size:clamp(.7rem,2vw,1rem);gap:.3rem;& a{padding:.2rem .4rem}}}@media (max-width: 600px){#profile-header{flex-direction:column;align-items:center;gap:.5rem}}@media (max-width: 320px){#title,#username{font-size:2rem}#subtitle{font-size:1rem;min-height:1rem}}#about{padding:7rem 0rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;background:linear-gradient(to bottom,#101010,#2b2b2b);.box{width:800px}.title{color:#ffffffe6;font-size:1.5rem;font-weight:300;margin:0;line-height:1.1}.content{display:flex;flex-direction:column;align-items:center;gap:.6rem;line-height:1.3;pointer-events:auto;color:#e0e0e0;margin-top:1rem;text-align:left;position:relative;p{font-weight:300;color:#e0e0e0;margin:0;position:relative}}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 1000px){#about{.box{width:80%;max-width:80%}.content p{font-size:.8rem}}}#experience{.timeline{display:flex;flex-direction:column;gap:1.7rem;position:relative}.item{display:flex;gap:1rem;align-items:flex-start}.marker{width:12px;height:12px;background:#14b8a6e6;border-radius:50%;flex-shrink:0;margin-top:.5rem;border:2px solid rgba(20,184,166,.3);box-shadow:0 0 0 4px #14b8a61a}h2{font-size:1.5rem;font-weight:600;color:#ffffffe6;margin:0 0 .5rem}.date{font-size:.85rem;color:#fff9;margin-bottom:.75rem;display:block}.content{ul{margin:0;padding-left:1.5rem}li{font-size:.9rem;line-height:1.5;color:#fffc;margin-bottom:.5rem;&:last-child{margin-bottom:0}}@media (max-width: 320px){h2{font-size:1.2rem}}}}#projects{.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:1fr;gap:1.5rem;justify-content:start}}#private-projects{display:flex;flex-direction:column;margin-top:2rem;.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:1fr;gap:1.5rem;justify-content:start}.card{height:auto;box-sizing:border-box}}#main{.project-technologies{font-size:.85rem;color:#ffffffb3;margin:.5rem 0;font-weight:500;word-wrap:break-word;overflow-wrap:break-word}.project-org-logo{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-bottom:.75rem;border:2px solid rgba(255,255,255,.2)}.private-project-card{.project-links-container{position:absolute;bottom:1rem;right:1rem;display:flex;gap:.5rem;opacity:0;transform:translateY(5px);transition:all .3s ease;background:#0009;padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1)}&:hover .project-links-container{opacity:1;transform:translateY(0)}}.project-link{display:flex;align-items:center;gap:.5rem;color:#fffc;text-decoration:none;transition:color .2s ease;&:hover{color:#fff}}.project-card{padding:1.5rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;display:flex;flex-direction:column;box-sizing:border-box;background:linear-gradient(135deg,#2388b726,#9db9771a);border-radius:8px;box-shadow:0 4px 15px #0003;h2{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:#ffffffe6;word-wrap:break-word;overflow-wrap:break-word}p{font-size:.9rem;line-height:1.5;color:#ffffffb3;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}&:hover .project-link-container{opacity:1;transform:translateY(0)}}.project-card-link{text-decoration:none;display:block;transition:all .3s ease}.project-link-container{position:absolute;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;opacity:0;transform:translateY(5px);transition:all .3s ease;background:#0009;padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);text-decoration:none;cursor:pointer;&:hover{background:#000c;border-color:#14b8a64d;transform:translateY(-1px)}}.project-label{font-size:.9rem;font-weight:500;color:#14b8a6e6;transition:all .3s ease}.project-icon{font-size:1.1rem;color:#14b8a6e6;transition:all .3s ease}.public-project-card,.private-project-card{&:hover{transform:translate(5px) translateY(-3px);background:linear-gradient(135deg,#2388b759,#77b9b340,#ffffff1a);box-shadow:0 12px 35px #2388b74d,0 6px 15px #0000004d,inset 0 1px #fff3;border-color:#2388b780;position:relative;overflow:hidden;&:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.199),transparent);animation:glass-sweep 1.5s ease-in-out}.project-label,.project-icon{color:#14b8a6}}}.public-project-card p{display:block;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;overflow:visible;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}@media (max-width: 768px){.list{grid-template-columns:1fr;gap:1rem}.project-card{padding:1rem}}}@keyframes glass-sweep{0%{left:-75%}50%{left:100%}to{left:100%}}#links{display:flex;flex-direction:column}.link-row{display:flex;flex-flow:row;flex-wrap:wrap;align-items:center;gap:.5rem}#links a{position:relative;display:inline-block;vertical-align:middle;font-size:2em;color:inherit;text-decoration:none;transition:all .3s ease}#links a .fa-icon{font-size:var(--link-icon-size);transition:all .3s ease}#links a .fa-wordpress{color:#60b3da}#links a .fa-github{color:#f0f6fc}#links a .fa-gitlab{color:#ff9800}.logo-light-background{display:flex;align-items:center;align-content:center;padding:8px;border-radius:12px;background:#ffffff26;transition:all .3s ease;border-style:solid;border-width:2px;border-color:transparent}#svg-codersrank{width:var(--link-icon-size);height:var(--link-icon-size);vertical-align:middle;-webkit-user-select:none;user-select:none;transition:all .3s ease}#links a:hover .logo-light-background{background:#00000085;border-style:solid;border-color:#f5c88ed7;border-width:2px}#links a .name{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;border-radius:8px;padding:.5rem .75rem;opacity:0;transition:opacity .3s ease;pointer-events:none;text-align:center;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.2);margin-top:.5rem;z-index:10}#links a:hover .name{opacity:1}@media (max-width: 768px){#links{gap:1.5rem}.logo-light-background{padding:8px}}@media (max-width: 654px){.logo-light-background{padding:6px}}:root{--strong-skill-color: rgba(52, 252, 135, .788);--skills-note-font-size: .8rem}.skills,.experience,.projects{display:flex;flex-direction:column}#skills-note{font-size:var(--skills-note-font-size);margin-bottom:1rem}#skills{.list{display:flex;flex-direction:column;gap:1.5rem}.category{display:flex;flex-direction:column;gap:1rem}h2{font-size:1.1rem;margin-bottom:.5rem}.group{display:flex;flex-wrap:wrap;gap:.75rem}.skill{background:linear-gradient(135deg,#2388b726,#9db9771a);border-radius:8px;color:#ffffffe6;padding:.75rem 1.5rem;font-weight:500;font-size:.9rem;transition:all .15s ease;border:1px solid rgba(255,255,255,.418);&:hover{transform:scale(1.08) translateY(2px);background:linear-gradient(135deg,#2388b759,#9db9774d);box-shadow:0 12px 35px #2388b74d,0 6px 15px #0003,inset 0 1px #ffffff1a;color:#fff}&:active{transform:scale(1.03) translateY(1px);transition:all .08s ease}&.interest{color:#ffffffb3;border:1px solid var(--strong-skill-color)}&.strong-skill{border:1px solid var(--strong-skill-color)}}#strong-skill{display:inline-block;width:var(--skills-note-font-size);height:var(--skills-note-font-size);background:var(--strong-skill-color);margin:0 .25rem;border:0px;border-radius:3px;vertical-align:middle;position:relative;top:-.08em}@media (max-width: 768px){.list{gap:1rem}.category{gap:.75rem}.group{gap:.5rem}.skill{padding:.5rem 1rem;font-size:.8rem}}@media (max-width: 320px){h2{font-size:1rem}}}#photography{display:flex;justify-content:center;align-items:center;min-height:600px;padding:4rem 0;position:relative;z-index:2;box-sizing:border-box;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460,#e94560,#f39c12);background-size:400% 400%;animation:gradient-shift 8s ease-in-out infinite;.box{width:800px;max-width:90%;box-sizing:border-box}}.header-group{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem}#photography-header{display:flex;flex-direction:row;align-items:center;position:relative;z-index:2}#photography-title{font-size:4em;margin:0;font-weight:200;letter-spacing:-.1rem;background:linear-gradient(135deg,#fff,#e94560,#f39c12);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 3s ease-in-out infinite}#photography-subtitle{font-size:1.5em;font-weight:400;letter-spacing:-.02em;color:#fffc;margin-top:.5rem;margin-bottom:1.5rem;min-height:1.5rem;line-height:1.2}.photography-content{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:2;padding:1rem}.photography-links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:clamp(1.2rem,2vw,1.1em);font-weight:300;opacity:.9;line-height:1.6;letter-spacing:.3px;margin:1rem 0;& a{color:#fffffff2;text-decoration:none;font-weight:500;padding:.75rem 1.5rem;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;white-space:nowrap;flex-shrink:0;min-width:280px;& i{position:absolute;left:1rem;margin-right:.5rem;font-size:1.1em;opacity:.8}& span{flex:1;text-align:center;margin-left:2rem}&:hover{color:#fff;background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;& i{opacity:1}}&:active{transform:translateY(0);transition:all .1s ease}& i{font-size:1.1em;opacity:.8}&:hover i{opacity:1}}}.photography-description{margin:2rem 0;max-width:600px;text-align:center;& p{color:#ffffffd9;font-size:1.1rem;line-height:1.6;margin:0;font-weight:300}}.instagram-feed{width:100%;max-width:800px;margin-top:2rem}.feed-header{margin-bottom:1.5rem;& h3{font-size:1.8rem;font-weight:300;color:#ffffffe6;margin:0 0 .5rem;text-align:center;letter-spacing:-.02rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.elfsight-instagram-widget{width:100%;max-width:800px;margin:0 auto;padding:1rem 0}@media (max-width: 1000px){#photography{.box{width:85%;max-width:85%}}#photography-title{font-size:3rem}#photography-subtitle{font-size:1.2rem}}@media (max-width: 768px){#photography{padding:2rem 0;min-height:500px;.box{max-width:95%}}#photography-title{font-size:2.5rem}#photography-subtitle{font-size:1.1rem}.photography-links{flex-direction:column;align-items:center;gap:.75rem;& a{padding:.6rem 1.2rem;font-size:1rem}}.photography-description{& p{font-size:1rem}}}@media (max-width: 480px){#photography-title{font-size:2rem}#photography-subtitle{font-size:1rem}.photography-links{& a{padding:.5rem 1rem;font-size:.9rem}}.photography-description{& p{font-size:.9rem}}}.footer{padding:4rem 3rem;display:flex;flex-direction:column;align-items:center;font-size:.8rem;color:#c4c4c4}@media (max-width: 654px){.footer{padding:1rem}}