@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}body{overflow-x:hidden}*{padding:0;margin:0;color:#fff;font-weight:700;text-align:center}body:before{content:"";display:block;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;background-image:url(/_next/static/media/top-image.aabc7695.png);background-size:cover;background-repeat:no-repeat}img{height:100%}:after,:before,HTML CSS Result Skip Results Iframe *{box-sizing:inherit}.button-link{display:flex;justify-content:center}.btn,a.btn,button.btn{width:30%;font-size:.8rem;line-height:1.5;position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s;text-align:center;letter-spacing:.1em}a.btn-flat{overflow:hidden;padding:1rem;color:#6a6a6a;border-radius:.2rem;background:#124656;margin:10px}a.btn-flat span{position:relative}a.btn-flat:before{position:absolute;top:0;left:0;width:140%;height:500%;content:"";transition:all .5s ease-in-out;-webkit-transform:translateX(-98%) translateY(-25%) rotate(45deg);transform:translateX(-98%) translateY(-25%) rotate(45deg);background:#00b7ee}a.btn-flat:hover:before{-webkit-transform:translateX(-9%) translateY(-25%) rotate(45deg);transform:translateX(-9%) translateY(-25%) rotate(45deg)}.scroll-arrow{margin-bottom:200px}section{padding-bottom:200px}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem;color:#fff;position:fixed;top:0;left:0;width:100%;z-index:1;background-color:rgba(0,0,0,.452)}nav{line-height:35px;margin:auto;width:70%}.logo{font-size:1.5rem;font-weight:700}.menu{display:flex;align-items:center;justify-content:space-around}.menu a{color:#fff;text-decoration:none;margin-left:1rem}.menu a:hover{color:#286dc2}.glowing-text{font-size:3rem;text-shadow:0 0 10px #5f6696,0 0 20px #395b92,0 0 30px #96b3e2,0 0 40px rgba(63,101,177,.401);font-family:Cinzel,serif}.top{height:100vh}.fade-in-text{display:grid;place-items:center;height:100vh;position:relative}.scroll-indicator{position:absolute;bottom:32px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-indicator-text{font-size:.65rem;letter-spacing:.2em;color:hsla(0,0%,100%,.7);font-weight:400}.scroll-indicator-arrow{display:flex;flex-direction:column;align-items:center;gap:4px}.scroll-indicator-arrow span{display:block;width:10px;height:10px;border-right:2px solid hsla(0,0%,100%,.7);border-bottom:2px solid hsla(0,0%,100%,.7);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:scrollArrow 1.6s ease infinite;animation:scrollArrow 1.6s ease infinite}.scroll-indicator-arrow span:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes scrollArrow{0%{opacity:0;-webkit-transform:rotate(45deg) translate(-4px,-4px);transform:rotate(45deg) translate(-4px,-4px)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg) translate(4px,4px);transform:rotate(45deg) translate(4px,4px)}}@keyframes scrollArrow{0%{opacity:0;-webkit-transform:rotate(45deg) translate(-4px,-4px);transform:rotate(45deg) translate(-4px,-4px)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg) translate(4px,4px);transform:rotate(45deg) translate(4px,4px)}}main{background-color:rgba(0,0,0,.538)}.about-me{width:80%;margin:0 auto;padding-bottom:5em}.about-profile-card{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:16px;padding:32px 40px;margin-bottom:48px;text-align:left}.about-profile-name{font-size:1.8rem;margin-bottom:6px}.about-profile-title{font-size:.85rem;color:#a78bfa;font-weight:400;margin-bottom:16px;letter-spacing:.05em}.about-profile-desc{font-size:.9rem;color:#ccc;font-weight:400;line-height:1.8}.cp_timeline04{position:relative;padding-bottom:2em}.cp_timeline04:before{position:absolute;top:0;left:45px;width:3px;height:100%;content:"";background:#85aef4}.cp_timeline04 .timeline_item{margin:0 0 0 80px}.cp_timeline04 .timeline_item .time_date .time{font-family:serif;font-size:5em;font-weight:700;position:relative;margin:0;letter-spacing:3px;color:hsla(0,14%,86%,.4)}.cp_timeline04 .timeline_item .time_date .time:before{position:absolute;top:50%;left:-42px;width:10px;height:10px;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);border:3px solid #6fa4ff;background:#fff}.cp_timeline04 .timeline_item .time_date .flag{font-size:1.5em;font-weight:700;margin:-60px 0 0;color:#fff}.cp_timeline04 .timeline_item .desc{font-size:.8em;line-height:20px;margin-top:10px;padding-left:20px;border-left:1px solid #5c91f2}.cp_timeline04:before{left:15px}.cp_timeline04 .timeline_item .time_date .time:before{left:-32px}.cp_timeline04 .timeline_item{margin:0 0 0 40px}.cp_timeline04 .timeline_item .desc{padding-left:0;border-top:1px solid #578bf3;border-left:none}.link-table table{width:90%;border-collapse:collapse;margin:auto}.link-table td,.link-table th{padding:8px;text-align:left;border:1px solid #ccc}.link-table a{text-decoration:none;color:#007bff}.link-table a:hover{color:#0056b3}.works-img{margin:15px;border-radius:8px;overflow:hidden}.works-img img{transition:opacity .3s ease,-webkit-filter .3s ease;transition:filter .3s ease,opacity .3s ease;transition:filter .3s ease,opacity .3s ease,-webkit-filter .3s ease}.self-study-evidence-img{margin:15px}.works-img:hover img{-webkit-filter:brightness(.7);filter:brightness(.7);opacity:.85}.fade-in-text{opacity:0;-webkit-animation:fadeInAnimation 3s ease forwards;animation:fadeInAnimation 3s ease forwards}@-webkit-keyframes fadeInAnimation{to{opacity:1}}@keyframes fadeInAnimation{to{opacity:1}}footer{height:60px;background-color:rgba(0,0,0,.452);line-height:60px}footer img{height:50px;width:50px}.footer-text{display:flex;align-items:center;justify-content:center}.sample7{overflow:hidden;margin:10px 8px 10px 16px;position:relative}.sample7 .caption{font-size:1.2rem;color:#fff;text-align:center;padding-top:83px}.sample7 .mask{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:rgba(0,0,0,.4);-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);transition:all .6s ease}.sample7:hover .mask{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}@media screen and (max-width:768px){.glowing-text{font-size:2rem}nav{display:flex;align-items:center;justify-content:flex-end;width:100%}.menu{display:none;flex-direction:column;position:absolute;top:30px;left:0;width:40%;height:100vh;background-color:rgba(0,0,0,.5);z-index:1}.menu.open{display:flex}.hamburger{display:block;cursor:pointer;position:relative;z-index:2}.hamburger span{display:block;width:25px;height:3px;margin:5px;background-color:#fff;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.hamburger.open span:first-child{-webkit-transform:rotate(-45deg) translate(-3px,6px);transform:rotate(-45deg) translate(-3px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){-webkit-transform:rotate(45deg) translate(-5px,-7px);transform:rotate(45deg) translate(-5px,-7px)}h2{padding-bottom:30px}p{font-size:.7rem}a{text-decoration:none;transition:1s;cursor:pointer;color:#fff}a:hover{color:#e4dada}.fade-in-text{height:100dvh}.works-app{padding:10px;margin:0 auto 20px}.works-img img{width:100%}.self-study{padding-top:50px}.self-study-evidence-box{display:flex;flex-wrap:wrap}.self-study-evidence{width:50%;margin:auto auto 30px}.self-study-evidence-img img{width:100%}.skills{margin:5px;padding:0 5%}.skills-box{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.skill{box-shadow:0 0 3px gray;padding:15px;background:#fff}.skill-img img{width:40px;padding:7px}.skills h2{padding-bottom:20px}.skill p{color:#000}.qualification-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;padding:8px 16px 32px;width:100%;box-sizing:border-box}.qualification-card{position:relative;background:hsla(0,0%,100%,.05);border-radius:12px;padding:16px 14px;text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .3s ease,-webkit-transform .2s ease;transition:transform .2s ease,background .3s ease;transition:transform .2s ease,background .3s ease,-webkit-transform .2s ease}.qualification-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);background:var(--hover-bg)}.qualification-badge{display:inline-block;font-size:.65rem;font-weight:700;padding:2px 10px;border-radius:4px;border:1px solid;margin-bottom:12px;letter-spacing:.05em;opacity:.9}.qualification-name{font-size:.9rem!important;font-weight:700;line-height:1.5;padding:0!important}.works-card-grid{grid-template-columns:1fr!important;max-width:100%!important;margin:0!important;padding:16px 0!important}}@media (min-width:1024px){main{padding:0 200px}h2{font-size:2.5rem;padding:100px 0 50px}a{text-decoration:none;transition:1s;cursor:pointer;color:#fff}a:hover{color:#e4dada}.works{padding-top:50px}.works-app-box{display:flex;flex-wrap:wrap;justify-content:flex-start}.works-app{width:50%;margin-bottom:30px}.works-img img{width:100%}.self-study{padding-top:50px}.self-study-evidence-box{display:flex;flex-wrap:wrap}.self-study-evidence{width:33%;margin:auto auto 30px}.self-study-evidence-img img{width:100%}.skills-box{display:flex;flex-wrap:wrap;justify-content:flex-start;width:90%;margin:0 auto}.skill{width:17%;box-shadow:0 0 5px gray;margin:10px;background:#fff;opacity:.9}.skill-img img{width:40%;height:100%}.skill p{font-size:1.1rem;padding:10px;color:#000}.qualification-cards{display:grid;grid-template-columns:repeat(4,1fr);padding:8px 40px 32px;grid-gap:16px;gap:16px;width:100%;box-sizing:border-box}.qualification-card{padding:20px 18px;text-align:left}.qualification-badge{text-align:left}.qualification-name{font-size:.9rem!important;text-align:left}}.works-card-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;padding:16px 0;max-width:860px;margin:0 auto;box-sizing:border-box}.work-card-link{display:block;text-decoration:none;color:#fff;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3);transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.work-card-link:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);box-shadow:0 10px 28px rgba(0,0,0,.5)}.work-card-img{position:relative;height:220px;overflow:hidden}.work-card-img img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.work-card-body{padding:10px 14px;display:flex;flex-direction:column;height:64px}.work-card-title{font-size:.9rem;text-align:left;color:#fff;flex:1 1;display:flex;align-items:center}.work-card-date{font-size:.68rem;color:hsla(0,0%,100%,.6);text-align:left}.work-card-tags{position:absolute;top:8px;right:8px;display:flex;gap:6px;flex-wrap:wrap}.work-card-tag{font-size:.65rem;background:rgba(167,139,250,.85);color:#fff;padding:2px 8px;border-radius:4px}.work-card-btn{font-size:.8rem;color:#a78bfa}.work-detail{max-width:1100px;margin:0 auto;padding:100px 24px 80px;min-height:calc(100vh - 60px);box-sizing:border-box}.work-detail-back{display:inline-block;font-size:.85rem;color:#a78bfa;text-decoration:none;margin-bottom:32px}.work-detail-back:hover{text-decoration:underline}.work-detail-content{display:grid;grid-template-columns:3fr 2fr;grid-gap:40px;gap:40px;align-items:start;background:rgba(0,0,0,.55);border-radius:16px;padding:32px}.work-detail-img{width:100%}.work-detail-img img{width:100%;height:auto;border-radius:8px;display:block}.work-detail-info{display:flex;flex-direction:column;gap:20px}.work-detail-title{font-size:1.4rem;text-align:left;color:#fff}.work-detail-meta{display:flex;flex-direction:column;gap:8px}.work-detail-date{font-size:.75rem;color:#999;text-align:left}.work-detail-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.work-detail-tag{font-size:.7rem;background:rgba(167,139,250,.2);color:#a78bfa;padding:2px 10px;border-radius:4px}.work-detail-desc{font-size:.85rem;color:#ccc;line-height:1.8;text-align:left;font-weight:400}.work-detail-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start}.work-detail-btn{font-size:.8rem;padding:8px 0;width:140px;text-align:center;border-radius:6px;text-decoration:none;color:#fff;background:rgba(167,139,250,.3);border:1px solid #a78bfa;transition:background .3s ease}.work-detail-btn:hover{background:rgba(167,139,250,.6)}.work-detail-features{display:flex;flex-direction:column;gap:8px}.work-detail-features-title{font-size:.78rem;color:#a78bfa;text-align:left;margin-bottom:4px}.work-detail-feature-item{font-size:.78rem;color:#ccc;text-align:left;font-weight:400;list-style:none;padding-left:12px;position:relative}.work-detail-feature-item:before{content:"・";position:absolute;left:0;color:#a78bfa}@media screen and (max-width:768px){.work-detail-content{grid-template-columns:1fr}.work-detail{padding:80px 16px 60px}}