.navbar{background-color:#2563eb;box-shadow:0 2px 4px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.navbar-logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;margin-right:2rem}.navbar-menu{display:flex;list-style:none;margin:0;padding:0;gap:1.5rem;flex-wrap:wrap}.navbar-item{margin:0}.navbar-link{color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;transition:opacity .2s ease;white-space:nowrap}.navbar-link:hover{opacity:.8}@media (max-width:768px){.navbar-container{flex-direction:column;gap:1rem}.navbar-logo{margin-right:0}.navbar-menu{justify-content:center;gap:1rem}.navbar-link{font-size:.85rem}}.ad-slot{padding:2rem 1rem;margin:1rem 0}.ad-placeholder,.ad-slot{display:flex;justify-content:center;align-items:center}.ad-placeholder{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px dashed #d1d5db;border-radius:8px;position:relative}.ad-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#9ca3af}.ad-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ad-size{font-size:.875rem;font-weight:500}.ad-position{font-size:.75rem;font-weight:500}@media (max-width:768px){.ad-placeholder{width:300px!important;height:250px!important}}.calculator-section{margin:var(--spacing-12) 0}.calculator-container{background:#fff;border:2px solid var(--border-color);border-radius:16px;padding:var(--spacing-8);box-shadow:var(--shadow-lg);transition:all .3s ease;contain:layout style paint}.calculator-container:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.calculator-header{font-size:var(--font-2xl);font-weight:700;color:var(--primary-700);text-align:center;margin-bottom:var(--spacing-6);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calculator-inputs{display:flex;flex-direction:column;gap:var(--spacing-4);max-width:600px;margin:0 auto}.input-label{font-size:var(--font-lg);font-weight:600;color:var(--text-color);text-align:center;margin-bottom:var(--spacing-2)}.input-group{display:flex;gap:var(--spacing-2);align-items:stretch}.input-field{flex:1 1;padding:var(--spacing-4);font-size:var(--font-lg);font-weight:600;color:var(--text-color);background:var(--primary-50);border:2px solid var(--primary-200);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center}.input-field:focus{outline:none;border-color:var(--primary-500);background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.1);transform:scale(1.02)}.input-field:hover{border-color:var(--primary-300)}.input-unit{display:flex;align-items:center;font-size:var(--font-sm);font-weight:700;color:var(--primary-600);background:var(--primary-100);white-space:nowrap;min-width:60px;justify-content:center}.direction-select,.input-unit{padding:var(--spacing-4);border:2px solid var(--primary-200);border-radius:12px}.direction-select{font-size:var(--font-lg);font-weight:600;color:var(--text-color);background:var(--primary-50);cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232563EB'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.5em 1.5em;padding-right:3rem}.direction-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.direction-select:hover{border-color:var(--primary-300)}.calculate-button{padding:var(--spacing-5) var(--spacing-8);font-size:var(--font-xl);font-weight:700;color:#fff;background:var(--gradient-success);border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);box-shadow:var(--shadow-md);position:relative;overflow:hidden;transform:translateZ(0)}.calculate-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.calculate-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.calculate-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.calculate-button:active:before{width:300px;height:300px}.calendar-icon{font-size:var(--font-2xl)}.calculator-result{margin-top:var(--spacing-6);padding:var(--spacing-6);background:var(--success-color);color:#fff;border-radius:12px;text-align:center;animation:slideInUp .3s ease-out;box-shadow:var(--shadow-lg)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-time{font-size:var(--font-3xl);font-weight:800;margin-bottom:var(--spacing-2)}.result-current{font-size:var(--font-base);opacity:.9}@media (max-width:768px){.calculator-inputs{gap:var(--spacing-3)}.input-group{flex-direction:column;gap:var(--spacing-2)}.direction-select,.input-field{min-height:48px;font-size:var(--font-base)}.calculate-button{min-height:48px;padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-lg)}.calculator-header{font-size:var(--font-xl)}.result-time{font-size:var(--font-2xl)}}.countdown-section{margin:var(--spacing-12) 0}.countdown-container{background:#fff;border:2px solid var(--border-color);border-radius:16px;padding:var(--spacing-8);box-shadow:var(--shadow-lg);transition:all .3s ease;contain:layout style paint}.countdown-container:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.countdown-title{font-size:var(--font-2xl);font-weight:700;color:var(--primary-700);text-align:center;margin-bottom:var(--spacing-6);background:var(--gradient-info);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.countdown-circles{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-4);gap:var(--spacing-4);max-width:800px;margin:0 auto}.countdown-item{gap:var(--spacing-2)}.countdown-circle,.countdown-item{display:flex;flex-direction:column;align-items:center}.countdown-circle{width:120px;height:120px;border-radius:50%;background:var(--gradient-primary);justify-content:center;box-shadow:var(--shadow-lg);transition:all .3s ease;position:relative;overflow:hidden}.countdown-circle:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);animation:pulse 2s ease-in-out infinite}.countdown-circle:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.countdown-value{font-size:var(--font-4xl);font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);position:relative;z-index:1}.countdown-label{font-size:var(--font-sm);font-weight:600;color:var(--text-color);text-transform:uppercase;letter-spacing:.05em}@media (max-width:768px){.countdown-circles{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.countdown-circle{width:100px;height:100px}.countdown-value{font-size:var(--font-3xl)}.countdown-label{font-size:var(--font-xs)}.countdown-title{font-size:var(--font-xl)}}@media (max-width:480px){.countdown-circles{grid-template-columns:1fr 1fr}.countdown-circle{width:80px;height:80px}.countdown-value{font-size:var(--font-2xl)}}