.pm-app .p-main{align-items:center;max-width:480px}.pm-main{align-items:center}.pm-tabs{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:.5rem;width:100%;padding:.35rem;display:flex}.pm-tab{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;flex:1;padding:.5rem .25rem;font-size:.65rem;transition:color .2s,border-color .2s,background .2s}.pm-tab:hover:not(.pm-tab--active){color:var(--text);background:#ffffff08}.pm-tab--active{background:#6366f114;font-weight:700}.pm-ring-wrap{flex-shrink:0;width:260px;height:260px;position:relative}.pm-ring-svg{width:100%;height:100%}.pm-ring-track{fill:none;stroke:var(--border)}.pm-ring-fill{fill:none;stroke:var(--mode-color,var(--accent-bright));stroke-linecap:round;filter:drop-shadow(0 0 6px var(--mode-color,var(--accent)));transition:stroke-dashoffset .5s linear,stroke .4s}.pm-ring-inner{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex;position:absolute;inset:0}.pm-time{font-family:var(--font-mono);letter-spacing:-.04em;font-size:clamp(2.8rem,14vw,3.8rem);font-weight:700;line-height:1;transition:color .4s}.pm-mode-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:.65rem}.pm-alarm{background:#6366f112;border:1px solid;border-radius:7px;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.85rem 1.25rem;animation:1.5s ease-in-out infinite pm-pulse;display:flex}@keyframes pm-pulse{0%,to{opacity:1}50%{opacity:.7}}.pm-alarm-msg{font-family:var(--font-mono);letter-spacing:.06em;color:var(--white);font-size:.78rem;font-weight:700}.pm-alarm-stop{border:1px solid var(--border-bright);font-family:var(--font-mono);letter-spacing:.08em;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:.3rem .75rem;font-size:.65rem;transition:border-color .2s,color .2s}.pm-alarm-stop:hover{color:#f87171;border-color:#f87171}.pm-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.pm-btn-start,.pm-btn-pause{min-width:140px;transition:background .3s,box-shadow .2s,transform .15s}.pm-btn-start:hover{filter:brightness(1.15);box-shadow:0 0 28px #6366f159}.pm-btn-reset{padding:.4rem .9rem}.pm-sessions{flex-direction:column;align-items:center;gap:.6rem;display:flex}.pm-dots{gap:.5rem;display:flex}.pm-dot{background:var(--border);border:1px solid var(--border-bright);border-radius:50%;width:10px;height:10px;transition:background .3s,border-color .3s,box-shadow .3s}.pm-dot--done{background:#f87171;border-color:#f87171;box-shadow:0 0 8px #f8717180}.pm-sessions-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:.65rem}.pm-settings{width:100%}.pm-settings-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.pm-field{cursor:default;flex-direction:column;gap:.4rem;display:flex}.pm-field>span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.65rem}.pm-field-row{align-items:center;gap:.4rem;display:flex}.pm-num-input{background:var(--surface-2);border:1px solid var(--border-bright);width:64px;color:var(--white);font-family:var(--font-mono);letter-spacing:.04em;text-align:center;-moz-appearance:textfield;border-radius:5px;padding:.45rem .6rem;font-size:1.1rem;font-weight:700;transition:border-color .2s,box-shadow .2s}.pm-num-input::-webkit-inner-spin-button{-webkit-appearance:none}.pm-num-input::-webkit-outer-spin-button{-webkit-appearance:none}.pm-num-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6366f133}.pm-unit{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.pm-save-btn{width:100%;margin-top:1.25rem}@media (width<=480px){.pm-ring-wrap{width:220px;height:220px}.pm-settings-grid{grid-template-columns:1fr 1fr;gap:.75rem}.pm-tab{padding:.4rem .15rem;font-size:.58rem}}.container{max-width:900px;margin:0 auto;padding:0 2rem}.section{padding:7rem 0;position:relative}.section-header{margin-bottom:3.5rem;position:relative}.section-number{color:#0000;-webkit-text-stroke:1px #6366f11a;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(5rem,10vw,8rem);font-weight:800;line-height:1;font-family:var(--font-display);position:absolute;top:-1.5rem;left:-.5rem}.section-label{font-family:var(--font-mono);color:var(--accent-bright);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem;font-size:.7rem;display:block}.section-title{z-index:1;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;position:relative}.navbar{z-index:100;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;transition:background .4s,border-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border);background:#060912d9}.navbar__brand{font-family:var(--font-mono);color:var(--accent-bright);letter-spacing:.02em;font-size:1rem;font-weight:700;text-decoration:none;transition:color .2s}.navbar__brand:hover{color:var(--white)}.navbar__links{gap:2.5rem;list-style:none;display:flex}.navbar__links a{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text);font-size:.72rem;text-decoration:none;transition:color .2s}.navbar__links a:hover{color:var(--white)}.hero{background-image:radial-gradient(at 20%,#6366f11a 0%,#0000 60%),radial-gradient(at 80% 20%,#22d3ee0d 0%,#0000 50%),radial-gradient(#ffffff06 1px,#0000 1px);background-size:100% 100%,100% 100%,40px 40px;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg));pointer-events:none;height:200px;position:absolute;bottom:0;left:0;right:0}.hero .container{z-index:1;padding-top:5rem;position:relative}.hero__eyebrow{font-family:var(--font-mono);color:var(--accent-bright);letter-spacing:.2em;text-transform:uppercase;animation:fadeUp .6s var(--ease) .1s both;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.75rem;display:flex}.hero__eyebrow:before{content:"";background:var(--accent-bright);width:2rem;height:1px;display:block}.hero__name{letter-spacing:-.04em;background:linear-gradient(140deg,#fff 0%,#c7d2fe 40%,#818cf8 70%,#22d3ee 100%);-webkit-text-fill-color:transparent;animation:fadeUp .9s var(--ease) .2s both;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(3.5rem,11vw,9.5rem);font-weight:800;line-height:.92}.hero__role{font-family:var(--font-mono);color:var(--text-mid);animation:fadeUp .6s var(--ease) .45s both;margin-bottom:1.75rem;font-size:clamp(.85rem,2vw,1.05rem)}.hero__role .prefix{color:var(--accent-bright);margin-right:.4rem}.hero__role .cursor{background:var(--accent-bright);vertical-align:middle;width:2px;height:1em;margin-left:3px;animation:1.1s step-end infinite blink;display:inline-block}.hero__status{font-family:var(--font-mono);color:var(--text);letter-spacing:.08em;animation:fadeUp .6s var(--ease) .6s both;align-items:center;gap:.6rem;margin-bottom:2.75rem;font-size:.7rem;display:inline-flex}.hero__status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot}.hero__cta{animation:fadeUp .6s var(--ease) .75s both;flex-wrap:wrap;gap:1rem;display:flex}.btn-primary{background:var(--accent);color:var(--white);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex}.btn-primary:hover{background:var(--accent-bright);color:var(--white);transform:translateY(-2px);box-shadow:0 0 24px #6366f166}.btn-outline{border:1px solid var(--border-bright);color:var(--text-mid);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.75rem;font-weight:400;text-decoration:none;transition:border-color .2s,color .2s,background .2s,transform .2s;display:inline-flex}.btn-outline:hover{border-color:var(--accent-bright);color:var(--white);background:var(--accent-glow);transform:translateY(-2px)}.hero__scroll{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);animation:fadeUp .6s var(--ease) 1s both;z-index:1;flex-direction:column;align-items:center;gap:.4rem;font-size:.6rem;display:flex;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.hero__scroll svg{animation:2s ease-in-out infinite scroll-bounce}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.about-text p{color:var(--text);margin-bottom:1.25rem;font-size:1.0125rem;line-height:1.75}.about-text p:last-child{margin-bottom:0}.skills-section h3{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-bright);margin-bottom:1.5rem;font-size:.68rem}.skills-group{margin-bottom:1.5rem}.skills-group__label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.6rem;font-size:.62rem;display:block}.skills-group__chips{flex-wrap:wrap;gap:.4rem;display:flex}.skill-chip{border:1px solid var(--border);font-family:var(--font-mono);color:var(--text);cursor:default;background:#6366f10a;border-radius:3px;padding:.28rem .65rem;font-size:.68rem;transition:border-color .2s,color .2s,background .2s,box-shadow .2s;display:inline-block}.skill-chip:hover{border-color:var(--accent);color:var(--accent-bright);background:var(--accent-glow);box-shadow:0 0 14px #6366f126}.experience-section{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.timeline{flex-direction:column;gap:0;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, transparent, var(--border-bright) 10%, var(--border-bright) 90%, transparent);width:1px;position:absolute;top:0;bottom:0;left:8px}.timeline-item{border-bottom:1px solid var(--border);padding:2.5rem 0 2.5rem 2.5rem;display:block;position:relative}.timeline-item:last-child{border-bottom:none}.timeline-item:before{content:"";background:var(--accent);z-index:1;border-radius:50%;width:9px;height:9px;position:absolute;top:2.9rem;left:4px;box-shadow:0 0 12px #6366f199}.timeline-period{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;margin-top:.75rem;font-size:.68rem}.timeline-role{color:var(--white);margin-bottom:.2rem;font-size:1.15rem;font-weight:700}.timeline-company{font-family:var(--font-mono);color:var(--accent-bright);margin-bottom:.25rem;font-size:.78rem}.timeline-location{color:var(--text-muted);font-size:.78rem;font-family:var(--font-mono);margin-bottom:1rem}.timeline-list{flex-direction:column;gap:.45rem;list-style:none;display:flex}.timeline-list li{color:var(--text);padding-left:1rem;font-size:.9rem;line-height:1.6;position:relative}.timeline-list li:before{content:"▸";color:var(--accent);font-size:.6rem;position:absolute;top:.3em;left:0}.education-card{border:1px solid var(--border);background:#6366f10a;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:3.5rem;padding:1.75rem 2rem;transition:border-color .25s,background .25s;display:flex}.education-card:hover{border-color:var(--border-bright);background:var(--accent-glow)}.education-card__title{color:var(--white);margin-bottom:.25rem;font-size:1rem;font-weight:700}.education-card__sub{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.education-card__period{font-family:var(--font-mono);color:var(--accent-bright);white-space:nowrap;font-size:.68rem}.contact-inner{text-align:center;max-width:600px;margin:0 auto}.contact-inner p{color:var(--text);margin-bottom:2.5rem;font-size:1.05rem}.contact-email{font-family:var(--font-mono);color:var(--white);margin-bottom:3rem;padding-bottom:.3rem;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;text-decoration:none;transition:color .2s;display:inline-block;position:relative}.contact-email:after{content:"";background:linear-gradient(90deg, var(--accent), var(--cyan));height:2px;transition:right .35s var(--ease);position:absolute;bottom:0;left:0;right:100%}.contact-email:hover{color:var(--accent-bright)}.contact-email:hover:after{right:0}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.contact-link{border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.08em;color:var(--text);border-radius:4px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.7rem;text-decoration:none;transition:border-color .2s,color .2s,background .2s,transform .2s;display:inline-flex}.contact-link:hover{border-color:var(--accent-bright);color:var(--white);background:var(--accent-glow);transform:translateY(-2px)}.footer{text-align:center;border-top:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);padding:2rem;font-size:.68rem}@media (width<=768px){.navbar{padding:1rem 1.5rem}.navbar__links{gap:1.5rem}.about-grid{grid-template-columns:1fr;gap:2.5rem}.timeline:before{display:none}.timeline-item{padding-left:1.25rem}.timeline-item:before{display:none}.hero__name{letter-spacing:-.03em}.section{padding:5rem 0}}@media (width<=480px){.container{padding:0 1.25rem}.navbar__links{display:none}}