.home-container{min-height:100vh;color:#fff;padding:0 4rem;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg,#5a4fcf,#00008b 25%,#6a5acd 50%,#4d4dff 75%,#0039a6);background-size:200% 100%;animation:gradientFlow 10s ease infinite;position:relative}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.home-content{display:flex;justify-content:center;align-items:center}.greeting{font-size:3.5em;font-weight:700;margin-bottom:1.5rem;gap:.5rem;opacity:0;animation:fadeUp 1s forwards}.wave{display:inline-block;animation:wave 2s infinite;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.description{font-size:1.5em;font-weight:400;line-height:1.6;margin-bottom:3rem;color:#bbb;opacity:0;animation:fadeUp 1s .3s forwards}.gradient-overlay{position:absolute;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(180deg,transparent,#000);pointer-events:none}.arrow-container{margin-top:-10em;margin-bottom:25em;width:100%;opacity:0;animation:fadeUp 1s .6s forwards}.arrow{width:5em;margin-top:0;display:block;margin-left:auto;margin-right:auto;animation:MoveUpDown 2s linear infinite;position:relative}@keyframes fadeUp{0%{transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes MoveUpDown{0%,to{bottom:0}50%{bottom:2em}}@media (max-width:900px){.home-container{padding:0 1.5rem;min-height:90vh;align-items:flex-start;text-align:center}.home-content{justify-content:center;text-align:center}.greeting{font-size:2.2em;margin-bottom:1rem;margin-top:7.5em}.description{font-size:1em;line-height:1.5;margin:1.5rem 0 2rem;padding:0 .5rem}.gradient-overlay{height:150px}.arrow-container{margin-top:-12.5em;margin-bottom:20em}.arrow{width:4em}.m-home-container{min-height:100vh;color:#fff;padding:0 1.5rem;background:linear-gradient(90deg,#5a4fcf,#00008b 25%,#6a5acd 50%,#4d4dff 75%,#0039a6);background-size:200% 100%;animation:gradientFlow 10s ease infinite;position:relative}.m-home-container,.m-home-content{display:flex;justify-content:center;align-items:center}.m-home-content{text-align:center;padding-top:5rem}.m-greeting{font-size:2.2em;font-weight:700;margin:4rem 0 1.2rem;gap:.5rem;opacity:0;animation:fadeUp 1s forwards}.m-wave{display:inline-block;animation:wave 2s infinite;transform-origin:70% 70%}.m-description{font-size:1em;line-height:1.5;font-weight:400;margin:2.5em 0 1rem;color:#bbb;padding:0 1rem;opacity:0;animation:fadeUp 1s .3s forwards}.m-gradient-overlay{position:absolute;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(180deg,transparent,#000);pointer-events:none}.m-arrow-container{margin-top:-12.5em;margin-bottom:20em;width:100%;opacity:0;animation:fadeUp 1s .6s forwards}.m-arrow{width:4em;margin-top:0;display:block;margin-left:auto;margin-right:auto;animation:MoveUpDown 2s linear infinite;position:relative}}.portfolio{height:50px;width:50px;margin-left:30%;padding-right:20px}.portfolio-3d{padding:2rem;background:#000;color:#fff;min-height:100vh}#list{font-size:3.5em;margin:1rem auto .5rem}#explain,#list{align-self:flex-start;width:calc(100% - 2rem);padding:0 1rem;max-width:1200px}#explain{margin:.25em auto .5rem;color:#ddd}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem;padding:1rem;max-width:1200px;width:100%;margin:0 auto}.portfolio-align{display:flex;flex-direction:row;justify-content:center}.portfolio-item{text-decoration:none;color:inherit;transition:transform .3s ease}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-card{background:#1a1a1a;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.3);height:32.5em;display:flex;flex-direction:column}.portfolio-card2{overflow:hidden;height:100%}.card-preview,.card-preview-small,.card-preview-small2{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;width:auto;background-color:#0b0b0b;overflow:hidden}.card-preview img{width:85%;max-width:320px;height:auto;object-fit:contain}.card-preview-small img,.card-preview-small2 img{width:70%;max-width:260px;height:auto}#compressed{height:12.5em;width:auto}.card-info{padding:1.5rem;flex:1 1}.card-info h3{margin:0 0 .5rem;font-size:1.25rem;color:#fff}.card-info p{margin:0 0 1rem;color:#999;font-size:.9rem}.date{display:block;color:#777;font-size:.8rem}.portfolio-3d h2{text-align:center;margin-bottom:2rem}@media (max-width:900px){.portfolio-3d{padding:1.5rem 1rem}#list{font-size:2em}#explain,#list{width:calc(100% - 1rem);padding:0 .5rem}#explain{margin:.15em auto .5rem;font-size:.9rem;line-height:1.6}.portfolio-grid{display:flex;flex-direction:column;gap:1rem;max-width:80%}.portfolio-card{border-radius:8px;height:auto;box-shadow:0 2px 4px rgba(0,0,0,.3)}.card-preview,.card-preview-small,.card-preview-small2{width:100%;min-height:180px}.card-preview img{width:70%;max-width:260px}.card-preview-small img,.card-preview-small2 img{width:60%;max-width:200px}#compressed{height:auto;max-height:9em}.card-info{padding:1rem}.card-info h3{font-size:1.1rem}.card-info p{font-size:.85rem;margin-bottom:.5rem}.date{font-size:.75rem}.m-portfolio{height:40px;width:100%;margin-left:0;padding:10px 0}.m-portfolio-3d{padding:1rem;background:#000;color:#fff;min-height:100vh}#m-list{font-size:2em;margin:.5rem auto}#m-explain,#m-list{align-self:flex-start;text-align:left;width:calc(100% - 1rem);padding:0 .5rem;max-width:100%}#m-explain{margin:.15em auto .5rem;font-weight:400;color:#ddd;font-size:.9rem}.m-portfolio-grid{display:flex;flex-direction:column;gap:1rem;max-width:80%;width:100%;margin:0 auto}.m-portfolio-align{display:flex;flex-direction:column;justify-content:center}.m-portfolio-item{text-decoration:none;color:inherit;transition:transform .3s ease}.m-portfolio-item:hover{transform:translateY(-3px)}.m-portfolio-card{background:#1a1a1a;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;flex-direction:column}.m-portfolio-card,.m-portfolio-card2{overflow:hidden;height:auto}.m-card-preview,.m-card-preview-small,.m-card-preview-small2{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;width:100%;background-color:#0b0b0b;overflow:hidden}.m-card-preview img{width:70%;max-width:220px;height:auto;object-fit:contain}.m-card-preview-small img,.m-card-preview-small2 img{width:55%;max-width:180px;height:auto}#m-compressed{height:6em;width:auto}.m-card-info{padding:1rem;flex:1 1}.m-card-info h3{margin:0 0 .3rem;font-size:1.1rem;color:#fff}.m-card-info p{margin:0 0 .5rem;color:#999;font-size:.8em}.m-date{display:block;color:#777;font-size:.75rem}.m-portfolio-3d h2{text-align:center;margin-bottom:1rem;font-size:1.5rem}}#list{margin:1.5rem 0 .5rem;color:#e0e0ff;font-weight:700;letter-spacing:.02em;animation:fadeIn 1s ease-out}#explain,#list{text-align:left;font-family:Inter,sans-serif}#explain{margin:.5rem 0 0;font-weight:400;color:#fff;font-size:1.2em;line-height:1.5}.page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;margin-top:-5em;padding:2rem}.content-wrapper{max-width:1000px;text-align:left}.experience-header{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:3rem}.timeline{display:block;position:relative;max-width:1000px;margin:3em auto;padding:0 1rem}.timeline:before{content:"";position:absolute;top:0;left:25px;height:100%;width:5px;background:linear-gradient(180deg,#3b82f6,#9333ea);border-radius:2px;box-shadow:0 0 8px rgba(147,51,234,.3)}.timeline-year{font-size:2rem;font-weight:700;color:#d1d5db;margin-bottom:1.5rem}.timeline-item,.timeline-year{padding-left:60px;position:relative}.timeline-item{margin-bottom:2.5em}.timeline-marker{display:block;position:absolute;top:.5rem;left:18px;width:16px;height:16px;background:linear-gradient(90deg,#3b82f6,#9333ea);border:2px solid #fff;border-radius:50%;z-index:1;transition:transform .3s ease,box-shadow .3s ease}.timeline-item:hover .timeline-marker{transform:scale(1.3);box-shadow:0 0 12px rgba(147,51,234,.7)}.timeline-content{display:block;position:relative;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.2);transition:transform .5s ease,box-shadow .5s ease,background .5s ease;text-decoration:none;overflow:hidden;min-width:300px;width:90%;max-width:400px}.timeline-content:hover{transform:scale(1.05);box-shadow:0 8px 30px rgba(0,0,0,.3);background:hsla(0,0%,100%,.15)}.experience-glow{position:absolute;inset:0;background:linear-gradient(90deg,rgba(59,130,246,.2),rgba(147,51,234,.2));backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);opacity:0;border-radius:1rem;transition:opacity .5s ease}.timeline-content:hover .experience-glow{opacity:1}.timeline-header{display:flex;align-items:center;column-gap:.75em;margin-bottom:1em}.timeline-img{height:40px;width:40px;filter:brightness(1.2);transition:transform .3s ease}.timeline-content:hover .timeline-img{transform:scale(1.1)}.experience-title{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:#fff;font-family:Inter,sans-serif}.experience-description{font-size:1em;color:#e5e7eb;margin-bottom:1rem;line-height:1.4;font-family:Inter,sans-serif}.experience-meta{display:flex;justify-content:space-between;font-size:.9rem;color:#d1d5db;margin-top:1em;margin-bottom:0;font-family:Inter,sans-serif}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,rgba(59,130,246,.3),rgba(147,51,234,.3));backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);border-radius:1rem;opacity:0;transition:opacity .5s ease;width:100%}.overlay span{font-size:1.5em;font-weight:600;color:#fff;text-align:center;font-family:Inter,sans-serif;padding:.5rem}.timeline-content:hover .overlay{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.page-container{padding:1rem}#list{font-size:2.5em}#explain{margin:-.5em auto 1.5rem;align-self:flex-start;font-weight:400;text-align:left;color:#ddd;padding:0 .25rem;max-width:1200px;font-size:.9em;line-height:1.6}.timeline{margin:2em auto}.timeline-item{padding-left:50px}.timeline:before{left:20px}.timeline-marker{left:13px;width:14px;height:14px}.timeline-content{padding:1rem;min-width:250px;width:85%;max-width:350px}.timeline-year{font-size:1.5rem}.experience-title{font-size:1.25rem}.experience-description{font-size:.8rem}.experience-meta{font-size:.7rem}.overlay span{font-size:1em}#m-list{font-size:2.5em;margin-left:.25em;color:#e0e0ff;font-family:Inter,sans-serif;font-weight:700;letter-spacing:.02em;animation:fadeIn 1s ease-out}#m-explain,#m-list{align-self:flex-start;text-align:left;padding:0 .25rem;max-width:1200px}#m-explain{font-weight:400;color:#ddd;margin:1em;font-size:.9em;line-height:1.6}.m-container{display:flex;justify-content:center;padding:0 3em}.m-spec{text-decoration:none;color:inherit;width:100%}.m-card-container{background-color:#ffffff10;border-radius:10px;padding:1rem;position:relative;overflow:hidden;transition:transform .3s ease}.m-card-container:hover{transform:translateY(-5px)}.m-column-center{display:flex;flex-direction:column;align-items:center;gap:.5rem}.m-card-img{width:50px;height:50px}.m-card-title{font-size:1.2rem;color:#fff}.m-card-text{text-align:center;margin-top:.5rem;font-size:.85em;line-height:1.4;color:#bbb}.m-highthon-element{color:#fff}.m-card-footer{font-size:.8rem;color:#666;margin-top:.5rem}.m-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.m-overlay span{color:#fff;text-align:center;font-size:.9rem;line-height:1.4}.m-card-container:hover .m-overlay{opacity:1}}.desktop-skills{padding:4rem 2rem;overflow-x:hidden}.container{flex-wrap:wrap;margin-top:2.5em}.container,.container2{display:flex;justify-content:center}.container2{gap:2rem;margin-bottom:2rem}.spec2{margin-left:1em;margin-right:1em;margin-bottom:1em;font-size:35px;color:#fff;text-decoration:none;height:3em;width:7em}.card-container2{background-color:#ffffff10;border-radius:15px;padding:1.5rem;height:100%;width:100%;transition:all .3s ease}.card-container2:hover{transform:translateY(-10px);background-color:#ffffff18}.column-center2{display:flex;flex-direction:column;align-items:center;gap:1rem}.card-img2{width:60px;height:60px;object-fit:contain}.card-title2{font-size:.9em;color:#fff;text-align:center}.card-footer2{text-align:center;font-size:.5em;color:#a0a0a0}.scroll{margin-top:2rem}.card-img{transition:transform .3s ease}.card-container2:hover .card-img{transform:scale(1.1)}.spec2{transition:transform .3s ease}.spec2:hover{transform:scale(1.02)}@media (max-width:900px){.desktop-skills{padding:2rem 1rem}.desktop-skills #list{font-size:2.5em;padding:0 .25rem}.desktop-skills #explain{margin-top:-.5em;padding:0 .25rem;font-size:.9em;line-height:1.6;color:#ddd}.container{flex-direction:column;gap:1rem;margin-top:1.5rem}.spec2{width:100%;max-width:260px;margin:.5rem auto;height:auto}.card-container2{border-radius:10px;padding:1rem}.column-center2{gap:.5rem}.card-img2{width:40px;height:40px}.card-title2{font-size:1.1em}.card-footer2{font-size:.9em}#m-list{font-size:2.5em;color:#e0e0ff;font-family:Inter,sans-serif;font-weight:700;letter-spacing:.02em;animation:fadeIn 1s ease-out}#m-explain,#m-list{align-self:flex-start;text-align:left;padding:0 .25rem;max-width:1200px}#m-explain{margin-top:-.5em;font-weight:400;color:#ddd;font-size:.9em;line-height:1.6}.mobile-skills{padding:2rem 1rem;overflow-x:hidden}.m-container2{flex-direction:column;align-items:center;margin-bottom:1rem}.m-container2,.m-spec{display:flex;justify-content:center;width:100%}.m-spec{margin:.5em}.m-card-container2{background-color:#ffffff10;border-radius:10px;padding:.75em;height:100%;width:45%;max-width:240px;transition:all .3s ease;margin:0 auto}.m-card-container2:hover{transform:translateY(-5px);background-color:#ffffff18}.m-column-center{display:flex;flex-direction:column;align-items:center;gap:.5rem}.m-icon-title-group{display:flex;align-items:center;gap:.8rem;margin-bottom:.3rem}.m-card-img{width:26px;height:26px;object-fit:contain;transition:transform .3s ease}.m-card-title{font-size:1.1em;color:#fff}.m-card-footer{text-align:center;font-size:.8em;color:#a0a0a0;margin-top:.5em}.m-card-container2:hover .m-card-img{transform:scale(1.1)}}@media (max-width:360px){.m-container2{grid-template-columns:repeat(2,1fr)}.m-card-img{width:35px;height:35px}.m-card-title{font-size:.7em}}.desktop-profile{padding:4rem 2rem}.container3{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding-top:1.5em}.spec{text-decoration:none;color:inherit}.card-container3{background-color:#ffffff10;border-radius:15px;padding:1.5rem;width:200px;position:relative;overflow:hidden;transition:all .3s ease}.card-container3:hover{transform:translateY(-10px);background-color:#ffffff18}.column-center3{display:flex;flex-direction:column;align-items:center;gap:1rem}.card-img3{width:60px;height:60px;object-fit:contain;transition:transform .3s ease}.card-title3{font-size:1.5em;color:#fff;text-align:center}.card-footer3{text-align:center;font-size:1em;color:#a0a0a0}.card-container3:hover .card-img{transform:scale(1.1)}.spec:hover{transform:scale(1.02)}@media (min-width:1200px){.container{padding:0 2rem}}@media (max-width:900px){.desktop-profile{padding:2rem 1rem}.desktop-profile #list{font-size:2.5em;padding:0 .25rem}.desktop-profile #explain{margin-top:-.5em;padding:0 .25rem;font-size:.9em;line-height:1.6;color:#ddd}.container3{flex-direction:column;gap:1rem;padding:0 1rem}.card-container3{width:100%;max-width:260px;margin:0 auto;border-radius:12px;padding:1rem}.card-img3{width:40px;height:40px}.card-title3{font-size:1.2em}.card-footer3{font-size:.9em}.mobile-profile{padding:2rem 1rem}.m-container{display:flex;flex-direction:column;gap:1rem;padding:0 1rem}.m-spec{text-decoration:none;color:inherit}.m-card-container3{background-color:#ffffff10;border-radius:12px;padding:1rem;height:6.5em;width:10em;transition:all .3s ease;text-align:center}.m-card-container3:hover{transform:translateY(-3px);background-color:#ffffff18}.m-column-center{display:flex;flex-direction:column;align-items:center;gap:.5rem}.m-card-img{width:40px;height:40px;object-fit:contain}.m-card-title{font-size:1.2em;color:#fff}.m-card-footer{font-size:.9em;color:#a0a0a0}}