*{margin:0;padding:0;box-sizing:border-box}body{font-family:Century Gothic,sans-serif}.home-container{min-height:100vh;width:100%;background:linear-gradient(135deg,#205e7b,#1a4965);display:flex;justify-content:center;padding:0;position:relative;overflow:hidden}.home-container:before,.home-container:after{content:"";position:absolute;width:800px;height:800px;filter:blur(200px);pointer-events:none;z-index:0}.home-container:before{background:radial-gradient(circle,rgba(166,220,140,.35),transparent 70%);top:-150px;right:-200px}.home-container:after{background:radial-gradient(circle,rgba(173,255,216,.25),transparent 70%);bottom:-200px;left:-140px}.home-canvas{width:95%;padding:80px 60px;position:relative;z-index:2;color:#fff}.hero-box{background:#ffffff0d;border-radius:35px;padding:30px 90px;text-align:center;position:relative;margin-bottom:50px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;box-shadow:none}.hero-box:before{content:"";position:absolute;width:550px;height:550px;background:radial-gradient(circle,rgba(166,220,140,.55),transparent 100%);top:-180px;right:-160px;filter:blur(120px);pointer-events:none}.hero-header{display:flex;justify-content:space-between;align-items:center}.home-logo{width:min(30vw,400px)}.step-text{font-size:30px;opacity:.95}.main-title{font-size:55px;font-weight:800;margin-bottom:18px}.main-title span{background:linear-gradient(90deg,#fff,#79e6db);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sub-text{font-size:20px;opacity:.9;margin-bottom:35px}.cta-btn{background:linear-gradient(90deg,#d5f8f3,#f7fffd);color:#205e7b;padding:18px 100px;border-radius:55px;font-weight:700;border:none;cursor:pointer;font-size:20px;box-shadow:0 6px 14px #00000026;transition:transform .2s ease,box-shadow .2s ease}.cta-btn:hover{box-shadow:0 14px 26px #00000040}.section-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.showcase-title{font-size:32px;font-weight:700;background:linear-gradient(90deg,#fff,#79e6db);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.view-all{font-size:22px;background:none;color:#fff;cursor:pointer;font-weight:600;border:none}.scroll-wrapper{overflow:hidden;width:100%;margin-top:15px}.scroll-container{display:flex;gap:24px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:16px;cursor:grab}.scroll-container::-webkit-scrollbar{display:none}.showcase-card{min-width:260px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.card-box{width:230px;height:300px;border-radius:22px;background:#fff;border:4px solid transparent;background-origin:border-box;background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(to bottom,#ffd85a,#9de483);transition:transform .25s,box-shadow .25s}.card-box:hover{box-shadow:0 14px 28px #00000038;cursor:pointer}.showcase-wrapper{position:relative}.showcase-wrapper:before{content:"";position:absolute;width:550px;height:550px;background:radial-gradient(circle,rgba(166,220,140,.55),transparent 100%);bottom:-200px;left:-180px;filter:blur(140px);pointer-events:none;z-index:0}.showcase-card p{font-size:22px;font-weight:600;color:#fff;margin-top:16px}html{scroll-behavior:smooth}.themePage{--bg1: #2F5B6D;--bg2: #65AEC2;--topbar: #64A7A0;--accent: #64A7A0;--text: #ffffff;--card-color: #ffffff;border:5px solid var(--accent);border-top:40px solid var(--accent);background:linear-gradient(to bottom,var(--bg1) 0%,var(--bg2) 100%);color:var(--text);display:flex;flex-direction:column;font-family:Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;padding:40px 4em;border-radius:10px}@media screen and (max-width:550px){.themePage{padding:20px 1em;font-size:x-small}}.themePage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 60% at 0% 50%,rgba(0,0,0,.18),transparent 55%),radial-gradient(70% 60% at 100% 50%,rgba(0,0,0,.18),transparent 55%),radial-gradient(circle at 30% 30%,rgba(255,255,255,.06),transparent 60%);mix-blend-mode:overlay;opacity:.9;z-index:0}.themes-topbar{height:50px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.themes-tabs{display:flex;gap:.5em}.themes-tab{padding:.8em;border-radius:6px;border:transparent;background:var(--topbar);color:var(--text);font-size:1em;font-weight:600;cursor:pointer}.themes-tab-activee{background:var(--text);color:var(--topbar);border-color:#00000026}.themes-barcode{border:none;background:transparent;color:var(--text);font-size:1.2em;font-weight:600;cursor:pointer}.themes-main{width:min(920px,92%);margin:0 auto;padding:48px 0 90px;position:relative;z-index:2}.themes-hero{padding:1em}.themes-hello{font-size:1.5em;margin-bottom:16px;opacity:.95}.themes-name-row{margin:0 0 14px;font-size:4.5em;line-height:1.05;font-weight:800}.themes-role{margin:0 0 12px;font-size:2em;font-weight:700}.themes-based{margin:0 0 14px;font-size:1.2em;font-weight:700}.themes-description{margin:0 0 22px;max-width:520px;opacity:.95;white-space:pre-line}.themes-dots{display:flex;gap:10px;margin-top:14px}.themes-dot{width:35px;height:35px;background:var(--accent);border-radius:3px;opacity:.75}.themes-section{padding:46px 0}.themes-section-title{text-align:center;font-size:2.5em;margin:0 0 26px}.themes-highlight{font-weight:700}.themes-skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:50px 70px}.themes-skill-card{min-width:200px;width:fit-content;border-radius:10px;background:var(--card-color);border:3px solid var(--accent);display:flex;flex-direction:column;justify-content:space-between;padding:1.5em 1em}.themes-skill-title{color:var(--accent);font-size:1.5em;text-align:center;margin:0;font-weight:700}.theme-emoji{font-size:2.5em;text-align:center}.themes-stars{display:flex;justify-content:center;gap:6px;color:var(--accent);font-size:2em}.themes-experience-list{display:flex;flex-direction:column;gap:18px;align-items:center}.themes-experience-card{width:min(950px,100%);background:var(--card-color);border-radius:10px;border:3px solid var(--accent);padding:18px 22px 40px}.themes-experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.themes-experience-title,.themes-experience-year,.themes-experience-text{color:var(--accent)}.themes-experience-title{font-weight:700;font-size:1.3em}.themes-experience-year{font-weight:700;font-size:1em}.themes-experience-text{margin:0;opacity:1}