.header{position:fixed;top:0;left:0;width:100%;padding:0 2rem;z-index:100;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.header-container{max-width:75%;margin:0 auto;padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;width:100%}.logo a{font-size:1.5rem;font-weight:700;color:#e4e4e7;text-decoration:none}.navigation{display:flex;align-items:center;gap:2rem}.navigation a{color:#a0a0a0;text-decoration:none;transition:color .2s;position:relative;padding-bottom:.5rem}.navigation a:hover,.navigation a.active{color:#e4e4e7}.navigation a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#a855f7}.language-switcher{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(168,85,247,.1);color:#a855f7;border:1px solid #a855f7;border-radius:9999px;cursor:pointer}.intro-animation{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;overflow:hidden}.overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.overlay-panel{width:calc(100vw / 7);height:100vh;background:#2e1065}.footer{width:100%;padding:2rem 0;margin-top:4rem;border-top:1px solid rgba(255,255,255,.1);background:transparent;position:relative;z-index:10}.footer-container{max-width:75%;margin:0 auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.copyright{color:#a0a0a0;font-size:.9rem;margin:0}.social-links{display:flex;gap:1.5rem;align-items:center}.social-links a{color:#a0a0a0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.social-links a:hover{color:#a855f7;transform:translateY(-2px)}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center}.footer-container{max-width:90%}}html{font-size:16px}body{position:relative;margin:0;background-color:#111;color:#e4e4e7;font-family:Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px}h2{font-size:2.5rem;background:linear-gradient(135deg,#c084fc,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.5rem;border-bottom:2px solid #3f3f46;display:inline-block}.section{max-width:75%;margin:0 auto;padding:4rem 2rem;text-align:center}.content{position:relative;z-index:1}#tsparticles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}@media (max-width: 1200px){html{font-size:14px}}@media (max-width: 768px){html{font-size:12px}}.profile{padding-top:15rem!important;padding-bottom:6rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-content-wrapper{display:flex;flex-direction:column;align-items:center;gap:4rem;width:100%}.profile-main-content{display:flex;align-items:center;justify-content:center;gap:clamp(4rem,8vw,8rem);width:100%;max-width:1400px;flex-wrap:wrap}.profile-left-section{flex:1;min-width:0;max-width:650px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.profile-text{width:100%;display:flex;flex-direction:column;align-items:flex-start}.profile-role{font-size:2.2rem;font-weight:500;color:#a0a0a0;margin-bottom:.5rem}.profile-greeting{font-size:8.5rem;font-weight:600;color:#e4e4e7;margin:0;margin-bottom:.5rem;line-height:1.2;text-align:left}.profile-name{font-size:5.5rem;font-weight:700;margin:0;margin-bottom:3rem;line-height:1.1;color:#a855f7!important;text-align:left;display:block;position:relative;width:100%;min-height:1.1em;height:auto;overflow:visible;padding-bottom:.5em;opacity:1!important;visibility:visible!important;-webkit-text-fill-color:#a855f7!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;border-bottom:none!important}.rotating-text{display:block;width:100%;position:relative;min-height:1.1em;opacity:1!important;visibility:visible!important}.role-text{display:inline-flex!important;white-space:nowrap;position:relative;width:max-content;will-change:opacity,transform;color:#a855f7!important;font-size:inherit;font-weight:inherit;z-index:1;background:transparent;gap:.05em;flex-wrap:wrap}.char-element{display:inline-block;will-change:transform,opacity;color:inherit;font-size:inherit;font-weight:inherit;transform:none}.role-text[style]{color:#a855f7!important;opacity:1!important}.rotating-text:after{content:"";position:absolute;bottom:0;left:0;width:12ch;height:.15em;background:#a855f7;z-index:0}.profile-name:after{display:none}.profile-description{font-size:2rem;color:#a0a0a0;margin-top:1.5rem;max-width:42%}.profile-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;width:100%;margin-top:0}.cv-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:#a855f7;border:1px solid #a855f7;border-radius:9999px;cursor:pointer;transition:all .2s}.cv-button:hover{background:#a855f7;color:#111}.social-links{display:flex;gap:1rem}.social-links a{color:#a0a0a0;border:1px solid #3f3f46;border-radius:50%;width:2rem;height:2rem;display:grid;place-items:center;transition:all .2s}.social-links a:hover{color:#a855f7;border-color:#a855f7}.profile-image-container{position:relative;width:min(45vw,36rem);height:min(45vw,36rem);aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-wrapper{width:83.5%;height:83.5%;border-radius:50%;overflow:hidden}.profile-image{width:100%;height:100%;object-fit:cover}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-container{max-width:75%;margin:0 auto}@media (min-aspect-ratio: 16/9){.profile-greeting{font-size:clamp(5rem,10vh,8rem)}.profile-name{font-size:clamp(3rem,7vh,5rem)}.profile-image-container{width:clamp(24rem,45vh,34rem);height:clamp(24rem,45vh,34rem)}.profile-main-content{gap:clamp(3rem,5vw,6rem)}}@media (max-width: 1600px){.profile-left-section{max-width:50%}.profile-image-container{width:min(45vw,34rem);height:min(45vw,34rem)}}@media (max-width: 1440px){.profile-greeting{font-size:8rem}.profile-name{font-size:5.2rem}.profile-image-container{width:min(45vw,32rem);height:min(45vw,32rem)}.profile-main-content{gap:3.5rem}.profile-left-section{max-width:50%}}@media (max-width: 1200px){.profile-greeting{font-size:7rem}.profile-name{font-size:4.8rem}.profile-image-container{width:min(45vw,30rem);height:min(45vw,30rem)}.profile-left-section{max-width:50%}.profile-main-content{gap:3rem}}@media (max-width: 1024px){.profile-main-content{flex-direction:column;align-items:center;text-align:center}.profile-left-section{align-items:center;width:100%;max-width:100%}.profile-text{align-items:center;text-align:center}.profile-greeting{font-size:6.5rem;text-align:center}.profile-name{font-size:4.5rem;text-align:center}.profile-image-container{width:min(60vw,32rem);height:min(60vw,32rem)}.profile-actions{justify-content:center}}@media (max-width: 768px){.profile-greeting{font-size:6rem}.profile-name{font-size:4rem}.profile-image-container{width:min(90vw,28.125rem);height:min(90vw,28.125rem)}.image-wrapper{width:83.5%;height:83.5%}}@media (max-width: 480px){.profile-greeting{font-size:4.5rem}.profile-name{font-size:2.8rem}}.stats-container{display:flex;justify-content:space-around;align-items:center;max-width:75%;margin:0 auto;padding:2rem 0;border-top:1px solid #3f3f46;border-bottom:1px solid #3f3f46;width:100%;grid-template-columns:repeat(4,1fr)}.stat-item{text-align:center;flex:1}.stat-item:not(:last-child){border-right:1px solid #3f3f46;padding-right:4rem}.stat-item:not(:first-child){padding-left:4rem}.stat-value{font-size:2.5rem;font-weight:700;display:inline-block;margin-right:.5rem;color:#e4e4e7}.stat-label{font-size:1rem;color:#a0a0a0;display:inline-block}@media (max-width: 768px){.stats-container{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2){border-right:none}}@media (max-width: 480px){.stats-container{grid-template-columns:1fr;gap:1px;background-color:#3f3f46}.stat-item:not(:last-child){border-right:none;border-bottom:1px solid #3f3f46}}.projects{padding:7rem 0 8rem;position:relative;overflow:hidden}.projects:before{content:"";position:absolute;inset:5rem auto auto 50%;width:min(56rem,80vw);height:min(56rem,80vw);background:radial-gradient(circle at 30% 35%,rgba(168,85,247,.22),transparent 34%),radial-gradient(circle at 65% 65%,rgba(59,130,246,.13),transparent 36%);filter:blur(18px);transform:translate(-50%);pointer-events:none;z-index:-1}.projects-container{max-width:1280px;margin:0 auto;padding:0 2rem}.projects-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:3.5rem;text-align:left}.projects-eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:#d8b4fe;font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.projects-eyebrow:before{content:"";width:2.2rem;height:1px;background:linear-gradient(90deg,transparent,#a855f7)}.projects h2{font-size:clamp(3.3rem,7vw,6.2rem);line-height:.92;font-weight:900;letter-spacing:-.08em;color:#fff;margin:0;background:linear-gradient(135deg,#ffffff 8%,#d8b4fe 45%,#a855f7 78%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:0;padding-bottom:0;display:block;margin-top:.7rem}.project-filters{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.55rem;max-width:34rem}.project-filter-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(216,180,254,.22);border-radius:999px;background:rgba(255,255,255,.045);color:#ffffffb8;cursor:pointer;font:inherit;font-size:.82rem;font-weight:750;letter-spacing:-.01em;padding:.55rem .9rem;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.project-filter-button:hover,.project-filter-button.active{border-color:#a855f79e;background:rgba(168,85,247,.18);color:#fff;box-shadow:0 0 28px #a855f729}.project-filter-button:hover{transform:translateY(-1px)}.projects-grid{display:flex;flex-wrap:wrap;align-items:stretch;column-gap:1.35rem;row-gap:2.25rem}.project-card{--project-primary: #8b5cf6;--project-primary-rgb: 139, 92, 246;--project-secondary: #3b82f6;--project-secondary-rgb: 59, 130, 246;--project-accent: #22d3ee;--project-accent-rgb: 34, 211, 238;flex:1 1 var(--project-card-basis, 25%);min-width:14.5rem;height:clamp(30rem,40vw,34rem);background:linear-gradient(150deg,rgba(255,255,255,.095),rgba(255,255,255,.025)),rgba(18,18,22,.78);border:1px solid rgba(255,255,255,.11);border-radius:1.75rem;overflow:hidden;transition:flex-grow .24s ease,opacity .18s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer;display:flex;flex-direction:column;position:relative;isolation:isolate;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 70px #00000040}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--x, 20%) 0%,rgba(var(--project-primary-rgb),.22),transparent 28%),linear-gradient(180deg,transparent,rgba(0,0,0,.22));opacity:0;transition:opacity .3s ease;z-index:-1}.project-card:hover{border-color:rgba(var(--project-accent-rgb),.58);background:linear-gradient(150deg,rgba(255,255,255,.13),rgba(255,255,255,.035)),rgba(20,18,26,.86);box-shadow:0 30px 90px #0000006b,0 0 42px rgba(var(--project-primary-rgb),.14)}.project-card:hover:before{opacity:1}.project-card-wide{--project-card-basis: 30%}.project-card-normal{--project-card-basis: 25%}.project-card-slim{--project-card-basis: 23%}.project-card-compact{--project-card-basis: 21%}@media (hover: hover) and (pointer: fine){.projects-grid:hover .project-card{flex-grow:.82;opacity:.72}.projects-grid .project-card:hover{flex-grow:1.75;opacity:1}}@media (max-width: 980px){.project-card,.project-card-wide,.project-card-normal,.project-card-slim,.project-card-compact{--project-card-basis:calc(50% - .7rem)}}.project-image{width:100%;flex:0 0 clamp(13.5rem,18vw,15.5rem);background:linear-gradient(135deg,rgba(var(--project-primary-rgb),.28),rgba(var(--project-secondary-rgb),.16)),#17171c;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;position:relative}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}.project-card:hover .project-image img{transform:scale(1.06);filter:saturate(1.08) contrast(1.05)}.project-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:inherit;background:radial-gradient(circle at 22% 22%,rgba(255,255,255,.2),transparent 18%),radial-gradient(circle at 78% 72%,rgba(var(--project-accent-rgb),.34),transparent 28%),linear-gradient(135deg,rgba(var(--project-primary-rgb),.2),rgba(14,14,18,.9));color:#ffffff1f;font-size:clamp(5rem,12vw,9rem);font-weight:900;letter-spacing:-.12em;text-transform:uppercase}.project-placeholder:after{content:"";position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;border:1px solid rgba(255,255,255,.08);border-radius:1.1rem}.project-number,.project-primary-tag{position:absolute;z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.project-number{top:1rem;left:1rem;color:#ffffff9e;font-size:.8rem;font-weight:800;letter-spacing:.18em}.project-primary-tag{right:1rem;bottom:1rem;padding:.45rem .75rem;color:#f5edff;background:rgba(var(--project-primary-rgb),.24);border:1px solid rgba(var(--project-accent-rgb),.28);border-radius:999px;font-size:.78rem;font-weight:700}.project-content{padding:1.35rem;display:flex;flex-direction:column;flex-grow:1;min-height:0}.project-header{margin-bottom:1rem;min-height:4.35rem}.project-header h3{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.05;font-weight:850;letter-spacing:-.04em;color:#fff;margin:0 0 .45rem}.project-period{color:var(--project-accent);font-size:.85rem;font-weight:650}.project-desc{font-size:1rem;color:#b7b7c6;line-height:1.65;margin:0 0 1.6rem;min-height:4.95rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.project-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.25rem;min-height:4.1rem;align-content:flex-start;overflow:hidden}.project-tag{padding:.35rem .72rem;background:rgba(var(--project-primary-rgb),.1);border:1px solid rgba(var(--project-accent-rgb),.2);border-radius:9999px;color:var(--project-accent);font-size:.76rem;font-weight:650}.more-tag{background:rgba(255,255,255,.06);border-color:#ffffff24;color:#cfcfd8}.project-card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);color:#f4eaff;font-size:.88rem;font-weight:800}.project-card-footer span:last-child{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;color:#111;background:var(--project-accent);transition:transform .25s ease,background .25s ease}.project-card:hover .project-card-footer span:last-child{transform:rotate(12deg) scale(1.06);background:#fff}@media (max-width: 768px){.projects{padding:5rem 0 6rem}.projects-container{padding:0 1.5rem}.projects-heading{align-items:flex-start;flex-direction:column;gap:1.4rem;margin-bottom:2.4rem}.project-filters{justify-content:flex-start;margin:0 -1.5rem;max-width:none;overflow-x:auto;padding:0 1.5rem .15rem;scrollbar-width:none;width:calc(100% + 3rem)}.project-filters::-webkit-scrollbar{display:none}.project-filter-button{flex:0 0 auto}.projects-grid{gap:1rem}.project-card,.project-card-wide,.project-card-normal,.project-card-slim,.project-card-compact{--project-card-basis: 100%;height:auto;min-height:0}.project-image{flex-basis:13.5rem}.project-content{padding:1.2rem}}.personal{position:relative;padding:0;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent}section.personal{max-width:100%;margin:0;padding:0}.personal-header-overlay{position:absolute;top:6rem;left:0;width:100%;z-index:10;pointer-events:none}.personal-header{text-align:center}.personal-header .subtitle{display:inline-flex;align-items:center;gap:.5rem;color:#a855f7;font-size:.9rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;background:rgba(168,85,247,.1);padding:.5rem 1rem;border-radius:100px;border:1px solid rgba(168,85,247,.2);pointer-events:auto}.personal-header h2{font-size:3rem;font-weight:800;margin:.5rem 0;background:linear-gradient(to right,#fff,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;pointer-events:auto}.personal-header p{color:#a1a1aa;font-size:1.1rem;pointer-events:auto}.canvas-container{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:1}.personal-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(5,5,16,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center}.personal-modal-content{position:relative;width:90%;max-width:500px;background:rgba(20,20,35,.85);border:1px solid #a855f7;border-radius:1rem;padding:3rem 2rem;text-align:center;box-shadow:0 0 40px #a855f766,inset 0 0 20px #3b82f64d;overflow:hidden}.modal-hologram-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(59,130,246,.05) 2px,rgba(59,130,246,.05) 4px);pointer-events:none;z-index:0}.personal-modal-content .close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#a855f7;cursor:pointer;z-index:10;transition:transform .2s,color .2s}.personal-modal-content .close-btn:hover{transform:scale(1.1);color:#fff}.personal-modal-content h3{position:relative;z-index:1;font-size:2rem;color:#fff;text-shadow:0 0 15px #a855f7;margin-bottom:1.5rem;font-family:monospace}.personal-modal-content p{position:relative;z-index:1;color:#e5e7eb;font-size:1.1rem;line-height:1.6;word-break:keep-all}.modal-decorative-line{position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#a855f7,#3b82f6,transparent)}@media (max-width: 640px){.personal-header h2{font-size:2.2rem}.personal-modal-content h3{font-size:1.5rem}.personal-modal-content{padding:2.5rem 1.5rem}}