:root{–bg:#fbf6f0;–p:#ffffff;–p2:#fff4ea;–ink:#2b211c;–mute:#76675d;–co:#c8412c;–am:#a85a08;–mi:#0b7a66;–vi:#6b5ce7;–ln:rgba(60,35,20,.12);color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}body{margin:0;background:var(–bg)}
.pf{background:var(–bg);background-image:radial-gradient(900px 420px at 90% -5%,rgba(255,184,77,.2),transparent),radial-gradient(700px 420px at 0 18%,rgba(255,107,87,.12),transparent);color:var(–ink)!important;font:17px/1.7 “Segoe UI”,Roboto,Helvetica,Arial,sans-serif;padding:16px;counter-reset:n}
.pf *{color:inherit!important;letter-spacing:normal!important;text-transform:none!important;word-spacing:.05em!important}
.pf .w{max-width:820px;margin:0 auto}
.pf h1,.pf h2,.pf h3{font-weight:800!important;line-height:1.22!important;margin:0}
.pf p{margin:0 0 14px}
.pf a{color:var(–mi)!important;font-weight:600;text-decoration:underline;text-decoration-color:rgba(11,122,102,.45);text-underline-offset:3px}
/* scroll progress */
.pf .sp{position:fixed;top:0;left:0;right:0;height:4px;z-index:9998;pointer-events:none}
.pf .sp i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff6b57,#ffb84d,#12a38a);border-radius:0 4px 4px 0}
.pf .tag{display:inline-block;background:rgba(200,65,44,.08);color:var(–co)!important;border:1px solid rgba(200,65,44,.35);padding:4px 12px;border-radius:20px;font:700 12px/1.4 Arial,sans-serif;letter-spacing:.1em!important;text-transform:uppercase!important;margin-bottom:12px}
.pf .hero{background:linear-gradient(160deg,#ffffff,#fff1e3);border:1px solid var(–ln);border-radius:28px;padding:34px 22px;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(150,80,30,.08)}
.pf .hero>.hg,.pf .hero>.ans,.pf .hero>.chips{position:relative;z-index:1}
/* floating distractions in hero */
.pf .fl{position:absolute;inset:0;pointer-events:none;z-index:0}
.pf .fl span{position:absolute;bottom:-40px;left:var(–x);font-size:var(–s,24px);opacity:0;animation:fu var(–t,16s) linear infinite;animation-delay:var(–d,0s)}
@keyframes fu{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:.32}85%{opacity:.22}100%{opacity:0;transform:translateY(-620px) rotate(var(–r,25deg))}}
.pf .hg{display:grid;gap:26px;grid-template-columns:1.15fr .85fr;align-items:center}
@media(max-width:720px){.pf .hg{grid-template-columns:1fr}}
.pf .hero h1{font-size:clamp(30px,6.5vw,50px);margin-bottom:16px}
.pf .gr{background:linear-gradient(90deg,#d9452c,#c97300);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important}
.pf .todo{background:#fff;border:1px solid var(–ln);border-radius:20px;padding:16px;font-size:15px;box-shadow:0 24px 60px rgba(150,80,30,.16)}
.pf .todo .hd{display:flex;justify-content:space-between;font:700 12px Arial,sans-serif;color:var(–mute)!important;margin-bottom:10px}
.pf .hgl{display:inline-block;animation:flp 3s ease-in-out infinite}
@keyframes flp{0%,40%{transform:rotate(0)}50%,100%{transform:rotate(180deg)}}
.pf .ti{padding:10px 12px;border-radius:10px;background:var(–p2);margin-bottom:8px;display:flex;gap:10px;align-items:center}
.pf .ti.m{border:1.5px solid #ff6b57;animation:pu 2s ease-in-out infinite;font-weight:700}
@keyframes pu{50%{box-shadow:0 0 0 7px rgba(255,107,87,.18)}}
.pf .ti.d{opacity:0;animation:sl 9s infinite;animation-delay:var(–d)}
@keyframes sl{0%{opacity:0;transform:translateX(30px)}8%,60%{opacity:1;transform:none}72%,100%{opacity:0;transform:translateX(-30px)}}
.pf .dl{height:7px;background:#f3e4d4;border-radius:4px;overflow:hidden;margin-top:12px}
.pf .dl i{display:block;height:100%;background:linear-gradient(90deg,#ff6b57,#ffb84d);animation:sh 9s linear infinite}
@keyframes sh{from{width:100%}to{width:8%}}
.pf .ex{margin-top:12px;font:italic 600 14px/1.4 Arial,sans-serif;color:var(–mute)!important}
.pf .exw{display:inline-block;position:relative;color:var(–co)!important;font-style:normal;font-weight:800}
.pf .exw:after{content:””;position:absolute;left:0;top:55%;height:2px;width:0;background:#c8412c;border-radius:2px}
.pf .exw.go{animation:wi .45s ease both}
.pf .exw.go:after{animation:st 2.5s ease forwards}
@keyframes wi{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes st{0%,55%{width:0}80%,100%{width:100%}}
.pf .cap{font-size:13px;color:var(–mute)!important;margin-top:8px}
.pf .ans{border-left:5px solid var(–mi);background:rgba(11,122,102,.07);border-radius:0 18px 18px 0;padding:16px 20px;margin-top:22px}
.pf .ans b{display:block;font:800 13px Arial,sans-serif;color:var(–mi)!important;letter-spacing:.1em!important;text-transform:uppercase!important;margin-bottom:4px}
.pf .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.pf .chips a{background:rgba(255,255,255,.8);border:1px solid var(–ln);padding:6px 14px;border-radius:20px;font:600 13px Arial,sans-serif;text-decoration:none;color:var(–ink)!important;transition:.2s}
.pf .chips a:hover{transform:translateY(-2px);border-color:#ff6b57}
.pf .sec{margin-top:18px;background:var(–p);border:1px solid var(–ln);border-radius:26px;padding:28px 22px;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(150,80,30,.06)}
.pf .sec:before{content:””;position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,184,77,.28),transparent 70%);animation:bt 9s ease-in-out infinite alternate}
@keyframes bt{to{transform:translate(-30px,25px) scale(1.2)}}
.pf h2{font-size:clamp(22px,4.6vw,28px);margin-bottom:18px;position:relative}
.pf h2:before{counter-increment:n;content:counter(n,decimal-leading-zero);display:block;font:800 13px/1 “Courier New”,monospace;color:var(–co)!important;margin-bottom:8px}
.pf h2:after{content:””;display:block;width:64px;height:4px;border-radius:4px;background:linear-gradient(90deg,#ff6b57,#8b7bff);margin-top:12px}
.js .sec h2:after{width:0;transition:width .9s ease .2s}.js .sec.in h2:after{width:64px}
.pf h3{font-size:18px;color:var(–am)!important;margin:24px 0 10px}
.pf .g{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));margin:14px 0}
.pf .k{background:var(–p2);border:1px solid var(–ln);border-radius:18px;padding:16px;font-size:15px;line-height:1.55;transition:.25s}
.pf .k:hover{transform:translateY(-5px);border-color:#ff6b57;box-shadow:0 14px 30px rgba(150,80,30,.12)}
.pf .k b{display:block;font-size:16px;color:var(–am)!important;margin-bottom:4px}
.pf .k em{display:inline-block;font-style:normal;font-size:28px;margin-bottom:6px;transform-origin:50% 70%}
.pf .k:hover em{animation:wg .6s ease!important}
@keyframes wg{20%{transform:rotate(-14deg) scale(1.15)}50%{transform:rotate(12deg) scale(1.15)}80%{transform:rotate(-6deg)}}
.pf .k ul{margin:6px 0 0;padding-left:18px}
/* themed emoji motion */
.pf .flip{animation:flp 3.2s ease-in-out infinite}
.pf .sink{animation:sk 3s ease-in-out infinite}
@keyframes sk{0%,100%{transform:none}50%{transform:scale(1.08,.86) translateY(4px)}}
.pf .grow{animation:gw 4s ease-in-out infinite}
@keyframes gw{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg) scale(1.08)}}
.pf .roll{animation:rl 4s ease-in-out infinite}
@keyframes rl{0%,78%,100%{transform:none}85%{transform:rotate(-16deg)}92%{transform:rotate(10deg)}}
.pf .fade{animation:fd2 3.2s ease-in-out infinite}
@keyframes fd2{50%{opacity:.25;transform:scale(.9)}}
.pf .buzz{animation:bz 3s infinite}
@keyframes bz{0%,68%,100%{transform:none}70%,74%,78%{transform:translateX(-3px) rotate(-7deg)}72%,76%,80%{transform:translateX(3px) rotate(7deg)}}
.pf .fog{animation:fg 4s ease-in-out infinite}
@keyframes fg{50%{opacity:.35;filter:blur(1.5px)}}
.pf .sway{animation:sw 3.5s ease-in-out infinite}
@keyframes sw{0%,100%{transform:translateX(-4px) rotate(-4deg)}50%{transform:translateX(4px) rotate(5deg)}}
.pf .scan{animation:scn 4s ease-in-out infinite}
@keyframes scn{0%,100%{transform:translate(0,0)}25%{transform:translate(8px,-3px)}50%{transform:translate(14px,2px)}75%{transform:translate(6px,4px)}}
.pf .cmp{animation:cp 2.8s ease-in-out infinite}
@keyframes cp{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(14deg)}}
.pf .beat{animation:ht 2.2s ease-in-out infinite}
@keyframes ht{0%,30%,60%,100%{transform:none}15%,45%{transform:scale(1.15)}}
.pf .co{border-left:5px solid #ffb84d;background:rgba(255,184,77,.12);border-radius:0 16px 16px 0;padding:14px 18px;font-weight:600;margin:16px 0}
.pf .chart{background:#fffaf5;border:1px solid var(–ln);border-radius:18px;padding:12px;margin:14px 0}
.pf svg{width:100%;height:auto;display:block}
.pf .ln{fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 2.4s ease}
.js .ln{stroke-dashoffset:1}.js .in .ln{stroke-dashoffset:0}
.pf svg text{fill:var(–mute);font:600 13px Arial,sans-serif}
.pf .mq{overflow:hidden;margin:12px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pf .mq div{display:flex;gap:10px;width:max-content;animation:mq 45s linear infinite}
.pf .mq:hover div{animation-play-state:paused}
.pf .mq span{background:var(–p2);border:1px solid var(–ln);border-radius:20px;padding:8px 16px;font-size:14.5px;white-space:nowrap}
@keyframes mq{to{transform:translateX(-50%)}}
.pf .pt{border-radius:20px;padding:20px;background:var(–p2);border:1px solid var(–ln);font-size:15.5px;line-height:1.6}
.pf .pt.a{border-top:5px solid #ff6b57}.pf .pt.s{border-top:5px solid var(–vi)}
.pf .pt h3{margin:0 0 8px;color:var(–ink)!important}
.pf .pk,.pf .ms{display:inline-block}
.pf .pk{animation:pk 3.5s ease-in-out infinite}
@keyframes pk{0%,60%,100%{transform:none}70%,85%{transform:translateX(4px) rotate(10deg) scale(1.1)}}
.pf .ms{animation:msr 3s ease-in-out infinite;transform-origin:20% 80%}
@keyframes msr{0%,100%{transform:rotate(0)}50%{transform:rotate(-16deg)}}
.pf .dots{display:flex;gap:4px;margin-top:10px}
.pf .dots span{width:7px;height:7px;border-radius:50%;background:var(–mute);animation:bl 1.2s infinite}
.pf .dots span:nth-child(2){animation-delay:.2s}.pf .dots span:nth-child(3){animation-delay:.4s}
@keyframes bl{0%,80%,100%{opacity:.25}40%{opacity:1}}
.pf .bub{background:#fff;border:1px solid var(–ln);border-radius:16px 16px 16px 4px;padding:10px 14px;font-style:italic;display:inline-block;margin:6px 0 10px}
.pf .bub.typ{min-width:min(100%,280px)}
.pf .bub.typ:after{content:”|”;margin-left:1px;font-style:normal;color:var(–vi);animation:cb 1s steps(1) infinite}
@keyframes cb{50%{opacity:0}}
.pf .zz{display:inline-flex;gap:2px;margin-left:8px;vertical-align:top}
.pf .zz i{font:800 14px Arial,sans-serif;font-style:normal;color:var(–vi)!important;opacity:0;animation:zz 2.4s infinite}
.pf .zz i:nth-child(2){animation-delay:.4s;font-size:17px}.pf .zz i:nth-child(3){animation-delay:.8s;font-size:20px}
@keyframes zz{0%{opacity:0;transform:translate(0,6px)}30%{opacity:1}100%{opacity:0;transform:translate(10px,-18px)}}
/* “waiting to feel ready” bar */
.pf .wait{background:var(–p2);border:1px dashed rgba(200,65,44,.35);border-radius:16px;padding:12px 16px;margin:0 0 16px;font:700 14px/1.4 Arial,sans-serif}
.pf .wait .wr{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}
.pf .wait b{font:800 14px “Courier New”,monospace;color:var(–co)!important}
.pf .wb{height:8px;background:#f3e4d4;border-radius:5px;overflow:hidden}
.pf .wb i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff6b57,#ffb84d);transition:width .35s ease}
.pf .wait.ok{border-style:solid;border-color:rgba(11,122,102,.45);background:rgba(11,122,102,.07)}
.pf .wait.ok b{color:var(–mi)!important}
.pf .wait.ok .wb i{background:linear-gradient(90deg,#12a38a,#8b7bff)}
.pf .tm{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:6px 0 10px}
.pf .tm b{font:800 40px/1 “Courier New”,monospace;color:var(–mi)!important;min-width:112px;display:inline-block}
.pf .hg2{display:inline-block;font-size:30px}
.pf .tm.run .hg2{animation:flp 2s ease-in-out infinite}
.pf .tm.run b{animation:beatc 1s ease-in-out infinite}
@keyframes beatc{50%{transform:scale(1.04)}}
.pf button{font:800 15px Arial,sans-serif;border:0;border-radius:26px;padding:11px 22px;background:linear-gradient(90deg,#ff6b57,#ffb84d);color:#2a1205!important;cursor:pointer;transition:transform .2s}
.pf button:hover{transform:translateY(-2px)}
.pf .bar{height:10px;background:#f3e4d4;border-radius:6px;overflow:hidden;margin-bottom:16px}
.pf .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#12a38a,#8b7bff);transition:width 1s linear}
.pf .chk{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.pf .chk li{background:var(–p2);border:1px solid var(–ln);border-radius:14px;font-size:15.5px;line-height:1.55;transition:.25s}
.pf .chk label{display:block;position:relative;padding:13px 14px 13px 50px;cursor:pointer}
.pf .chk input{position:absolute;opacity:0;left:0;top:0;width:100%;height:100%;margin:0;cursor:pointer}
.pf .chk span:before{content:””;position:absolute;left:14px;top:14px;width:22px;height:22px;border:2px solid #ff6b57;border-radius:7px;transition:.2s}
.pf .chk input:checked+span:before{content:”2713″;background:#12a38a;border-color:#12a38a;color:#fff;font:800 15px/18px Arial,sans-serif;text-align:center;animation:pop .35s ease}
@keyframes pop{50%{transform:scale(1.3)}}
.pf .chk li:has(input:checked){border-color:#12a38a;background:rgba(11,122,102,.08)}
.pf .chk b{color:var(–am)!important}
.pf .result{padding:12px 16px;border-radius:14px;background:#fff;border:1px solid var(–ln);font:700 15px/1.5 Arial,sans-serif;color:var(–mi)!important}
.pf .result.win{animation:pop .5s ease;border-color:#12a38a}
.pf .cf{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}
.pf .cf i{position:absolute;top:-20px;width:8px;height:13px;border-radius:2px;animation-name:cfa;animation-timing-function:linear;animation-fill-mode:forwards}
@keyframes cfa{to{transform:translate(var(–dx),110vh) rotate(var(–rt))}}
.pf .fw{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:12px 0}
.pf .fw div{background:var(–p2);border:1px solid var(–ln);border-radius:14px;padding:12px;font-size:14px;line-height:1.5}
.pf .fw b{display:block;font:800 11px Arial,sans-serif;color:var(–co)!important;letter-spacing:.1em!important;text-transform:uppercase!important;margin-bottom:4px}
.js .rv{opacity:0;transform:translateY(20px);transition:opacity .6s var(–dl,0s),transform .6s var(–dl,0s)}.js .rv.in{opacity:1;transform:none}
.pf details{background:var(–p2);border:1px solid var(–ln);border-radius:14px;margin:8px 0;padding:0 18px;transition:border-color .2s}
.pf details[open]{border-color:rgba(255,107,87,.5)}
.pf summary{cursor:pointer;font:700 16px Arial,sans-serif;padding:14px 30px 14px 0;list-style:none;position:relative}
.pf summary::-webkit-details-marker{display:none}
.pf summary:after{content:”+”;position:absolute;right:0;top:8px;color:var(–co);font-size:26px;transition:transform .3s}
.pf details[open] summary:after{content:”2013″;transform:rotate(180deg)}
.pf summary h3{display:inline;font-size:16px;color:var(–ink)!important;margin:0}
.pf details p{font-size:16px;margin:0 0 12px}
.pf details[open] p{animation:fdi .45s ease}
@keyframes fdi{from{opacity:0;transform:translateY(-6px)}}
.pf .note{background:rgba(255,107,87,.08);border:1px solid rgba(200,65,44,.3);border-radius:14px;padding:14px 18px;font-size:14.5px;line-height:1.6;margin-top:12px}
.pf .btn{display:inline-block;position:relative;overflow:hidden;background:linear-gradient(90deg,#ff6b57,#ffb84d);color:#2a1205!important;border-radius:28px;padding:12px 26px;font:800 16px Arial,sans-serif;text-decoration:none;margin:4px 6px 4px 0;transition:transform .2s}
.pf .btn:hover{transform:translateY(-2px)}
.pf .btn:after{content:””;position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:shn 3.5s ease-in-out infinite}
@keyframes shn{0%,60%{left:-60%}100%{left:130%}}
.pf .cta{margin-top:18px;background:linear-gradient(135deg,#fff0e6,#fff8ef 55%,#ffe9e3);border:1px solid var(–ln);border-radius:28px;padding:32px 22px}
.pf .cta h2:before{display:none}
.pf .cal{display:inline-grid;perspective:400px;margin-bottom:14px}
.pf .cal span{grid-area:1/1;background:#fff;border:1px solid var(–ln);border-top:6px solid #ff6b57;border-radius:10px;padding:8px 18px;font:800 15px Arial,sans-serif;text-align:center;box-shadow:0 8px 20px rgba(150,80,30,.12);backface-visibility:hidden}
.pf .cal .c1{animation:c1 5s infinite;text-decoration:line-through;color:var(–mute)!important}
.pf .cal .c2{animation:c2 5s infinite;color:var(–mi)!important;border-top-color:#12a38a}
@keyframes c1{0%,40%{transform:rotateX(0);opacity:1}50%,90%{transform:rotateX(-90deg);opacity:0}100%{transform:rotateX(0);opacity:1}}
@keyframes c2{0%,40%{transform:rotateX(90deg);opacity:0}50%,90%{transform:rotateX(0);opacity:1}100%{transform:rotateX(90deg);opacity:0}}
@media (prefers-reduced-motion:reduce){.pf *,.pf *:before,.pf *:after{animation:none!important;transition:none!important}.pf .ti.d{opacity:1}.pf .fl,.pf .cf,.pf .mv,.pf .cal .c1{display:none}}
/* ===== RESPONSIVE: MOBILE, TABLET AND DESKTOP (added only, nothing above changed) ===== */
.pf{overflow-wrap:break-word;-webkit-text-size-adjust:100%}
.pf img,.pf video{max-width:100%;height:auto}
.pf .btn{max-width:100%}
.pf .bub{max-width:100%}
@media (hover:none){.pf .k:hover{transform:none;box-shadow:none}.pf .chips a:hover,.pf .btn:hover,.pf button:hover{transform:none}}
/* Large desktop (1200px and up) */
@media (min-width:1200px){
.pf{font-size:18px;padding:28px 24px}
.pf .w{max-width:1000px}
.pf .hero{padding:48px 40px;border-radius:32px}
.pf .hero h1{font-size:clamp(44px,3.8vw,58px)}
.pf .hg{gap:40px}
.pf .sec{padding:38px 40px;border-radius:30px;margin-top:22px}
.pf h2{font-size:32px}
.pf h3{font-size:20px}
.pf .g{gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.pf .k{padding:20px;font-size:16px}
.pf .pt{padding:26px;font-size:16.5px}
.pf .fw{grid-template-columns:repeat(5,1fr)}
.pf .cta{padding:44px 40px;border-radius:32px}
}
/* Extra large desktop (1600px and up) */
@media (min-width:1600px){
.pf .w{max-width:1100px}
.pf .hero h1{font-size:62px}
}
/* Small desktop and landscape tablet (up to 1024px) */
@media (max-width:1024px){
.pf .w{max-width:760px}
}
/* Tablet (up to 820px): stack the hero a little earlier */
@media (max-width:820px){
.pf .hg{grid-template-columns:1fr;gap:22px}
.pf .todo{max-width:460px;margin:0 auto}
.pf .sec{padding:26px 20px}
}
/* Mobile (up to 600px) */
@media (max-width:600px){
.pf{font-size:16px;line-height:1.65;padding:10px}
.pf .hero{padding:24px 16px;border-radius:22px}
.pf .hero h1{font-size:clamp(26px,8vw,32px);margin-bottom:14px}
.pf .ans{padding:14px 16px;margin-top:18px}
.pf .chips{gap:6px;margin-top:14px}
.pf .chips a{padding:6px 12px;font-size:12px}
.pf .todo{padding:14px;font-size:14px}
.pf .sec{padding:22px 15px;border-radius:20px;margin-top:14px}
.pf h2{font-size:clamp(21px,6vw,24px);margin-bottom:14px}
.pf h3{font-size:17px;margin:20px 0 8px}
.pf .g{grid-template-columns:1fr;gap:10px}
.pf .k{padding:14px}
.pf .co{padding:12px 14px}
.pf .chart{padding:8px;border-radius:14px}
.pf svg text{font-size:15px}
.pf .mq span{padding:7px 13px;font-size:13.5px}
.pf .pt{padding:16px;font-size:15px}
.pf .wait{padding:10px 12px;font-size:13px}
.pf .tm{gap:12px}
.pf .tm b{font-size:34px;min-width:96px}
.pf .tm button{width:100%}
.pf .chk label{padding:12px 12px 12px 46px}
.pf .chk span:before{left:12px}
.pf .chk li{font-size:15px}
.pf .fw{grid-template-columns:1fr 1fr}
.pf details{padding:0 14px}
.pf summary{padding:12px 28px 12px 0}
.pf summary h3{font-size:15.5px;line-height:1.4}
.pf details p{font-size:15.5px}
.pf .note{padding:12px 14px}
.pf .btn{display:block;text-align:center;margin:8px 0;padding:13px 18px;font-size:15px}
.pf .cta{padding:24px 16px;border-radius:22px}
}
/* Small phones (up to 380px) */
@media (max-width:380px){
.pf{padding:8px}
.pf .hero{padding:20px 13px}
.pf .sec{padding:20px 12px}
.pf .fw{grid-template-columns:1fr}
.pf .tm b{font-size:30px;min-width:84px}
.pf .hg2{font-size:26px}
}
/* Short landscape phones */
@media (max-height:480px) and (orientation:landscape){
.pf .hero{padding:22px 18px}
.pf .fl{display:none}
}
Why Do I Procrastinate? The Real Cause (It’s Not Laziness)
Why do I procrastinate, even when I know a task matters? Most often, the task stirs up an uncomfortable feeling, such as anxiety, boredom or self-doubt, and putting it off brings quick relief. Laziness is rarely the whole story.
If you have ever stared at an important email for an hour, reorganised your desk instead and then asked yourself, “why do I procrastinate?”, this article is for you.
Busy with everything except the one thing that matters.
Why do I procrastinate? What procrastination really is
Researchers define procrastination as voluntarily delaying an intended action despite expecting to be worse off for the delay. That definition comes from Piers Steel’s widely cited meta-analysis of procrastination research, and the last part matters. You are not simply busy or choosing your priorities. You know the delay will cost you, and you delay anyway.
That is why, when you ask “why do I procrastinate?”, laziness is rarely the full answer. Many people who procrastinate care a great deal about the task, and the guilt and stress they feel is often a sign of that. You can read a general overview on procrastination if you want the wider background.
Why do I procrastinate even when I care about the task?
One leading explanation comes from psychologists Fuschia Sirois and Timothy Pychyl. In their paper on procrastination and short-term mood regulation, they argue that procrastination has a great deal to do with short-term mood repair and emotion regulation. In plain English, avoiding a task can make you feel better right now.
Illustration of the idea only, not measured data.
The relief is real, but it is brief. The task is still waiting, the deadline is closer, and guilt often joins the original discomfort. Because avoidance works in the moment, the habit can strengthen over time. Sirois and Pychyl also point out that the consequences are usually borne by your future self, which makes the trade easy to make today.
Everyday examples
If you wonder why do I procrastinate on small admin like a Self Assessment tax return, notice that none of these says much about your character. Asking “why do I procrastinate?” need not become a verdict on you. Each involves a task that carries a feeling you would rather not meet.
Other procrastination causes: why do I procrastinate on tasks that feel dull or scary?
Emotional avoidance is not the only answer to “why do I procrastinate?” Steel’s review identified task aversiveness, low confidence in your ability to complete the task, and impulsiveness among the strong and consistent predictors of procrastination.
Procrastination can also go hand in hand with anxiety, low mood, burnout or attention difficulties such as ADHD. If your difficulties feel constant or distressing, see the support section below.
The Avoider and the Stickler: two answers to why do I procrastinate
These are two descriptive coaching patterns, not clinical diagnoses or established psychological categories. Think of them as lenses that might help you notice what is happening for you. Many people recognise a bit of both.
🙈 The Avoider
Delays tasks to escape uncomfortable feelings: uncertainty, possible criticism, embarrassment or the sense of failing. The task feels like a threat, so the mind finds something safer to do. Picture someone who opens a proposal, feels a flutter of dread, and suddenly the washing-up looks irresistible.
For the Avoider, whose answer to “why do I procrastinate?” is often avoidance, progress starts with naming the feeling and making the first step small enough to feel safe.
📐 The Stickler
Struggles to begin or finish because of perfectionism, very high standards or fear of mistakes. Nothing feels good enough to share, so the work stays in draft. Picture someone who has rewritten the first paragraph of a report six times: working hard, yet nothing moves.
Research on perfectionism and procrastination is mixed, so treat this as one possible pattern, not a rule. If perfectionism is your answer to “why do I procrastinate?”, define what “good enough” looks like before starting.
Recognise yourself in either pattern? The Procrastination Workshop helps you explore what is behind your own procrastination, understand your personal patterns and emotional blocks, and leave with practical tools for dealing with overwhelm. You can also try the Saboteur Discovery Assessment.
“What am I avoiding feeling?” exercise: why do I procrastinate on this task?
This exercise helps you answer “why do I procrastinate?” for one specific task, and it takes about ten minutes. Grab a pen and paper, because writing slows your thinking down. It is a self-reflection tool, not a treatment, and it will not work perfectly every time.
A quick illustration
Come back to the exercise whenever you notice yourself stalling and wondering, “why do I procrastinate on this one?” Over time, you may start to spot the same feelings and fears appearing again and again.
When to ask for support if you keep asking why do I procrastinate
Self-reflection is a good start, but you do not have to work everything out alone.
- Low mood, anxiety or panic accompany the delaying
- You feel overwhelmed or unable to cope day to day
- Sleep, appetite or concentration have changed noticeably
- Procrastination seriously affects work, relationships or health
- You wonder whether ADHD or another condition is involved
If you are looking for a procrastination coach in the UK, ask about their training, their approach, what the programme includes, and how they view working alongside healthcare support. The Procrastination Group Coaching programme runs over four weeks, built around weekly live 90-minute group calls, worksheets, an action plan and a template for moments of resistance. Check the programme page for current dates and details.
Frequently asked questions: why do I procrastinate and how can I stop?
Why do I procrastinate even when I want to do something?
Wanting to do something and feeling ready to do it are two different things. A task can matter to you and still bring up doubt, pressure or boredom, and your mind may choose short-term relief over long-term benefit. Naming the feeling often makes the next step clearer.
Is procrastination always caused by laziness?
No. Procrastination often involves emotions, confidence, overwhelm, unclear next steps or difficulty with attention. People who procrastinate usually care a lot and feel guilty about the delay.
How can I stop procrastinating when I feel overwhelmed?
Shrink the task. Write down the very first physical action, such as opening the file or finding the form, and commit to just ten minutes. Starting small can lower the pressure that makes a task feel threatening.
Can perfectionism cause procrastination?
It can for some people. High standards and a fear of mistakes may make starting or finishing feel risky. Research findings are mixed, so it is one possible factor rather than a universal cause.
When should I seek support for procrastination?
Consider support when procrastination causes ongoing distress or harms your work, relationships or health. If low mood, anxiety or concentration difficulties are involved, speak to your GP. If you mainly want help building awareness and action, coaching or a workshop may be worth exploring.
Still asking “why do I procrastinate?”
Explore the Procrastination Workshop for an introduction, or look at the four-week Procrastination Group Coaching programme if you would like more structured support. For more on breaking cycles that keep you stuck, read How to Outgrow the Habits That Keep You Stuck on the blog.
Explore the Procrastination WorkshopGroup Coaching
More reading: the blog and the podcast.
(function(){
var $=function(s,c){return [].slice.call((c||document).querySelectorAll(s))};
var RM=!!(window.matchMedia&&window.matchMedia(‘(prefers-reduced-motion: reduce)’).matches);
/* reveal on scroll (fail-safe: content is visible unless this script runs, and always appears within 3s) */
var pf=document.getElementById(‘pf’);
var items=$(‘.rv,.chart,.sec,#wait’);
function reveal(x){if(x.classList.contains(‘in’))return;x.classList.add(‘in’);if(x.id===’wait’){try{startWait()}catch(err){}}}
function check(){var vh=window.innerHeight||document.documentElement.clientHeight;
items.forEach(function(x){if(x.classList.contains(‘in’))return;var r=x.getBoundingClientRect();if(r.top0)reveal(x)})}
pf.className+=’ js’;
if(‘IntersectionObserver’ in window){var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){reveal(e.target);io.unobserve(e.target)}})},{threshold:0,rootMargin:’0px 0px -8% 0px’});items.forEach(function(x){io.observe(x)})}
window.addEventListener(‘scroll’,check,{passive:true});window.addEventListener(‘resize’,check);
setTimeout(check,0);setTimeout(check,300);
setTimeout(function(){items.forEach(reveal)},3000);
/* scroll progress */
var spb=document.getElementById(‘spb’),tk=false;
function sp(){tk=false;var h=document.documentElement,max=h.scrollHeight-h.clientHeight,y=window.pageYOffset||h.scrollTop;spb.style.width=(max>0?Math.min(100,y/max*100):0)+’%’}
window.addEventListener(‘scroll’,function(){if(!tk){tk=true;requestAnimationFrame(sp)}},{passive:true});sp();
/* rotating excuses */
var ex=document.getElementById(‘ex’),W=[‘tomorrow’,’after one more video’,’on Monday’,’when I feel ready’,’after this tea’,’next week’],wi=0;
if(ex&&!RM){ex.classList.add(‘go’);setInterval(function(){wi=(wi+1)%W.length;ex.classList.remove(‘go’);void ex.offsetWidth;ex.textContent=W[wi];ex.classList.add(‘go’)},2900)}
/* Stickler: type, delete, rewrite */
var stk=document.getElementById(‘stk’);
if(stk&&!RM){
var P=[‘If it isn’t right, it isn’t worth sending.’,’If it isn’t perfect, it isn’t worth sending.’,’Hmm… maybe one more rewrite first.’],pi=0,ci=P[0].length,del=false;
stk.classList.add(‘typ’);
var show=function(){stk.textContent=’“’+P[pi].slice(0,ci)+(ci===P[pi].length?’”’:”)};
var loop=function(){var d;
if(del){if(ci>0){ci–;d=28}else{del=false;pi=(pi+1)%P.length;d=450}}
else{if(ci
=99){p=99;clearInterval(wT);stall()}setW(p)},80)}
function stall(){var f=0;wt.textContent=’Still waiting to feel ready…’;wT=setInterval(function(){f=1-f;setW(f?98:99)},1400)}
function doneWait(){if(wD)return;wD=true;clearInterval(wT);setW(100);wt.textContent=’Or just start. That works too ✓’;wait.classList.add(‘ok’)}
/* confetti */
function confetti(){if(RM)return;var c=document.createElement(‘div’);c.className=’cf’;c.setAttribute(‘aria-hidden’,’true’);
var C=[‘#ff6b57′,’#ffb84d’,’#12a38a’,’#8b7bff’,’#ffd166′];
for(var i=0;i0)doneWait();
sc.textContent=n===0?’Tick each step as you complete it.’:n<5?'Step '+n+' of 5 done. Keep going, gently.':'All five steps done. Starting is the hard part, and you just did it.';
sc.classList.remove('win');
if(n===5&&prev<5){void sc.offsetWidth;sc.classList.add('win');confetti()}
prev=n});
/* timer */
var go=document.getElementById('go'),clk=document.getElementById('clk'),tb=document.getElementById('tb'),tm=document.getElementById('tm'),iv=null,left=600;
function draw(){var m=Math.floor(left/60),s=left%60;clk.textContent=m+':'+(s<10?'0':'')+s;tb.style.width=((600-left)/6)+'%'}
go.onclick=function(){
if(iv){clearInterval(iv);iv=null;left=600;go.textContent='Start 10-minute timer';tm.classList.remove('run');draw();return}
doneWait();go.textContent='Reset';tm.classList.add('run');draw();
iv=setInterval(function(){left–;draw();if(left<=0){clearInterval(iv);iv=null;left=600;go.textContent='Done. Start again';clk.textContent='0:00';tb.style.width='100%';tm.classList.remove('run');confetti()}},1000)};
})();
About the author
Daniel Kobryner
Mental Fitness Coach & Podcast Host based in London. Helping purpose-driven professionals redesign their lives from the inside out.
More about Daniel
