/* Professional 3D UI upgrade - free/offline tools */
:root{--pro3d-bg:#07111f;--pro3d-card:rgba(255,255,255,.86);--pro3d-border:rgba(37,99,235,.18);--pro3d-shadow:0 24px 70px rgba(15,23,42,.18);--pro3d-glow:0 0 42px rgba(37,99,235,.28)}
body{background:radial-gradient(circle at 10% 0%,rgba(37,99,235,.12),transparent 28%),radial-gradient(circle at 90% 8%,rgba(124,58,237,.12),transparent 28%),linear-gradient(180deg,#f8fbff 0%,#eef4ff 42%,#fff 100%)}
.navbar{backdrop-filter:blur(18px);background:rgba(255,255,255,.82)!important;border-bottom:1px solid rgba(15,23,42,.08)}
.tool-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a,#2563eb 55%,#7c3aed)!important;color:#fff;border-radius:0 0 38px 38px;box-shadow:0 24px 70px rgba(37,99,235,.28)}
.tool-header:before{content:"";position:absolute;inset:-45%;background:radial-gradient(circle,rgba(255,255,255,.22) 0 2px,transparent 3px);background-size:34px 34px;animation:pro3dStars 24s linear infinite;opacity:.32}
.tool-header .container{position:relative;z-index:1;padding-top:34px;padding-bottom:34px}.tool-header h1{font-weight:900;letter-spacing:-.04em;text-shadow:0 14px 40px rgba(0,0,0,.3)}
.tool-container{position:relative;margin-top:-22px;background:var(--pro3d-card);border:1px solid var(--pro3d-border);border-radius:30px;box-shadow:var(--pro3d-shadow);backdrop-filter:blur(18px);transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;padding:28px!important}.tool-container:hover{box-shadow:var(--pro3d-shadow),var(--pro3d-glow);border-color:rgba(37,99,235,.34)}
.tool-form,.results-section,.result-card,.card,.result-box{border-radius:22px!important}.tool-form{background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(248,250,252,.78));border:1px solid rgba(148,163,184,.18);padding:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.form-control,.form-select,.tool-textarea{border-radius:16px!important;border:1px solid rgba(148,163,184,.35)!important;box-shadow:0 8px 24px rgba(15,23,42,.05);transition:all .18s ease}.form-control:focus,.form-select:focus,.tool-textarea:focus{transform:translateY(-1px);box-shadow:0 14px 34px rgba(37,99,235,.18)!important;border-color:#2563eb!important}
.btn-primary{border:0;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 14px 30px rgba(37,99,235,.28);border-radius:16px;transition:transform .18s ease,box-shadow .18s ease}.btn-primary:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 20px 44px rgba(37,99,235,.36)}
.results-section{background:rgba(255,255,255,.86);border:1px solid rgba(37,99,235,.14);padding:22px;box-shadow:0 18px 55px rgba(15,23,42,.12)}.result-box{background:#07111f!important;color:#e5f0ff!important;border:1px solid rgba(96,165,250,.25);padding:22px;box-shadow:inset 0 0 42px rgba(37,99,235,.08)}.result-box pre{color:#e5f0ff!important}.tool-card,.category-card,.feature-card{transform-style:preserve-3d;transition:transform .22s ease,box-shadow .22s ease!important}.tool-card:hover,.category-card:hover,.feature-card:hover{transform:perspective(900px) rotateX(2deg) rotateY(-2deg) translateY(-7px);box-shadow:0 24px 65px rgba(15,23,42,.18)!important}.pro3d-floating-action{position:fixed;right:18px;bottom:86px;z-index:999;display:flex;flex-direction:column;gap:10px}.pro3d-floating-action button{width:48px;height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;box-shadow:0 16px 36px rgba(15,23,42,.25)}.pro3d-dark{background:#030712!important;color:#e5e7eb}.pro3d-dark .tool-container,.pro3d-dark .tool-form,.pro3d-dark .results-section,.pro3d-dark .card{background:rgba(15,23,42,.86)!important;color:#e5e7eb;border-color:rgba(96,165,250,.22)}.pro3d-dark .form-control,.pro3d-dark .tool-textarea,.pro3d-dark .form-select{background:#0f172a!important;color:#fff!important;border-color:rgba(148,163,184,.35)!important}.pro3d-dark .navbar{background:rgba(15,23,42,.86)!important}.pro3d-dark .nav-link{color:#e5e7eb!important}
@keyframes pro3dStars{from{transform:translate3d(0,0,0) rotate(0deg)}to{transform:translate3d(44px,44px,0) rotate(10deg)}}
@media(max-width:768px){.tool-container{margin-top:-12px;border-radius:22px;padding:18px!important}.tool-header{border-radius:0 0 26px 26px}.tool-header h1{font-size:1.85rem}.pro3d-floating-action{right:12px;bottom:72px}.pro3d-floating-action button{width:44px;height:44px}}