:root{font-family:Inter,sans-serif;--font-sans: "Inter", sans-serif;--tabletop-bg: #2a2a2a;--void-bg: #0f1419;--time-hue: 200;--bg-primary: hsl(var(--time-hue), 15%, 8%);--bg-secondary: hsl(var(--time-hue), 20%, 12%);--bg-accent: hsl(var(--time-hue), 30%, 18%)}@keyframes daily-hue-cycle{0%{--time-hue: 200}4.17%{--time-hue: 240}8.33%{--time-hue: 270}12.5%{--time-hue: 290}16.67%{--time-hue: 310}20.83%{--time-hue: 330}25%{--time-hue: 20}29.17%{--time-hue: 40}33.33%{--time-hue: 50}37.5%{--time-hue: 60}41.67%{--time-hue: 80}45.83%{--time-hue: 120}50%{--time-hue: 160}54.17%{--time-hue: 180}58.33%{--time-hue: 190}62.5%{--time-hue: 200}66.67%{--time-hue: 210}70.83%{--time-hue: 220}75%{--time-hue: 30}79.17%{--time-hue: 15}83.33%{--time-hue: 350}87.5%{--time-hue: 320}91.67%{--time-hue: 280}95.83%{--time-hue: 240}to{--time-hue: 200}}body{margin:0;padding:0;transition:color .3s;position:relative;color:var(--text-primary);background-color:var(--bg-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 0%,var(--bg-accent) 0%,transparent 50%),linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}body.app-view{overflow:hidden}body.landing-view{overflow-y:auto;overflow-x:hidden}#root{display:flex;flex-direction:column;height:100vh}body.theme-dark{--background-primary: #121212;--background-secondary: #1e1e1e;--background-tertiary: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border-primary: #3a3a3a;--accent-primary: #00bcd4;--accent-secondary: #0097a7;--shadow-color: rgba(0, 0, 0, .5);--connector-color: #6a6a6a;--border-highlight-color: rgba(255, 255, 255, .1)}body.theme-light{--background-primary: #f5f5f5;--background-secondary: #ffffff;--background-tertiary: #e0e0e0;--text-primary: #333333;--text-secondary: #757575;--border-primary: #cccccc;--accent-primary: #3f51b5;--accent-secondary: #303f9f;--shadow-color: rgba(0, 0, 0, .1);--connector-color: #aeaeae;--border-highlight-color: rgba(0, 0, 0, .1)}body.theme-sepia{--background-primary: #f4f0e8;--background-secondary: #faf8f2;--background-tertiary: #e9e4d9;--text-primary: #5d4037;--text-secondary: #8d6e63;--border-primary: #c8bcae;--accent-primary: #8d6e63;--accent-secondary: #6d4c41;--shadow-color: rgba(93, 64, 55, .2);--connector-color: #9e9187;--border-highlight-color: rgba(93, 64, 55, .2)}body.theme-sepia:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiGAAAAA1BMVEX///+nxBvIAAAAIElEQVR42mNkYAAAAAYAAjCB0C8yMAwGDAAARwACE5k7fkoAAAAASUVORK5CYII=);background-repeat:repeat;pointer-events:none;z-index:10000;opacity:.08;animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.app-header{background-color:var(--background-secondary);border-bottom:1px solid var(--border-primary);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px var(--shadow-color);z-index:100;flex-wrap:wrap;gap:1rem}.app-header h1{margin:0;font-size:1.5rem;color:var(--text-primary)}.controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.btn{background-color:var(--accent-primary);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.btn:hover{background-color:var(--accent-secondary)}.btn:disabled{background-color:var(--background-tertiary);color:var(--text-secondary);cursor:not-allowed}.btn.btn-icon{padding:.6rem}.btn svg{transition:transform .2s}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 5px);right:0;background-color:var(--background-secondary);border-radius:6px;box-shadow:0 4px 12px var(--shadow-color);border:1px solid var(--border-primary);z-index:120;overflow:hidden;display:flex;flex-direction:column}.dropdown-menu button{background:none;border:none;padding:.75rem 1.5rem;color:var(--text-primary);text-align:left;width:100%;cursor:pointer;font-size:.9rem}.dropdown-menu button:hover{background-color:var(--accent-primary);color:#fff}.select-css{display:block;font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.3;padding:.6em 1.4em .5em .8em;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid var(--border-primary);box-shadow:0 1px 0 1px #0000000a;border-radius:.5em;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--background-secondary);background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%;cursor:pointer}.select-css:focus{border-color:var(--accent-primary);box-shadow:0 0 1px 3px var(--accent-primary-transparent);outline:none}.search-container{position:relative;display:flex;align-items:center;gap:.5rem}.search-container input[type=search]{background-color:var(--background-tertiary);border:1px solid var(--border-primary);border-radius:6px;padding:.6rem 1rem .6rem 2.5rem;color:var(--text-primary);font-size:.9rem;width:220px;transition:all .2s}.search-container input[type=search]:focus{border-color:var(--accent-primary);background-color:var(--background-secondary);outline:none}.search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.filter-panel{position:absolute;top:calc(100% + 10px);right:0;background-color:var(--background-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem;box-shadow:0 4px 12px var(--shadow-color);z-index:110;width:280px;text-align:left}.filter-group{margin-bottom:1rem}.filter-group:last-of-type{margin-bottom:0}.filter-group>label{font-weight:700;color:var(--text-primary);font-size:.9rem;display:block;margin-bottom:.5rem}.filter-group input[type=text]{width:100%;padding:.5rem;border-radius:4px;border:1px solid var(--border-primary);background-color:var(--background-tertiary);color:var(--text-primary);font-size:.9rem;box-sizing:border-box}.checkbox-group,.radio-group-column{display:flex;flex-direction:column;gap:.5rem}.checkbox-group label,.radio-group-column label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);cursor:pointer}.checkbox-group label:hover,.radio-group-column label:hover{color:var(--text-primary)}.filter-footer{border-top:1px solid var(--border-primary);padding-top:1rem;margin-top:1rem;display:flex;justify-content:flex-end}.filter-footer .btn{padding:.4rem .8rem;font-size:.8rem}.main-content{flex-grow:1;color:var(--text-primary);text-align:center;overflow:hidden;position:relative}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);padding:2rem}.placeholder p{max-width:400px}.placeholder-icon{width:100px;height:100px;margin-bottom:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--background-secondary);padding:0;border-radius:8px;width:90%;max-width:500px;box-shadow:0 5px 15px var(--shadow-color);display:flex;flex-direction:column}.modal-content.large{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary);padding:1.5rem 2rem}.modal-header h2{margin:0;color:var(--text-primary)}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.modal-tabs{display:flex;border-bottom:1px solid var(--border-primary);padding:0 2rem;flex-wrap:wrap}.modal-tabs button{background:none;border:none;color:var(--text-secondary);padding:1rem .5rem;margin-right:1.5rem;cursor:pointer;font-size:1rem;position:relative;border-bottom:3px solid transparent}.modal-tabs button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.modal-body{padding:2rem;max-height:60vh;overflow-y:auto}.modal-body .form-group{margin-bottom:1.25rem;text-align:left}.modal-body label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500}.modal-body input[type=text],.modal-body input[type=date],.modal-body input[type=datetime-local],.modal-body textarea{width:100%;padding:.7rem;border-radius:6px;border:1px solid var(--border-primary);background-color:var(--background-tertiary);color:var(--text-primary);font-size:1rem;box-sizing:border-box}.modal-body input[type=color]{width:100%;height:40px;padding:.2rem;border-radius:6px;border:1px solid var(--border-primary);background-color:var(--background-tertiary);box-sizing:border-box}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.radio-group{display:flex;gap:1rem;align-items:center}.radio-group label{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);margin-bottom:0}.form-group-checkbox{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.form-group-checkbox label{margin-bottom:0;color:var(--text-primary)}.form-group-checkbox input{width:1.2em;height:1.2em}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border-primary)}.btn-secondary{background-color:var(--background-tertiary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-primary)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.setting-item label{color:var(--text-primary);font-size:1.1rem;font-weight:500}.setting-description{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem;border-top:1px solid var(--border-primary);padding-top:1rem}.theme-editor{margin-top:1rem;border-top:1px solid var(--border-primary);padding-top:1rem}.theme-section{margin-top:1.5rem;padding:1.5rem;border-radius:8px;background-color:var(--background-tertiary)}.theme-section h3{margin-top:0;border-bottom:1px solid var(--border-primary);padding-bottom:.75rem;margin-bottom:1rem}.license-input-group{display:flex;gap:.5rem}.license-input-group input{flex-grow:1}.license-status{margin-top:.75rem;font-size:.9rem;color:var(--text-secondary)}.status-indicator{font-weight:700}.status-indicator.valid{color:#4caf50}.status-indicator.invalid{color:#f44336}.status-indicator.checking{color:var(--accent-primary)}.life-events-editor .life-event-item{background:var(--background-tertiary);padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:3px solid var(--accent-primary);position:relative;display:flex;flex-direction:column;gap:.75rem}.btn-remove-event{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer}.btn-remove-event:hover{color:var(--text-primary)}.photo-manager .photo-upload-area{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-primary);text-align:center}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.photo-thumbnail{position:relative;border-radius:6px;overflow:hidden;border:2px solid transparent;transition:border-color .2s}.photo-thumbnail.is-display-pic{border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.photo-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.photo-thumbnail .photo-actions{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:0;transition:opacity .2s}.photo-thumbnail:hover .photo-actions{opacity:1}.photo-actions button{background:var(--background-secondary);border:none;border-radius:50%;width:32px;height:32px;font-size:1rem;cursor:pointer}.photo-actions button:hover{background:var(--accent-primary)}.view-modal-display-pic{width:100%;max-height:250px;object-fit:cover;border-radius:6px;margin-bottom:1.5rem}.view-life-events{margin-top:2rem;text-align:left;border-top:1px solid var(--border-primary);padding-top:1rem}.view-life-events h3{margin-top:0}.view-life-events ul{list-style:none;padding:0}.view-life-events li{background:var(--background-tertiary);padding:.75rem;border-radius:4px;margin-bottom:.5rem}.view-life-events li p{margin:.25rem 0 0;font-size:.9rem;color:var(--text-secondary)}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--background-tertiary);transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--accent-primary)}input:focus+.slider{box-shadow:0 0 1px var(--accent-primary)}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.tree-container{position:relative;width:100%;height:100%;cursor:grab;background:var(--void-bg);overflow:hidden}.tree-container.is-panning{cursor:grabbing}.tree-canvas{position:relative;width:100%;height:100%;transform-origin:0 0;transition:transform .5s cubic-bezier(.25,1,.5,1)}.tree-canvas.is-panning,.tree-canvas.is-resizing{transition:none}.tree-background{position:absolute;background:var(--tabletop-bg);z-index:1;border-radius:20px;box-shadow:0 0 80px 30px #0000004d;border:1px solid var(--border-primary);transform-origin:0 0}.tree-background:hover .resize-handle{opacity:1}.resize-handle{position:absolute;width:20px;height:20px;background:var(--accent-primary);border:2px solid var(--background-secondary);border-radius:50%;opacity:0;transition:opacity .2s;z-index:11}.handle-n{top:-10px;left:50%;transform:translate(-50%);cursor:ns-resize}.handle-s{bottom:-10px;left:50%;transform:translate(-50%);cursor:ns-resize}.handle-e{right:-10px;top:50%;transform:translateY(-50%);cursor:ew-resize}.handle-w{left:-10px;top:50%;transform:translateY(-50%);cursor:ew-resize}.handle-ne{top:-10px;right:-10px;cursor:nesw-resize}.handle-nw{top:-10px;left:-10px;cursor:nwse-resize}.handle-se{bottom:-10px;right:-10px;cursor:nwse-resize}.handle-sw{bottom:-10px;left:-10px;cursor:nesw-resize}.tree-background:before{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:12px;border:1px solid var(--border-highlight-color);box-shadow:inset 0 0 8px var(--shadow-color),0 0 2px var(--border-highlight-color);pointer-events:none}.connector-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}.connector-path{fill:none;stroke:var(--connector-color);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round;transition:opacity .3s}.spouse-connector{stroke-dasharray:6,6;stroke:var(--text-secondary);stroke-width:2px}.connector-path-casing{fill:none;stroke:var(--text-secondary);stroke-width:7px;stroke-linejoin:round;stroke-linecap:round;opacity:.3;transition:opacity .3s}.person-node{position:absolute;background-color:var(--background-secondary);border:1px solid var(--border-primary);border-top:5px solid var(--lineage-color);padding:0;border-radius:8px;width:200px;height:240px;text-align:center;box-shadow:0 4px 8px var(--shadow-color),0 0 12px -2px var(--lineage-color);transition:box-shadow .2s,border-color .2s,opacity .3s,transform .2s;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;z-index:3;display:flex;flex-direction:column;overflow:hidden}.person-node.dragging{cursor:grabbing;z-index:10;box-shadow:0 12px 24px var(--shadow-color),0 0 25px 0 var(--lineage-color)}.person-node:hover{box-shadow:0 8px 16px var(--shadow-color),0 0 18px 0 var(--lineage-color);border-color:var(--accent-primary)}.person-node.end-of-line{border-style:dashed;border-top:5px solid var(--lineage-color);opacity:.85}.person-node.pinned{box-shadow:0 2px 4px var(--shadow-color),inset 0 0 8px #0003,0 0 12px -2px var(--lineage-color);border-color:var(--accent-secondary)}.person-node.highlighted{border-color:var(--accent-primary);box-shadow:0 0 10px 3px var(--accent-primary),0 0 25px 5px var(--lineage-color);z-index:4}.person-node.faded{opacity:.2!important;pointer-events:none}.person-node.faded:hover{box-shadow:0 4px 8px var(--shadow-color)}.person-image-container{width:100%;height:130px;flex-shrink:0;background-color:var(--background-tertiary)}.person-image-container img{width:100%;height:100%;object-fit:cover}.person-details{padding:.5rem;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.person-name{font-weight:700;font-size:clamp(.85rem,1.5vw,1rem);color:var(--text-primary);margin-bottom:.25rem;word-wrap:break-word}.person-dates{font-size:clamp(.7rem,1.2vw,.8rem);color:var(--text-secondary)}.person-attributes{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:.5rem;font-size:1rem;padding-top:.5rem;border-top:1px solid var(--border-primary)}.person-attributes span{cursor:default}.person-pin-btn,.person-view-btn{position:absolute;top:6px;background:var(--background-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,color .2s,transform .2s,background-color .2s;pointer-events:all;z-index:5}.person-pin-btn{left:6px}.person-view-btn{right:6px}.person-node:hover .person-view-btn,.person-node:hover .person-pin-btn,.person-node.faded .person-view-btn,.person-node.faded .person-pin-btn{opacity:1}.person-pin-btn:hover,.person-view-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-secondary)}.person-pin-btn.pinned{opacity:1;color:var(--accent-primary);transform:rotate(20deg)}.person-pin-btn.pinned:hover{transform:rotate(0)}.zoom-controls{position:absolute;bottom:20px;right:20px;z-index:100;display:flex;flex-direction:column;gap:8px}.zoom-controls button{background-color:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-primary);width:40px;height:40px;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 2px 5px var(--shadow-color);transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.zoom-controls button:hover{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-secondary)}@media(max-width:768px){.person-node{width:170px;height:200px}.person-image-container{height:100px}.person-attributes{gap:.4rem;font-size:.9rem}.modal-content.large{max-width:90vw}}@media(max-width:480px){.app-header{padding:.75rem 1rem}.app-header h1{font-size:1.25rem;width:100%;text-align:center;margin-bottom:.5rem}.controls{justify-content:center;gap:.5rem}.btn{padding:.5rem .8rem;font-size:.8rem}.person-node{width:150px;height:180px;border-top-width:4px}.person-image-container{height:90px}}.landing-page{min-height:100vh;background-color:var(--bg-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 0%,var(--bg-accent) 0%,transparent 60%),linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 30%,var(--bg-primary) 100%);color:#e0e6f0;overflow-x:hidden;overflow-y:auto;transition:background-color 60s linear}.landing-nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 4rem;z-index:1000;transition:all .3s ease;background:transparent}.landing-nav.scrolled{background:#0a0f1cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000004d;padding:1rem 4rem}.nav-brand{display:flex;align-items:center;gap:.75rem}.nav-brand .brand-icon{font-size:2rem}.nav-brand .brand-name{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#4fd1c5,#68d391);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:#a0aec0;text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:#4fd1c5}.btn-nav{background:transparent;border:1px solid #4a5568;color:#e0e6f0;padding:.6rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-nav:hover{border-color:#4fd1c5;color:#4fd1c5}.btn-nav.btn-primary{background:linear-gradient(135deg,#4fd1c5,#38a169);border:none;color:#0a0f1c}.btn-nav.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #4fd1c566}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:8rem 6rem 4rem;gap:4rem}.hero-content{flex:1;max-width:600px}.hero h1{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#f7fafc}.hero h1 .highlight{background:linear-gradient(135deg,#4fd1c5,#68d391);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#a0aec0;line-height:1.7;margin-bottom:2.5rem}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn-hero{padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-hero.btn-primary{background:linear-gradient(135deg,#4fd1c5,#38a169);color:#0a0f1c;box-shadow:0 4px 20px #4fd1c54d}.btn-hero.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #4fd1c580}.btn-hero.btn-secondary{background:#ffffff0d;color:#e0e6f0;border:1px solid #4a5568}.btn-hero.btn-secondary:hover{background:#ffffff1a;border-color:#4fd1c5}.hero-note{margin-top:1.5rem;font-size:.9rem;color:#718096}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center}.tree-preview{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 20px 60px #0000004d}.preview-node{background:#1a1f35e6;border:2px solid #4a5568;border-radius:12px;padding:1rem 1.5rem;text-align:center;min-width:100px;transition:all .3s}.preview-node.root{border-color:#4fd1c5;box-shadow:0 0 20px #4fd1c54d}.preview-node.highlight-node{border-color:#68d391;box-shadow:0 0 20px #68d3914d;background:#68d3911a}.preview-avatar{font-size:2rem;margin-bottom:.5rem}.preview-node span{font-size:.85rem;color:#a0aec0}.preview-connector{width:2px;height:30px;background:linear-gradient(to bottom,#4fd1c5,#4a5568)}.preview-row{display:flex;gap:1.5rem;position:relative}.preview-row:before{content:"";position:absolute;top:-15px;left:50px;right:50px;height:2px;background:#4a5568}.animated-tree{position:relative;padding:2rem 3rem 3rem;background:linear-gradient(135deg,#1a1f35f2,#0f1423fa);border:1px solid rgba(79,209,197,.2);box-shadow:0 25px 80px #00000080,inset 0 1px #ffffff0d;overflow:hidden}.animated-tree:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%234fd1c5' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;pointer-events:none}.tree-generation{display:flex;justify-content:center;align-items:flex-start;gap:1rem;position:relative;z-index:1}.tree-generation .preview-node{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;min-width:110px;background:#1a1f35f2;border:2px solid rgba(74,85,104,.5);border-radius:12px;transition:all .4s ease}.tree-generation .preview-node:hover{transform:translateY(-5px);border-color:#4fd1c5;box-shadow:0 10px 30px #4fd1c533}.preview-avatar-img{width:70px;height:70px;border-radius:50%;overflow:hidden;border:3px solid rgba(79,209,197,.4);margin-bottom:.5rem;position:relative;box-shadow:0 4px 15px #0000004d}.preview-avatar-img img{width:100%;height:100%;object-fit:cover;filter:sepia(20%) saturate(80%);transition:filter .3s}.preview-node:hover .preview-avatar-img img{filter:sepia(0%) saturate(100%)}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#4fd1c5;background:linear-gradient(135deg,#4fd1c533,#4fd1c51a)}.avatar-placeholder.male{background:linear-gradient(135deg,#4299e14d,#4299e11a);color:#63b3ed}.hero-avatar{width:90px;height:90px;border-color:gold;box-shadow:0 4px 20px #ffd7004d,0 0 40px #ffd7001a}.crown-icon{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:crown-float 3s ease-in-out infinite}@keyframes crown-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.hero-name{font-weight:600!important;color:gold!important;font-size:.95rem!important}.preview-dates{font-size:.7rem!important;color:#718096!important;font-style:italic}.tree-marriage-connector{width:30px;height:3px;background:linear-gradient(90deg,transparent,rgba(255,107,129,.6),transparent);align-self:center;margin-top:35px;position:relative}.tree-marriage-connector:before{content:"💕";position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:.8rem;opacity:.7}.tree-vertical-connector{width:3px;height:40px;background:linear-gradient(to bottom,#4fd1c599,#4a556866);margin:.5rem auto;position:relative;z-index:1}.tree-branch-connector{display:flex;justify-content:center;align-items:flex-start;gap:0;height:40px;position:relative;margin:.5rem 0}.branch-line{width:3px;height:100%;background:linear-gradient(to bottom,#4fd1c580,#4a55684d);position:absolute}.branch-line.left{left:25%;transform:translate(-50%)}.branch-line.center{left:50%;transform:translate(-50%)}.branch-line.right{left:75%;transform:translate(-50%)}.tree-branch-connector:before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;background:linear-gradient(90deg,#4fd1c566,#4fd1c599,#4fd1c566)}.knights-row{gap:1.5rem}.knight-node{background:#1a1f35e6!important;border-color:#9370db66!important}.knight-node:hover{border-color:#9370db!important;box-shadow:0 10px 30px #9370db33!important}.knight-node .preview-avatar-img{width:55px;height:55px;border-color:#9370db66}.knight-title{font-size:.65rem!important;color:#9370db!important;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.tree-decorations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.floating-leaf{position:absolute;width:20px;height:20px;background:linear-gradient(135deg,#4fd1c5,#68d391);border-radius:50% 0 50% 50%;opacity:.15;animation:float-drift 15s ease-in-out infinite}.leaf-1{top:10%;right:10%;animation-delay:0s}.leaf-2{top:60%;left:5%;animation-delay:-5s;width:15px;height:15px}.leaf-3{bottom:15%;right:15%;animation-delay:-10s;width:18px;height:18px}@keyframes float-drift{0%,to{transform:translate(0) rotate(0);opacity:.15}25%{transform:translate(-10px,20px) rotate(45deg);opacity:.25}50%{transform:translate(5px,-10px) rotate(90deg);opacity:.1}75%{transform:translate(-15px,5px) rotate(135deg);opacity:.2}}.animate-fade-in{opacity:0;transform:translateY(20px);animation:tree-fade-in .6s ease-out forwards}.animate-grow{transform:scaleY(0);transform-origin:top;animation:tree-grow .4s ease-out forwards}@keyframes tree-fade-in{to{opacity:1;transform:translateY(0)}}@keyframes tree-grow{to{transform:scaleY(1)}}.delay-0{animation-delay:0s}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.8s}.delay-4{animation-delay:1s}.delay-5{animation-delay:1.2s}.delay-6{animation-delay:1.6s}.delay-7{animation-delay:1.9s}.delay-8{animation-delay:2.1s}.delay-9{animation-delay:2.3s}.tree-title{font-size:1.1rem;font-weight:600;color:#4fd1c5;text-align:center;margin-bottom:1rem;letter-spacing:1px;text-transform:uppercase;opacity:0}.cycling-image{width:100%;height:100%;position:relative;overflow:hidden;border-radius:50%}.cycling-image img{width:100%;height:100%;object-fit:cover;filter:sepia(20%) saturate(80%);transition:opacity .3s ease,filter .3s ease,transform .5s ease}.cycling-image.transitioning img{opacity:0;transform:scale(1.1)}.preview-node:hover .cycling-image img{filter:sepia(0%) saturate(100%);transform:scale(1.05)}.demo-attributes{display:flex;gap:4px;justify-content:center;margin-top:4px;font-size:.7rem;opacity:.8}.demo-attributes span{cursor:help;transition:transform .2s}.demo-attributes span:hover{transform:scale(1.3)}.king-node{border-color:#ffd70066!important}.king-avatar{width:80px;height:80px;border-color:gold!important;box-shadow:0 4px 20px #ffd7004d}.animated-tree .highlight-node{border-color:#ffd70080!important;box-shadow:0 0 30px #ffd70026;background:linear-gradient(135deg,#ffd7000d,#1a1f35f2)!important}.features-section{padding:6rem 4rem;background:#0003}.features-section h2,.security-section h2,.pricing-section h2,.cta-section h2{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;color:#f7fafc}.section-subtitle{text-align:center;color:#718096;font-size:1.1rem;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;transition:all .3s}.feature-card:hover{transform:translateY(-5px);border-color:#4fd1c54d;box-shadow:0 10px 40px #0000004d}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#f7fafc}.feature-card p{color:#a0aec0;line-height:1.6}.security-section{padding:6rem 4rem}.security-content{max-width:900px;margin:0 auto}.security-features{display:grid;gap:2rem;margin-top:3rem}.security-item{display:flex;gap:1.5rem;align-items:flex-start;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem;transition:all .3s}.security-item:hover{border-color:#4fd1c54d}.security-icon{font-size:2rem;flex-shrink:0}.security-item h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#f7fafc}.security-item p{color:#a0aec0;line-height:1.6;font-size:.95rem}.security-item.warning-item{background:#f59e0b1a;border-color:#f59e0b66}.security-item.warning-item:hover{border-color:#f59e0b99}.security-item.warning-item h3{color:#fbbf24}.security-item.warning-item p{color:#fcd34d}.security-item.warning-item strong{color:#f59e0b}.pricing-section{padding:6rem 4rem;background:#0003}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.pricing-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem;text-align:center;position:relative;transition:all .3s}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #0000004d}.pricing-card.highlighted{border-color:#4fd1c5;background:linear-gradient(135deg,#4fd1c51a,#38a1691a);box-shadow:0 0 40px #4fd1c533}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4fd1c5,#38a169);color:#0a0f1c;padding:.4rem 1.5rem;border-radius:20px;font-size:.85rem;font-weight:600}.pricing-card h3{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;color:#f7fafc}.price{margin-bottom:2rem}.price .amount{font-size:3rem;font-weight:800;color:#f7fafc}.price .period{font-size:1rem;color:#718096}.features-list{list-style:none;padding:0;margin:0 0 2rem;text-align:left}.features-list li{padding:.75rem 0;color:#a0aec0;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.features-list li:last-child{border-bottom:none}.features-list .check{color:#4fd1c5;font-weight:700}.btn-pricing{width:100%;padding:1rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;background:#ffffff0d;border:1px solid #4a5568;color:#e0e6f0}.btn-pricing:hover{background:#ffffff1a;border-color:#4fd1c5}.btn-pricing.btn-primary{background:linear-gradient(135deg,#4fd1c5,#38a169);border:none;color:#0a0f1c}.btn-pricing.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #4fd1c566}.btn-pricing.btn-notify{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;color:#fff;cursor:not-allowed;opacity:.8}.tier-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.tier-tab{padding:.75rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;background:#ffffff0d;border:2px solid transparent;color:#a0aec0;position:relative}.tier-tab:hover{background:#ffffff1a;color:#f7fafc}.tier-tab.active{background:linear-gradient(135deg,#4fd1c533,#38a16933);border-color:#4fd1c5;color:#4fd1c5}.tier-tab.elite{position:relative}.tier-tab .coming-soon-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:.65rem;padding:.2rem .5rem;border-radius:20px;font-weight:700}.tier-tab.elite.active{background:linear-gradient(135deg,#8b5cf633,#6366f133);border-color:#8b5cf6;color:#a78bfa}.upgrade-notice{background:linear-gradient(135deg,#f59e0b26,#eab3081a);border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;display:flex;align-items:center;gap:.75rem;color:#fcd34d;font-size:.95rem}.upgrade-notice .upgrade-icon{font-size:1.5rem}.elite-teaser{max-width:600px;margin:0 auto 2rem}.elite-teaser-content{background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:2rem;text-align:center}.elite-teaser-content h3{color:#a78bfa;font-size:1.5rem;margin-bottom:1rem}.elite-teaser-content p{color:#c4b5fd;margin-bottom:1.5rem}.elite-teaser-content ul{list-style:none;padding:0;text-align:left;display:inline-block}.elite-teaser-content li{padding:.5rem 0;color:#ddd6fe;display:flex;align-items:center;gap:.5rem}.elite-teaser-content .check{color:#a78bfa}.pricing-card.tier-base{border-color:#9ca3af4d}.pricing-card.tier-advanced.highlighted{border-color:#4fd1c5;background:linear-gradient(135deg,#4fd1c51a,#38a1691a)}.pricing-card.tier-elite{border-color:#8b5cf680;background:linear-gradient(135deg,#8b5cf61a,#6366f11a)}.pricing-card.coming-soon{opacity:.85}.popular-badge.coming-soon-badge-card{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.features-list li.limitation{color:#9ca3af;opacity:.7}.features-list .cross{color:#f87171;font-weight:700}.import-callout{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:1.5rem;margin-top:2rem;max-width:600px;margin-left:auto;margin-right:auto;text-align:center}.import-callout h4{color:#60a5fa;font-size:1.1rem;margin-bottom:.5rem}.import-callout p{color:#93c5fd;font-size:.95rem;margin:0}.cta-section{padding:6rem 4rem;text-align:center;background:linear-gradient(135deg,#4fd1c51a,#38a1690d)}.cta-section p{color:#a0aec0;font-size:1.1rem;margin-bottom:2rem}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.landing-footer{background:#0000004d;padding:4rem 4rem 2rem}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem;max-width:1200px;margin:0 auto;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{max-width:300px}.footer-brand .brand-icon{font-size:2rem}.footer-brand .brand-name{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#4fd1c5,#68d391);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-left:.5rem}.footer-brand p{color:#718096;margin-top:1rem;line-height:1.6}.footer-links{display:flex;gap:4rem;flex-wrap:wrap}.footer-column h4{color:#f7fafc;font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-column a{display:block;color:#718096;text-decoration:none;padding:.4rem 0;transition:color .2s}.footer-column a:hover{color:#4fd1c5}.footer-bottom{text-align:center;padding-top:2rem;color:#4a5568;font-size:.9rem}@media(max-width:1024px){.hero{flex-direction:column;padding:7rem 3rem 3rem;text-align:center}.hero-content{max-width:100%}.hero-buttons{justify-content:center}.hero h1{font-size:2.5rem}}@media(max-width:768px){.landing-nav{padding:1rem 1.5rem}.nav-links{display:none}.hero{padding:6rem 1.5rem 2rem}.hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.features-section,.security-section,.pricing-section,.cta-section{padding:4rem 1.5rem}.features-section h2,.security-section h2,.pricing-section h2,.cta-section h2{font-size:1.75rem}.features-grid,.pricing-grid{grid-template-columns:1fr}.tree-preview{padding:1.5rem;transform:scale(.85)}.footer-content{flex-direction:column}.footer-links{gap:2rem}.landing-footer{padding:3rem 1.5rem 1.5rem}}.auth-modal .modal-content{max-width:450px}.auth-modal .modal-header{text-align:center;flex-direction:column;gap:.5rem}.auth-modal .modal-header h2{display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-tabs{display:flex;border-bottom:1px solid var(--border-primary)}.auth-tabs button{flex:1;background:none;border:none;padding:1rem;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.auth-tabs button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.auth-tabs button:hover:not(.active){color:var(--text-primary)}.auth-form{padding:2rem}.auth-form .form-group{margin-bottom:1.25rem}.auth-form label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500;font-size:.9rem}.auth-form input{width:100%;padding:.8rem 1rem;border-radius:8px;border:1px solid var(--border-primary);background-color:var(--background-tertiary);color:var(--text-primary);font-size:1rem;box-sizing:border-box;transition:border-color .2s}.auth-form input:focus{outline:none;border-color:var(--accent-primary)}.auth-form .btn-submit{width:100%;padding:1rem;background:linear-gradient(135deg,#4fd1c5,#38a169);border:none;border-radius:8px;color:#0a0f1c;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.auth-form .btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4fd1c566}.auth-form .btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-secondary);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-primary)}.auth-footer{text-align:center;padding:1.5rem 2rem;border-top:1px solid var(--border-primary);color:var(--text-secondary);font-size:.9rem}.auth-footer a{color:var(--accent-primary);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.password-strength{margin-top:.5rem;height:4px;border-radius:2px;background:var(--background-tertiary);overflow:hidden}.password-strength-bar{height:100%;transition:width .3s,background-color .3s}.password-strength-bar.weak{width:33%;background:#e53e3e}.password-strength-bar.medium{width:66%;background:#ecc94b}.password-strength-bar.strong{width:100%;background:#48bb78}.recovery-phrase-display{background:var(--background-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;margin:1rem 0}.recovery-phrase-display h4{margin:0 0 1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.recovery-words{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.recovery-word{background:var(--background-secondary);padding:.5rem;border-radius:4px;font-family:monospace;font-size:.9rem;text-align:center}.recovery-word span{color:var(--text-secondary);margin-right:.25rem}.recovery-warning{display:flex;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:1rem;background:#ecc94b1a;border:1px solid rgba(236,201,75,.3);border-radius:8px;color:#ecc94b;font-size:.85rem;line-height:1.5}.recovery-warning svg{flex-shrink:0;margin-top:2px}.form-error{color:#e53e3e;font-size:.85rem;margin-top:.5rem}.form-success{color:#48bb78;font-size:.85rem;margin-top:.5rem}.guided-tour-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s ease}.guided-tour-overlay.visible{opacity:1}.tour-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;pointer-events:auto}.tour-spotlight{position:absolute;border-radius:8px;box-shadow:0 0 0 9999px #000000bf;pointer-events:none;transition:all .3s ease}.tour-tooltip{position:absolute;background:linear-gradient(135deg,#1a1f35,#0d1220);border:1px solid rgba(79,209,197,.3);border-radius:16px;padding:1.5rem;max-width:380px;min-width:300px;box-shadow:0 20px 60px #00000080,0 0 30px #4fd1c533;pointer-events:auto;z-index:10000}.tour-tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tour-step-indicator{font-size:.85rem;color:#4fd1c5;font-weight:600;background:#4fd1c51a;padding:.25rem .75rem;border-radius:20px}.tour-skip-btn{background:none;border:none;color:#718096;font-size:.85rem;cursor:pointer;padding:.25rem .5rem;transition:color .2s}.tour-skip-btn:hover{color:#e53e3e}.tour-title{color:#f7fafc;font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.tour-content{color:#a0aec0;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}.tour-nav{display:flex;gap:.75rem}.tour-btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.tour-btn-prev{background:#ffffff0d;border:1px solid #4a5568;color:#a0aec0}.tour-btn-prev:hover:not(:disabled){background:#ffffff1a;border-color:#718096}.tour-btn-prev:disabled{opacity:.4;cursor:not-allowed}.tour-btn-next{background:linear-gradient(135deg,#4fd1c5,#38a169);border:none;color:#0a0f1c}.tour-btn-next:hover{transform:translateY(-1px);box-shadow:0 4px 15px #4fd1c566}.tour-progress{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:8px;pointer-events:none}.tour-dot{width:10px;height:10px;border-radius:50%;background:#4a5568;transition:all .3s}.tour-dot.active{background:#4fd1c5;transform:scale(1.2)}.tour-dot.completed{background:#38a169}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.form-row{grid-template-columns:1fr}.tour-tooltip{left:10px!important;right:10px!important;max-width:none;min-width:auto;transform:none!important}.tour-tooltip[style*="top: 50%"]{top:auto!important;bottom:100px!important}}