.ti108-wrapper{display:flex;justify-content:center;align-items:center;padding:2rem 1rem}.ti108-body{background:#0284c7;width:340px;border-radius:20px;padding:1.5rem 1.25rem;box-shadow:0 15px 35px #00000040;border:3px solid #0369a1}.ti108-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.brand{display:flex;flex-direction:column}.ti-logo{font-size:.65rem;font-weight:800;color:#fff;letter-spacing:1px}.model-name{font-size:1.25rem;font-weight:800;color:#fff}.solar-panel{display:flex;gap:3px;background:#451a03;padding:4px;border-radius:4px}.solar-cell{width:10px;height:16px;background:#78350f}.lcd-screen{background:#c2d6be;border:3px solid #0f172a;border-radius:8px;padding:.6rem .85rem;margin-bottom:1.25rem;font-family:Courier New,Courier,monospace}.display-line{text-align:right;color:#061e05;font-weight:700}.top-line{font-size:.85rem;height:1.1rem;opacity:.8}.bottom-line{font-size:1.85rem;height:2.1rem;line-height:2.1rem}.keypad{display:flex;flex-direction:column;gap:.75rem}.key-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:.6rem!important}.key{height:48px;width:100%;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 3px #00000040;transition:transform .05s ease,box-shadow .05s ease}.key:active{transform:translateY(2px);box-shadow:0 1px #00000040}.btn-red{background:#dc2626;color:#fff}.btn-dark{background:#334155;color:#fff}.btn-digit{background:#fff;color:#0f172a}.btn-op{background:#e2e8f0;color:#0f172a}.page-container{max-width:900px!important;margin:2rem auto!important;padding:0 1.5rem!important}.hero-section{text-align:center!important;margin-bottom:2rem!important}.hero-section h1{font-size:2.2rem!important;font-weight:800!important;color:#0f172a!important;margin-bottom:.5rem!important}.subtitle{font-size:1.05rem!important;color:#475569!important}.calculator-section{margin-bottom:2rem!important}.cross-link-banner{background:linear-gradient(135deg,#1e293b,#0f172a)!important;color:#fff!important;border-radius:16px!important;padding:1.75rem 2rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1.5rem!important;margin-bottom:3.5rem!important;box-shadow:0 10px 25px #00000026!important;flex-wrap:wrap!important}.banner-badge{display:inline-block!important;background:#38bdf8!important;color:#0f172a!important;font-size:.75rem!important;font-weight:800!important;padding:.2rem .6rem!important;border-radius:20px!important;margin-bottom:.5rem!important;text-transform:uppercase!important}.banner-content h3{font-size:1.25rem!important;font-weight:800!important;color:#fff!important;margin-bottom:.25rem!important}.banner-content p{font-size:.95rem!important;color:#cbd5e1!important;max-width:550px!important}.banner-btn{background:#38bdf8!important;color:#0f172a!important;font-weight:800!important;font-size:.95rem!important;padding:.75rem 1.5rem!important;border-radius:10px!important;text-decoration:none!important;white-space:nowrap!important;transition:transform .2s ease,box-shadow .2s ease!important}.banner-btn:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #38bdf84d!important}.content-box{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:2rem!important;line-height:1.75!important;color:#334155!important}.content-box h2{font-size:1.5rem!important;color:#0f172a!important;margin-bottom:.75rem!important}.content-box h3{font-size:1.2rem!important;color:#0f172a!important;margin-top:1.5rem!important;margin-bottom:.5rem!important}.content-box ul{padding-left:1.25rem!important;margin-bottom:1.5rem!important}.quick-links{display:flex!important;gap:1rem!important;flex-wrap:wrap!important;margin-top:.75rem!important}.quick-links a{display:inline-block!important;background:#f1f5f9!important;color:#0284c7!important;font-weight:700!important;font-size:.9rem!important;padding:.5rem 1rem!important;border-radius:8px!important;text-decoration:none!important;border:1px solid #e2e8f0!important}.quick-links a:hover{background:#e0f2fe!important}