*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}body.light{background-color:#f8fafc;color:#0f172a}body.dark{background-color:#0f172a;color:#f8fafc}.footer{width:100%;margin-top:160px;padding:48px 0;background:#0f172a;box-shadow:0 18px 65px #7c6cff59}.footer-inner{width:100%;margin:0 auto;background:#0f172a;padding:24px 22px;display:flex;flex-direction:column;gap:22px;color:#e5e7eb}.footer-left{display:flex;flex-direction:column;gap:6px}.footer-logo{font-size:14px;font-weight:800;letter-spacing:.2em;color:#e5e7eb;margin:0}.footer-slogan{font-size:13px;line-height:1.6;color:#cbd5f5;max-width:520px;margin:0}.footer-copy{font-size:12px;color:#94a3b8;margin-top:6px}.footer-nav{display:flex;flex-wrap:wrap;gap:10px 14px}.footer-link{font-size:13px;color:#cbd5e1;text-decoration:none;padding:8px 12px;border-radius:10px;transition:background .2s ease,color .2s ease}.footer-link:hover{background:#ffffff14;color:#fff}.footer-link.active{background:#ffffff1f;color:#fff}.footer-legal{width:100%;margin-top:24px;text-align:center;font-size:13px;color:#94a3b8}.footer-legal a{color:inherit;text-decoration:none}.footer-legal a:hover{text-decoration:underline}@media(min-width:768px){.footer{padding:56px 0}.footer-inner{padding:28px 26px;gap:24px}.footer-logo{font-size:15px}.footer-slogan{font-size:13.5px}}@media(min-width:1024px){.footer{padding:64px 0;margin-top:96px;position:relative}.footer-inner{flex-direction:row;justify-content:space-between;align-items:center;max-width:960px;padding:30px 28px;gap:32px}.footer-left{flex:1}.footer-nav{display:flex;flex-wrap:nowrap;gap:18px;max-width:none;justify-content:flex-end;align-items:center}}@media(max-width:480px){.footer{margin-top:96px;padding:32px 0}.footer-inner{padding:20px 16px;gap:18px}.footer-left{gap:8px}.footer-logo{font-size:13px;letter-spacing:.15em}.footer-slogan{font-size:12.5px;line-height:1.5;max-width:100%}.footer-copy{font-size:11.5px}.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.footer-link{font-size:12.5px;text-align:center;padding:8px 10px}.footer-legal{margin-top:16px;font-size:12px;line-height:1.5}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:24px}body.light .app-header{background-color:#f8fafc;border-bottom:1px solid #e5e7eb}body.dark .app-header{background-color:#020617;border-bottom:1px solid #1e293b}.hero-micro{text-align:center;margin:32px auto 24px;max-width:720px}.hero-micro p{font-size:15px;color:#64748b;letter-spacing:.2px}.app-header{height:72px;padding:0 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background-color:#f8fafc;border-bottom:4px solid #e5e7eb;position:sticky;top:0;z-index:1000;box-shadow:0 28px 55px #7c6cff59,0 -28px 55px #7c6cff59;border-radius:65px;margin-top:10px}.header-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;letter-spacing:.5px;color:#64748b;margin:0}.header-left{grid-column:1;justify-self:start}.header-center{grid-column:2;justify-self:center}.header-right{grid-column:3;justify-self:end;display:flex;align-items:center;gap:16px}.header-nav{display:flex;gap:20px}.nav-link{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;text-shadow:0 0 8px rgba(15,23,42,.15);position:relative;font-size:14px;font-weight:500;color:#64748b;text-decoration:none;padding-bottom:4px;transition:color .2s ease,border-color .2s ease}.nav-link-active{color:#c8cad0;font-weight:900}.nav-link:hover{color:#b8bfcd}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#0f172a;transition:width .2s ease}.nav-link:hover:after{width:100%}.nav-link-active:after{width:100%}.language-switcher{display:flex;align-items:center;gap:6px}.lang{background:none;border:none;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;padding:0}.lang.active{color:#0f172a;font-weight:600}.lang-divider{color:#cbd5e1}.theme-toggle{background:none;border:none;font-size:16px;cursor:pointer}.hamburger{width:32px;height:24px;display:none;flex-direction:column;justify-content:space-between;background:none;border:none;cursor:pointer;padding:0}.hamburger span{height:3px;width:100%;background-color:#0f172a;border-radius:2px;transition:transform .3s ease,opacity .2s ease}.hamburger.open span:nth-child(1){transform:translateY(10px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}@media(max-width:1024px){.app-header{padding:0 24px}.header-nav{gap:14px}.nav-link{font-size:13px}.header-title{font-size:20px}.hamburger{display:flex;position:absolute;left:16px;top:50%;transform:translateY(-50%)}.header-nav{display:none}.header-left{position:absolute;top:72px;left:0;width:100%;background-color:#f8fafc;border-bottom:1px solid #e5e7eb;z-index:999}.header-nav.open{display:flex;flex-direction:column;gap:16px;padding:20px}}@media(max-width:768px){.app-header{grid-template-columns:auto 1fr auto;padding:0 16px;height:64px}.hamburger{display:flex;position:absolute;left:16px;top:50%;transform:translateY(-50%)}.header-right{gap:12px}.header-left{position:absolute;top:64px;left:0;width:100%;background-color:#f8fafc;border-bottom:1px solid #e5e7eb}.header-nav{display:none;flex-direction:column;gap:16px;padding:20px}.header-nav.open{display:flex}.header-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}}@media(max-width:480px){.app-header{height:60px;padding:0 14px;margin-top:6px;border-radius:32px;box-shadow:0 16px 40px #7c6cff47,0 -16px 40px #7c6cff2e}.hamburger{width:28px;height:20px;left:14px}.hamburger span{height:2.5px}.header-title{font-size:16px;letter-spacing:.3px;text-align:center;white-space:nowrap}.header-right{gap:10px}.theme-toggle{font-size:15px}.lang{font-size:12px}.header-left{top:60px;border-bottom-left-radius:18px;border-bottom-right-radius:18px;box-shadow:0 20px 45px #0f172a2e}.header-nav{padding:18px 16px;gap:18px}.nav-link{font-size:15px;padding:10px 0}.nav-link-active{color:#0f172a}.nav-link:after{height:3px}}body{margin:0;padding:0;background:var(--bg-page);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary)}.timer-container{max-width:760px;margin:48px auto;padding:28px 24px;border-radius:18px;background:#0f172a;box-shadow:5px 5px 65px #7c6cff59;color:#e5e7eb;text-align:center}.timer-container h2{margin-bottom:25px}.timer-display{text-align:center;margin-bottom:32px;padding:0;border-radius:0;box-shadow:none}.timer-mode{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#fff;margin-bottom:10px}.timer-time{font-size:72px;font-weight:700;line-height:1;animation:softPulse 2.5s ease-in-out infinite}.timer-display.work .timer-time{color:var(--accent-success)}.timer-display.break .timer-time{color:var(--accent-primary)}.timer-display.long .timer-time{color:#a78bfa}@keyframes softPulse{0%{opacity:1}50%{opacity:.85}to{opacity:1}}.timer-controls{display:flex;justify-content:center;gap:18px;margin-bottom:36px}.timer-controls button{padding:14px 36px;font-size:16px;font-weight:600;border:none;border-radius:16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary{background:#25f13673;color:#fff;box-shadow:5px 5px 65px #5fed72}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn-primary:active{transform:scale(.96)}.btn-secondary{background:#262bcf73;color:#fff;box-shadow:5px 5px 65px #2e16b6}.btn-secondary:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn-secondary:active{transform:scale(.96)}.btn-warming{background:#e9831e73;color:#fff;box-shadow:5px 5px 65px #f29e66}.btn-warming:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn-warming:active{transform:scale(.96)}.btn-danger{background:#ab191914;color:#fff;box-shadow:5px 5px 65px #e11d1d}.btn-danger:hover{background:#ffffff24}.btn-danger:active{transform:scale(.96)}.timer-settings{display:flex;gap:20px;margin-bottom:32px}.setting-item{flex:1;display:flex;flex-direction:column;gap:8px}.setting-item label{text-align:center;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#e5e7eb;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.setting-item input{height:52px;border-radius:14px;border:4px solid rgba(255,255,255,.12);background:#0f172a;color:var(--text-primary);font-size:15px;text-align:center}.setting-item input:focus{outline:2px solid var(--accent-primary)}.setting-item input:disabled{opacity:.5;cursor:not-allowed}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.pomodoro-history{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;max-height:160px;overflow-y:auto}.history-title{font-size:20px;color:#e5e7eb;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;margin-bottom:12px;text-align:center}.history-item{font-size:15px;padding:6px 0;opacity:.85;text-align:center}.pomodoro-info-section{max-width:760px;min-height:500px;margin:40px auto;padding:28px 24px;background:#0f172a;border-radius:18px;box-shadow:0 18px 65px #7c6cff59;color:#e5e7eb;text-align:center}.pomodoro-info{max-width:760px;padding:56px 52px;border-radius:32px;box-shadow:0 30px 45px #00000073;text-align:center}.pomodoro-info h2{font-size:32px;font-weight:600;margin-bottom:24px}.pomodoro-info h3{margin-top:36px;margin-bottom:16px;font-size:22px}.pomodoro-info p{font-size:16px;line-height:1.8;max-width:680px;margin:0 auto 16px}.pomodoro-info ul{list-style:none;padding:0;margin:24px auto;max-width:520px}.pomodoro-info li{position:relative;padding-left:26px;margin-bottom:12px;font-size:15px}.pomodoro-info li:before{content:"•";position:absolute;left:0;font-size:22px}@media(max-width:1024px){.timer-container,.pomodoro-info-section,.pomodoro-info{max-width:680px;margin:32px auto}.timer-time{font-size:64px}.timer-controls{gap:14px}.timer-controls button{padding:12px 28px;font-size:15px}.pomodoro-info h2{font-size:28px}.pomodoro-info h3{font-size:21px}.pomodoro-info p{font-size:15.5px}}@media(max-width:768px){.timer-container,.pomodoro-info-section,.pomodoro-info{max-width:100%;margin:24px 16px;padding:24px 18px;border-radius:16px}.timer-time{font-size:44px;animation:none}.timer-mode{font-size:11px;letter-spacing:1.5px}.timer-controls{flex-wrap:wrap;gap:12px;margin-bottom:28px}.timer-controls button{width:100%;padding:14px;font-size:15px}.timer-settings{flex-direction:column;gap:16px}.setting-item input{height:48px;font-size:15px}.pomodoro-history{max-height:140px}.history-title{font-size:18px}.history-item{font-size:14px}.pomodoro-info h2{font-size:24px}.pomodoro-info h3{font-size:19px}.pomodoro-info p{font-size:15px}}@media(max-width:460px){.timer-container{max-width:100%;margin:5px 3px;padding:8px 6px;border-radius:14px}.pomodoro-info-section{margin:5px 3px;padding:8px 6px;border-radius:14px}.pomodoro-info{padding:0;margin:0;border-radius:0;box-shadow:none;background:transparent}.pomodoro-info h2{font-size:22px;margin-bottom:16px}.pomodoro-info h3{font-size:18px;margin-top:28px;margin-bottom:12px}.pomodoro-info p{font-size:14.5px;line-height:1.7;margin-bottom:14px}.pomodoro-info ul{margin:18px auto;padding:0}.pomodoro-info li{font-size:14px;margin-bottom:10px}}.stopwatch-card{max-width:760px;margin:40px auto;padding:28px 24px;border-radius:18px;background:#0f172a;box-shadow:5px 5px 65px #7c6cff59;color:#e5e7eb;text-align:center}.stopwatch-card h2{margin-bottom:24px}.stopwatch-display{font-size:48px;font-weight:700;letter-spacing:2px;margin-bottom:28px;font-family:Courier New,monospace}.stopwatch-controls{display:flex;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.stopwatch-controls button{padding:10px 18px;border-radius:10px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:5px 5px 65px #5fed72}.stopwatch-controls button:nth-child(1){background:#facc15;color:#422006}.stopwatch-controls button:nth-child(2){background:#38bdf8;color:#0c4a6e}.stopwatch-controls button:nth-child(3){background:#ef4444;color:#450a0a}.stopwatch-controls button:hover{opacity:.85;transform:translateY(-1px)}.stopwatch-laps{margin-top:20px;text-align:left}.stopwatch-laps h4{margin-bottom:10px;font-size:15px;color:#94a3b8}.stopwatch-laps ul{list-style:none;padding:0;margin:0;max-height:160px;overflow-y:auto}.stopwatch-laps li{padding:8px 10px;border-radius:8px;background:#ffffff0d;margin-bottom:6px;font-size:13px;display:flex;justify-content:space-between}.stopwatch-laps ul::-webkit-scrollbar{width:6px}.stopwatch-laps ul::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.sw-info{max-width:760px;min-height:500px;margin:40px auto;padding:28px 24px;background:#0f172a;color:#e5e7eb;border-radius:18px;box-shadow:5px 5px 65px #7c6cff59;text-align:center}.stopwatch-info{max-width:760px;padding:56px 52px;box-shadow:0 30px 45px #00000073;text-align:center}.stopwatch-info h3{font-weight:600;font-size:32px;margin-bottom:24px}.stopwatch-info p{font-size:16px;line-height:1.8;max-width:680px;margin:0 auto 16px}@media(max-width:1024px){.stopwatch-card,.sw-info,.stopwatch-info{max-width:680px;margin:32px auto}.stopwatch-display{font-size:42px}.stopwatch-info h3{font-size:28px}.stopwatch-info p{font-size:15.5px}}@media(max-width:768px){.stopwatch-card,.sw-info,.stopwatch-info{max-width:100%;margin:24px 16px;padding:24px 18px;border-radius:16px}.stopwatch-display{font-size:36px;letter-spacing:1.5px;margin-bottom:20px}.stopwatch-controls{gap:10px}.stopwatch-controls button{width:100%;padding:12px;font-size:15px}.stopwatch-laps h4{font-size:14px}.stopwatch-laps li{font-size:14px;padding:10px 12px}.stopwatch-info h3{font-size:24px}.stopwatch-info p{font-size:15px}}@media(max-width:480px){.stopwatch-card{max-width:100%;margin:5px 3px;padding:8px 6px;border-radius:14px}.sw-info{margin:5px 3px;padding:8px 6px;border-radius:14px}.stopwatch-info{padding:0;margin:0;border-radius:0;box-shadow:none;background:transparent}.stopwatch-info h3{font-size:22px;margin-bottom:16px}.stopwatch-info p{font-size:14.5px;line-height:1.7;margin-bottom:14px}}.timer-card{max-width:760px;margin:40px auto;padding:20px;border-radius:16px;background:#0f172a;color:#f8fafc;text-align:center;box-shadow:5px 5px 65px #7c6cff59}.timer-card h2{margin-bottom:24px}.timer-inputs{display:flex;gap:8px;justify-content:center;margin-bottom:12px;align-items:center}.timer-inputs input{width:80px;padding:8px;text-align:center;border-radius:8px;border:none;background:#020617;color:#f8fafc;font-size:14px}.timer-display{max-width:360px;margin:30px auto;padding:18px 10px;background-color:#020617;border-radius:14px;box-shadow:0 10px 30px #0006;font-family:Courier New,monospace;font-size:48px;font-weight:600;letter-spacing:2px;text-align:center;animation:tick 1s infinite}@keyframes tick{0%{opacity:1}50%{opacity:.95}to{opacity:1}}.timer-controls{display:flex;justify-content:center;gap:12px;margin-top:16px}.timer-controls button{padding:10px 18px;border-radius:10px;border:none;font-size:14px;font-weight:500;cursor:pointer;background-color:#1e293b;color:#f8fafc;transition:background-color .2s ease,transform .1s ease;box-shadow:5px 5px 65px #5fed72}.timer-controls button:hover{background-color:#334155}.timer-controls button:active{transform:scale(.96)}.timer-controls .primary{background-color:#22c55e;color:#022c22}.timer-controls .primary:hover{background-color:#16a34a}.timer-controls .warning{background-color:#facc15;color:#422006}.timer-controls .warning:hover{background-color:#eab308}.timer-controls .danger{background-color:#ef4444;color:#450a0a}.timer-controls .danger:hover{background-color:#dc2626}@media(max-width:480px){.timer-display{font-size:36px;padding:12px 16px}.timer-controls{flex-wrap:wrap}.timer-controls button{width:100%}}.timer-info{max-width:760px;min-height:700px;margin:40px auto;padding:28px 24px;background:#0f172a;color:#e5e7eb;border-radius:18px;box-shadow:5px 5px 65px #7c6cff59;text-align:center}.timer-info h2{font-size:32px;font-weight:600;margin-bottom:24px}.timer-info h3{margin-top:36px;margin-bottom:16px;font-size:22px;font-weight:600}.timer-info p{font-size:16px;line-height:1.8;max-width:680px;margin:0 auto 16px}.timer-info ul{list-style:none;padding:0;margin:24px auto;max-width:520px}.timer-info li{position:relative;padding-left:26px;margin-bottom:12px;font-size:15px}.timer-info li:before{content:"•";position:absolute;left:0;font-size:22px}@media(max-width:768px){.timer-info{padding:40px 28px;border-radius:24px}.timer-info h2{font-size:26px}.timer-info h3{font-size:20px}.timer-info p{font-size:15px}}@media(max-width:1024px){.timer-card,.timer-info{max-width:680px;margin:32px auto}.timer-display{max-width:320px;font-size:42px}.timer-info h2{font-size:28px}.timer-info h3{font-size:21px}.timer-info p{font-size:15.5px}}@media(max-width:768px){.timer-card,.timer-info{max-width:100%;margin:24px 16px;padding:24px 18px;border-radius:16px}.timer-inputs{gap:6px}.timer-inputs input{width:64px;padding:10px;font-size:15px}.timer-display{max-width:100%;font-size:38px;padding:14px 12px;letter-spacing:1.5px}.timer-controls{flex-wrap:wrap;gap:10px}.timer-controls button{width:100%;padding:12px;font-size:15px}.timer-info h2{font-size:24px}.timer-info h3{font-size:19px}.timer-info p{font-size:15px}}@media(max-width:480px){.timer-card{max-width:100%;margin:5px 3px;padding:8px 6px;border-radius:14px}.timer-info{margin:5px 3px;padding:8px 6px;border-radius:14px;box-shadow:none}.timer-info h2{font-size:22px;margin-bottom:16px}.timer-info h3{font-size:18px;margin-top:26px;margin-bottom:12px}.timer-info p{font-size:14.5px;line-height:1.7;margin-bottom:14px}.timer-info ul{margin:18px auto;padding:0}.timer-info li{font-size:14px;margin-bottom:10px}}.worldclock-card{max-width:700px;min-height:300px;margin:40px auto;padding:28px 24px;background:#0f172a;border-radius:18px;box-shadow:5px 5px 65px #7c6cff59;color:#e5e7eb;text-align:center}.worldclock-card h2{margin-bottom:24px}.worldclock-time{font-size:48px;font-weight:700;letter-spacing:2px;margin:24px 0;font-family:Courier New,monospace}.worldclock-search{position:relative}.worldclock-search input{width:100%;padding:10px 14px;border-radius:10px;border:none;outline:none;font-size:14px}.worldclock-search ul{list-style:none;padding:0;margin:6px 0 0;background:#020617;border-radius:10px;max-height:160px;overflow-y:auto}.worldclock-search li{padding:10px 14px;cursor:pointer;font-size:14px}.worldclock-search li:hover{background:#ffffff14}.worldclock-country{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px}.worldclock-country img{width:32px;height:20px;border-radius:3px}.worldclock-search li{display:flex;align-items:center;gap:10px}.worldclock-search li img{width:24px;height:16px;border-radius:2px}.info-card{max-width:700px;min-height:500px;margin:40px auto;padding:28px 24px;background:#0f172a;border-radius:18px;box-shadow:5px 5px 65px #7c6cff59;color:#e5e7eb;text-align:center}.worldclock-info{max-width:760px;padding:56px 52px;border-radius:32px;box-shadow:0 30px 45px #00000073;text-align:center}.worldclock-info h3{font-size:32px;font-weight:600;margin-bottom:24px}.worldclock-info p{font-size:16px;line-height:1.8;max-width:680px;margin:0 auto 16px}@media(max-width:1024px){.worldclock-card,.info-card,.worldclock-info{max-width:640px;margin:32px auto}.worldclock-time{font-size:42px}.worldclock-info h3{font-size:28px}.worldclock-info p{font-size:15.5px}}@media(max-width:768px){.worldclock-card,.info-card,.worldclock-info{max-width:100%;margin:24px 16px;padding:24px 18px;border-radius:16px}.worldclock-time{font-size:36px;letter-spacing:1.5px;margin:20px 0}.worldclock-search input,.worldclock-search li{font-size:15px;padding:12px 14px}.worldclock-country img{width:28px;height:18px}.worldclock-search li img{width:22px;height:14px}.worldclock-info h3{font-size:24px}.worldclock-info p{font-size:15px}}@media(max-width:480px){.worldclock-card{max-width:100%;margin:5px 3px;padding:8px 6px;border-radius:14px}.info-card{margin:5px 3px;padding:8px 6px;border-radius:14px}.worldclock-info{padding:0;margin:0;border-radius:0;box-shadow:none;background:transparent}.worldclock-info h3{font-size:22px;margin-bottom:16px}.worldclock-info p{font-size:14.5px;line-height:1.7;margin-bottom:14px}}.blog-post{max-width:880px;margin:64px auto;padding:48px 56px;background:var(--bg-card-light, #ffffff);color:var(--text-primary, #0f172a);border-radius:24px;line-height:1.75;box-shadow:5px 5px 65px #7c6cff59}body.dark .blog-post{background:#020617;color:#e5e7eb}.blog-post-header{margin-bottom:40px;text-align:center}.blog-post-header h1{font-size:2.4rem;line-height:1.25;margin-bottom:16px;letter-spacing:-.5px}.blog-post-meta{display:flex;justify-content:center;gap:20px;font-size:.9rem;color:var(--text-muted, #64748b)}.blog-post-content h2{margin-top:48px;margin-bottom:16px;font-size:1.6rem;letter-spacing:-.3px}.blog-post-content p{margin-bottom:20px;font-size:1.05rem}.blog-post-content ul{margin:20px 0 28px 20px}.blog-post-content li{margin-bottom:10px;padding-left:4px}.blog-list{display:flex!important;flex-direction:column!important;gap:32px!important}.blog-card{background:var(--bg-card-light, #ffffff);color:var(--text-primary, #0f172a);padding:28px 32px;border-radius:56px;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease;box-shadow:5px 5px 65px #7c6cff59;display:flex;flex-direction:column;gap:12px;margin-top:10px;border-bottom:1px solid rgba(0,0,0,.08);position:relative}.blog-card-body{display:flex;flex-direction:column;align-items:center}.blog-card h2{text-align:center;font-size:1.6rem;font-weight:900;line-height:1.3;margin:0}.blog-description{text-align:center;font-size:.95rem;line-height:1.6;color:var(--text-secondary);max-width:100%;max-width:620px;margin:0 auto}.blog-meta{display:flex;text-align:center;margin:4px auto 0;gap:10px;font-size:.8rem;color:var(--text-muted)}.blog-read-more{text-align:center;margin-top:8px;font-size:.9rem;font-weight:500;color:var(--accent-blue);text-decoration:none;transition:color .2s ease,transform .2s ease}.blog-read-more:after{content:"→";font-size:1rem;opacity:0;transform:translate(-4px);transition:opacity .2s ease,transform .2s ease}.blog-read-more:hover{text-decoration:underline;transform:translateY(-2px)}.blog-card:hover{transform:translateY(-2px)}.blog-page{width:100%;padding:8px 24px;box-shadow:5px 5px 65px #7c6cff59;border-radius:45px}.blog-container{max-width:960px;margin:0 auto}.blog-card h2{font-size:1.6rem;line-height:1.3}.blog-card p{max-width:720px;color:#475569}.blog-header{max-width:900px;margin:0 auto;text-align:center;padding:64px 16px 48px}.blog-header h1{font-size:2.4rem;font-weight:700;margin-bottom:16px}.blog-header p{font-size:1.05rem;color:#64748b;max-width:640px;margin:0 auto;line-height:1.6}.blog-like-wrapper{position:absolute;bottom:20px;right:28px;z-index:5}.blog-like{background:transparent;border:none;padding:0;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:1.6rem;line-height:1;color:#94a3b8;position:relative;opacity:1;visibility:visible;transition:transform .2s ease,color .2s ease,filter .2s ease}.blog-like:hover{transform:scale(1.15);filter:brightness(1.05)}.blog-like.liked{color:#ef4444;animation:like-pop .35s ease}.like-count{font-size:.85rem;font-weight:600;color:#64748b}@keyframes like-pop{0%{transform:scale(1)}40%{transform:scale(1.6)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes idle-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.blog-like{animation:idle-pulse 3s ease-in-out infinite}@media(max-width:1024px){.blog-post{max-width:760px;padding:40px;border-radius:20px}.blog-post-header h1{font-size:2rem}.blog-post-content h2{font-size:1.45rem}.blog-post-content p{font-size:1rem}.blog-card{border-radius:36px;padding:24px 28px}.blog-header h1{font-size:2rem}}@media(max-width:768px){.blog-page{padding:32px 16px;box-shadow:none;border-radius:0}.blog-header{padding:32px 12px}.blog-header h1{font-size:1.7rem}.blog-header p{font-size:.95rem}.blog-list{gap:20px!important}.blog-card{padding:20px;border-radius:24px}.blog-card h2{font-size:1.35rem;margin-bottom:20px}.blog-description{max-width:100%;font-size:.9rem}.blog-meta{font-size:.75rem;gap:8px}.blog-read-more{font-size:.85rem}}@media(max-width:480px){.blog-card{padding:18px 16px;border-radius:20px}.blog-card h2{font-size:1.2rem}.blog-description{font-size:.85rem;line-height:1.55}}